.interactive-svg-map{position:relative;text-align:center}.interactive-svg-map>svg{max-width:680px;width:100%}.interactive-svg-map__hoverbox{background-color:#fff;border-radius:5px;box-shadow:10px 10px 40px rgba(30,41,56,.1);max-width:260px;opacity:0;padding:24px;position:absolute;text-align:left;transition:opacity .3s ease-in-out;width:100%}.interactive-svg-map__hoverbox:not(:has(.interactive-svg-map__hoverbox-description)):not(:has(.interactive-svg-map__hoverbox-image)){display:none}.interactive-svg-map__hoverbox:before{background:#fff;content:"";display:block;filter:drop-shadow(0 0 10px #1E29381A);height:38px;mix-blend-mode:lighten;position:absolute;transform:rotate(45deg);width:38px;z-index:-1}.interactive-svg-map__hoverbox-title{display:block;font-size:.89rem;line-height:1.5}.interactive-svg-map__hoverbox-description{font-size:14px;line-height:1.5}.interactive-svg-map__hoverbox-image>.mobile-img{display:none}.animated-circle{transition:stroke-dashoffset 1s ease}.hover-group:has(.hover-area:hover) .animated-circle{stroke-dashoffset:0}#elektroautos .hover-area{transform:translate(366px)}#elektroautos .animated-circle{transform:translate(443.9525px,87.6px) rotate(-111deg)}#ladeloesungen .hover-area{transform:translate(548px,80px)}#ladeloesungen .animated-circle{transform:translate(610.5px,142px) rotate(-60deg)}#installations_service .hover-area{transform:translate(655px,222px)}#installations_service .animated-circle{transform:translate(716px,284px) rotate(-45deg)}#oeffentliches_laden .hover-area{transform:translate(655px,400px)}#oeffentliches_laden .animated-circle{transform:translate(714px,462.5px) rotate(-30deg)}#foerderservices .hover-area{transform:translate(548px,540px)}#foerderservices .animated-circle{transform:translate(611.5px,603.5px) rotate(15deg)}#thg_quote .hover-area{transform:translate(380px,590px)}#thg_quote .animated-circle{transform:translate(443.4525px,659px) rotate(67.5deg)}#stromtarife .hover-area{transform:translate(128px,543px)}#stromtarife .animated-circle{transform:translate(277px,604px) rotate(120deg)}.interactive-svg-map svg:has(#stromtarife .hover-area:hover)~ .interactive-svg-map__hoverbox[data-id=stromtarife]{opacity:1}#pv_loesungen .hover-area{transform:translateY(397px)}#pv_loesungen .animated-circle{transform:translate(176px,460px) rotate(150deg)}#abrechnungssystem .hover-area{transform:translateY(222px)}#abrechnungssystem .animated-circle{transform:translate(173px,284px) rotate(170deg)}#uvm .hover-area{transform:translate(95px,80px)}#uvm .animated-circle{transform:translate(276px,142px) rotate(192deg)}@media (max-width:767px){.interactive-svg-map{display:flex;flex-direction:column}.interactive-svg-map>svg{display:none}.interactive-svg-map__hoverbox{align-items:center;display:flex;flex-direction:row-reverse;justify-content:start;max-width:100%;opacity:1;position:static}.interactive-svg-map__hoverbox-title{max-width:66.67%;offset:66.66667%;width:100%}.interactive-svg-map__hoverbox-image{margin-right:16px;max-width:52px;width:100%}.interactive-svg-map__hoverbox-image>.mobile-img{display:block}.interactive-svg-map__hoverbox-image>.desktop-img{display:none}.interactive-svg-map__hoverbox-description{flex-grow:1;margin-bottom:0}.interactive-svg-map__hoverbox:before{content:none}.interactive-svg-map__hoverbox:not(:last-child){margin-bottom:16px}}