#giemap{position:relative;width:min(320px,100%);margin:0 auto}
#giemap svg{width:100%;height:auto;display:block;overflow:hidden}
#giemap .giemap-shape{fill:rgba(111,180,64,.07);stroke:rgba(111,180,64,.6);stroke-width:4;stroke-linejoin:round}
#giemap .giemap-pin{cursor:pointer}
#giemap .giemap-dot{fill:#6fb440;transform-box:fill-box;transform-origin:center;animation:giemapPulse 2.6s infinite}
#giemap .giemap-ring{fill:none;stroke:#6fb440;stroke-width:3;opacity:0;transform-box:fill-box;transform-origin:center;animation:giemapRing 2.6s infinite}
#giemap .giemap-label{font-family:inherit;font-size:19px;font-weight:500;fill:#666364}
#giemap .giemap-pin:hover .giemap-dot{fill:#5c9a34}
#giemap .giemap-pin:hover .giemap-label{fill:#3A3B3D}
#giemap .giemap-pin:nth-of-type(2) .giemap-dot,#giemap .giemap-pin:nth-of-type(2) .giemap-ring{animation-delay:.3s}
#giemap .giemap-pin:nth-of-type(3) .giemap-dot,#giemap .giemap-pin:nth-of-type(3) .giemap-ring{animation-delay:.6s}
#giemap .giemap-pin:nth-of-type(4) .giemap-dot,#giemap .giemap-pin:nth-of-type(4) .giemap-ring{animation-delay:.9s}
#giemap .giemap-pin:nth-of-type(5) .giemap-dot,#giemap .giemap-pin:nth-of-type(5) .giemap-ring{animation-delay:1.2s}
#giemap .giemap-pin:nth-of-type(6) .giemap-dot,#giemap .giemap-pin:nth-of-type(6) .giemap-ring{animation-delay:1.5s}
#giemap .giemap-pin:nth-of-type(7) .giemap-dot,#giemap .giemap-pin:nth-of-type(7) .giemap-ring{animation-delay:1.8s}
@keyframes giemapPulse{0%,100%{opacity:1}50%{opacity:.7}}
@keyframes giemapRing{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(3)}100%{opacity:0;transform:scale(3)}}
HamburgBerlinDortmundKölnDresdenFrankfurtMünchen(function(){
try{
var root = document.getElementById(‘giemap’);
if(!root) return;
root.querySelectorAll(‘.giemap-pin’).forEach(function(pin){
pin.addEventListener(‘click’, function(){
var slug = pin.getAttribute(‘data-city’);
var target = document.getElementById(‘stadt-‘ + slug);
if(target && target.scrollIntoView){
target.scrollIntoView({behavior:’smooth’, block:’center’});
}
});
});
}catch(e){}
})();