.heremaps-iframe .heremap { margin: 0; height: 100%; }

.heremap { position: relative; margin: 0 20px 40px; height: 640px; }

article.container > .heremap { margin: 0 0 60px; }

.heremap-map { position: absolute; background: #383c45; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; font-size: 11px; font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif; }

.heremap-map * { font-family: inherit; font-size: inherit; }

.heremap-map div:not(.H_btn) > svg { margin: -50% 0 0 -50%; }

.heremap-map div.marker_kmpoint { z-index: 1000 !important; }

.heremap-map div.marker_kmpoint text { font-size: 16px; }

.heremap-map.fullscreen { position: fixed; z-index: 90000; }

.heremap-map > nav { position: absolute; z-index: 1000; top: 10px; left: 10px; }

.heremap-map > nav a { color: #fff !important; }

.heremap-map > nav > ul { height: 28px; border-radius: 4px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.6); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.6); }

.heremap-map > nav > ul > li, .heremap-map > nav > ul > li.inactive { border-left: 1px solid rgba(153, 153, 153, 0.8); display: inline-block; overflow: hidden; }

.heremap-map > nav > ul > li > a, .heremap-map > nav > ul > li.inactive > a { position: relative; z-index: 2; display: inline-block; padding: 0 14px; background-color: #383c45; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4f5461), to(#383c45)); background-image: linear-gradient(to bottom, #4f5461 0, #383c45 100%); color: #fff; }

.heremap-map > nav > ul > li > a:hover, .heremap-map > nav > ul > li.inactive > a:hover { background-color: #383c45; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2d3037), to(#383c45)); background-image: linear-gradient(to bottom, #2d3037 0, #383c45 100%); color: #fff; }

.heremap-map > nav > ul > li ul, .heremap-map > nav > ul > li.inactive ul { display: none; }

.heremap-map > nav > ul > li:first-child { border-left: none; border-radius: 4px 0 0 4px; }

.heremap-map > nav > ul > li:first-child > a { border-radius: 4px 0 0 4px; }

.heremap-map > nav > ul > li:first-child:last-child { min-width: 190px; border-radius: 4px; }

.heremap-map > nav > ul > li:first-child:last-child > a { min-width: 190px; border-radius: 4px; }

.heremap-map > nav > ul > li:last-child { border-radius: 0 4px 4px 0; }

.heremap-map > nav > ul > li:last-child > a { border-radius: 0 4px 4px 0; }

.heremap-map > nav > ul > li.current > a { background-color: #383c45; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2d3037), to(#383c45)); background-image: linear-gradient(to bottom, #2d3037 0, #383c45 100%); color: #fff; }

.heremap-map > nav > ul > li.active > a { background: rgba(0, 15, 26, 0.85); color: #49dad0; }

.heremap-map > nav > ul > li.active > ul { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; top: 0; left: 0; z-index: 1; min-width: 100%; overflow: hidden; padding: 28px 7px 0; }

.heremap-map > nav > ul > li.active > ul > li { position: relative; border-bottom: 1px solid rgba(0, 15, 26, 0.8); overflow: hidden; }

.heremap-map > nav > ul > li.active > ul > li:last-child { border-radius: 0 0 4px 4px; border-bottom: none; overflow: hidden; }

.heremap-map > nav > ul > li.active > ul > li:before { content: ''; display: block; position: absolute; z-index: 2; top: 9px; left: 7px; border-radius: 50%; height: 8px; width: 8px; vertical-align: middle; border: 1px solid rgba(153, 153, 153, 0.8); pointer-events: none; }

.heremap-map > nav > ul > li.active > ul > li > a { display: block; padding: 0 7px 0 24px; }

.heremap-map > nav > ul > li.active > ul > li > select { width: 100%; border: 0; border-radius: 0; height: 28px; padding: 0 7px 0 24px; margin: 0; line-height: 28px; cursor: pointer; outline: none; -webkit-appearance: none; }

.heremap-map > nav > ul > li.active > ul > li > a, .heremap-map > nav > ul > li.active > ul > li > select { position: relative; z-index: 1; color: #fff; background: rgba(0, 15, 26, 0.85); letter-spacing: .05em; }

.heremap-map > nav > ul > li.active > ul > li > a:hover, .heremap-map > nav > ul > li.active > ul > li > select:hover { color: #49dad0; }

.heremap-map > nav > ul > li.active > ul > li.active:before { background: #49dad0; }

.heremap-map > nav ul, .heremap-map > nav li { margin: 0; padding: 0; list-style-type: none; background: none; font-size: 11px; }

.heremap-map > nav a, .heremap-map > nav .item { color: #fff; text-decoration: none; line-height: 28px; }

.heremap-map .H_ib { background: none !important; padding-left: 1em; z-index: 100; }

.heremap-map .H_ib .H_ib_body { background: rgba(0, 15, 26, 0.85) !important; margin: 0 !important; padding: 0 !important; }

.heremap-map .H_ib .H_ib_body .H_ib_close { width: 16px; text-align: center; margin-right: 6px; }

.heremap-map .H_ib .H_ib_body .H_ib_close svg { margin: 0; }

.heremap-map .H_ib .H_ib_tail { opacity: .85; bottom: -.6em !important; left: -.2em !important; }

.heremap-map .H_ib.tooltip { margin: 30px 0 0 -25px !important; pointer-events: none; z-index: 101; opacity: 100; }

.heremap-map .H_ib.tooltip .H_ib_body { display: inline-block; width: auto; white-space: nowrap; }

.heremap-map .H_ib.tooltip .H_ib_body .H_ib_close { display: none; }

.heremap-map .H_ib.tooltip .H_ib_body .H_ib_content { min-width: 0; font-weight: 400; padding: .3em .6em; }

.heremap-map .hm-bubble-info { padding: 5px 10px 10px; line-height: 1.25; min-width: 180px; }

.heremap-map .hm-bubble-info h3, .heremap-map .hm-bubble-info p { margin: 0; padding: 0; }

.heremap-map .hm-bubble-info h3 { color: #fff; font-size: 14px; font-weight: 700; padding-right: 10px; }

.heremap-map .hm-bubble-info p { font-size: 12px; color: #fff; }

.heremap-map .hm-bubble-info img { margin: 0; width: 100%; height: auto; }

.heremap-map .hm-bubble-info a { color: #17aed5; text-decoration: none; }

.heremap-map .hm-bubble-info a:hover { text-decoration: underline; }

.heremap-map .hm-bubble-info .subtitle { font-size: 11px; color: #999; margin: 0 0 5px; }

.heremap-map .hm-bubble-info table { margin: 0; border: none; line-height: 1.25; }

.heremap-map .hm-bubble-info td { background: transparent; color: #fff; border: none; white-space: nowrap; padding: 0; font-size: 12px; }

.heremap-map .hm-bubble-info td + td { padding-left: 5px; }

.heremap-map > div > div:nth-child(2) { left: 2.5em !important; }

img + .heremap-map .hm-bubble-info p { margin-top: 5px; }

body.heremap-fullscreen { overflow: hidden; }

body.heremap-fullscreen #main { position: static; z-index: auto; }

body.heremap-fullscreen #fullscreen-toggle { position: fixed; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 90001; }

body.heremaps-iframe { height: 100%; padding: 0; margin: 0; }

.link-list { overflow: hidden; }

.heremap-fullscreen .link-list { overflow: visible; }

.heremaps-links { list-style-type: none; margin: 0; padding: 32px 0 0 2em; float: left; width: 60%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.heremaps-links li { background: none; float: left; margin: 0 1.5em 0 0; }

.heremaps-links .btn { display: block; line-height: normal; }

.heremaps-link { font-size: 11px; font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif; text-align: center; padding: 0; }

.H_ctl.H_scalebar { padding-right: 104px !important; padding-bottom: 14px !important; }

.heremaps-logo-bar { position: absolute; bottom: -24px; left: 0; width: 100%; }

.heremaps-logo-bar .heremaps-logo-line { background: #383c45; color: #fff !important; text-align: center; font-size: 12px; line-height: 24px; text-decoration: none; white-space: nowrap; }

.heremaps-logo-bar .heremaps-logo-line:hover { text-decoration: underline; }

.heremaps-logo-bar .heremaps-logo-block { background: transparent url(../../Public/img/heremaps-logo.png) 0 0 no-repeat; position: absolute; top: -96px; right: 16px; width: 80px; height: 80px; }

.heremaps-logo-bar .heremaps-logo-line, .heremaps-logo-bar .heremaps-logo-block { display: block; }

.heremap-app-links { width: 40%; list-style-type: none; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

.heremap-app-links h3 { color: #0066b3; font-size: 15px; }

.heremap-app-links a { float: left; width: 96px; height: 29px; margin-right: 1.5em; white-space: nowrap; text-indent: 100%; background-position: 0 0; background-repeat: no-repeat; background-size: cover; overflow: hidden; }

.heremap-app-links ul { list-style-type: none; margin: 0; }

.heremap-app-links li { background: none; padding: 0; margin: 0; }

.heremap-app-links .android-link.en a { background-image: url(../../Public/img/google-play_en.png); }

.heremap-app-links .android-link.de a { background-image: url(../../Public/img/google-play_de.png); }

.heremap-app-links .ios-link.en a { background-image: url(../../Public/img/appstore_en.jpg); }

.heremap-app-links .ios-link.de a { background-image: url(../../Public/img/appstore_de.jpg); }

.ios .heremap-app-links, .android .heremap-app-links { width: 100%; }

.ios .heremap-app-links .android-link, .ios .heremap-app-links .ios-link, .android .heremap-app-links .android-link, .android .heremap-app-links .ios-link { display: none; }

.ios .heremap-app-links h3, .android .heremap-app-links h3 { margin-bottom: 15px; }

.ios .heremaps-links .android .heremaps-link, .ios .heremaps-links .android .heremap-app-links, .ios .heremap-app-links .android .heremaps-link, .ios .heremap-app-links .android .heremap-app-links { width: 100%; padding: 0; margin: 0 0 1em; }

.app-overlay { position: fixed; width: 80%; max-width: 300px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #FFF; z-index: 1; padding: 1em; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); }

.app-overlay::before { display: block; content: 'i'; color: #0066b3; border: 2px solid; border-radius: 50%; width: 1.4em; height: 1.4em; line-height: 1.4em; text-align: center; font-weight: 700; margin: 0 auto 1em; }

.app-overlay h2 { color: #0066b3; max-width: 80%; text-align: center; margin: 0 auto; font-size: 20px; line-height: 1.25; margin-bottom: 1em; }

.app-overlay .btn-overlay { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; background-color: #0066b3; font-size: 14px; padding: .5em; text-transform: uppercase; text-decoration: none; text-align: center; color: #FFF; font-weight: 400; margin-bottom: .75em; border: 0; width: 100%; }

.app-overlay .btn-overlay.close-overlay { background-color: #000; margin-bottom: 0; }

#fullscreen-toggle { background: var(--primary-dark); color: #fff; }

.bandDetail .info-container { width: 100%; }

.bandDetail .info-container img { width: 100%; max-height: 270px; -o-object-fit: cover; object-fit: cover; }

.bandDetail .modal img { max-height: none; }

.bandDetail .news-img-wrap .carousel { margin: 0; }

.bandDetail .news-img-wrap .carousel .carousel-control-prev, .bandDetail .news-img-wrap .carousel .carousel-control-next { background: var(--primary-dark); height: 30px; top: 45%; width: 9%; }

.bandDetail .news-img-wrap .carousel-inner .carousel-item { height: 100%; }

.bandDetail .news-img-wrap .carousel-inner .carousel-item img { max-height: none; }

.bandDetail .news-img-wrap .carousel-inner .carousel-item .mediaelement { height: 100%; }

.bandDetail .news-img-wrap .carousel-inner .carousel-item .mediaelement .mediaelement-video { height: 100%; background: #f3f3f3; }

.bandDetail .news-img-wrap .carousel-inner .carousel-item .mediaelement .mediaelement-video iframe { width: 100%; height: 100%; }

.bandDetail .news-img-wrap .carousel-inner .carousel-item .mediaelement .mediaelement-video audio { width: 100%; }

.bandDetail .info { background: #f3f3f3; padding: 20px; }

.bandDetail .info .heremaps { position: relative; padding: 10px; border: solid 1px #ccc; background: #fff; display: inline-block; margin-bottom: 15px; }

.bandDetail .info .heremaps .marker { position: absolute; display: block; top: 50%; left: 50%; margin: -16px 0 0 -16px; width: 32px; height: 32px; background-repeat: no-repeat; }

.bandDetail .description { padding: 0 20px; margin-top: 20px; }

.bandDetail h2 { padding-left: 20px; clear: left; }

.bandDetail h2 span { font-size: 16px; font-weight: 400; }

.genre-samba { background: url(/typo3conf/ext/here_map/Resources/Public/img/icons/icon-detailseite-samba.png) no-repeat 16px 0; }

.genre-jazz { background: url(/typo3conf/ext/here_map/Resources/Public/img/icons/icon-detailseite-jazz.png) no-repeat 16px 0; }

.genre-percussion { background: url(/typo3conf/ext/here_map/Resources/Public/img/icons/icon-detailseite-percussion.png) no-repeat 16px 0; }

.genre-rock-pop { background: url(/typo3conf/ext/here_map/Resources/Public/img/icons/icon-detailseite-rock-pop.png) no-repeat 16px 0; }

.genre-soul-funk { background: url(/typo3conf/ext/here_map/Resources/Public/img/icons/icon-detailseite-soul-funk.png) no-repeat 16px 0; }

.genre-hotspot { background: url(/typo3conf/ext/here_map/Resources/Public/img/icons/icon-detailseite-hotspot.png) no-repeat 16px 0; }

/*# sourceMappingURL=heremaps.css.map */