
        <!-- Nicht fertig implementiert - Die Kreise mit der Anzahl werden geholt, jedoch Fehlpl-->
        <!-- <% if (amountHotspot) { %>
            <% for (let b of bereiche) { %>

                <%let hotspot = amountHotspot.find(h => h.kz == b.kennzeichen) %> 

                <% if (hotspot) { %>
                    <% amount=b.freiePlaetze; %>
                 
                    <% let sanitizedAmount=amount.toString().replace(/[\n\r]/g, ' ' ); %>
                    <% let sanitizedStyle=hotspot.style.toString().replace(/[\n\r]/g, ' ' ); %>

                    <div id="<%=hotspot.kz%>" style="<%=sanitizedStyle%>" class="overlay"><%=sanitizedAmount%></div> 
                    
                    
                <% } %>
            <% } %>     
        <% } %> -->


        


            <% if (container === "gesamt") {%>
            <img src="<%=url%>" id="pp-img" data-step="<%=container%>" data-units-gesamt="<%=freiePlaetze%>"/>
            <svg viewBox="<%=viewBox%>">                
            <% let i = 0; for (let b of bereiche) {%>
                <polygon
                    points="<%=b.koordinaten%>"
                    class="growOnHover"
                    fill="none"
                    data-bereich="<%=b.kennzeichen%>"
                ></polygon>
            <% i++; }%>
            </svg>
            <% }%>

            <% if (container === "bereich") {%>
            <img src="<%=url%>" id="pp-img" data-step="<%=container%>"  />
            <svg viewBox="<%=viewBox%>">
                <% for (let a of areale) {%>
                <polygon
                        points="<%=a.koordinaten%>"
                        class="growOnHover"
                        data-bereich="<%=selectedBereich%>"
                        data-areal="<%=a.kennzeichen%>"
                ></polygon>
                <% }%>
            </svg>
            <% }%>





            <% if (container === "areal") {%>
            <img
               src="<%=url%>"
               id="pp-img" data-step="<%=container%>"
            />
            <svg viewBox="<%=viewBox%>">
            <% for (let f of freiePlaetze) {%>
            <circle
                cx="<%=f.koordinaten[0]%>"
                cy="<%=f.koordinaten[1]%>"
                r="<%=f.koordinaten[2]%>"
                data-bereich="<%=selectedBereich%>"
                data-areal="<%=selectedAreal%>"
                data-platz="<%=f.platznummer%>"
                data-alias="<%=f.alias%>"
                class="platzCircle"
            ></circle>
            <% }%>
            </svg>
            <% }%>


