{"id":8596,"date":"2025-06-04T16:41:53","date_gmt":"2025-06-04T14:41:53","guid":{"rendered":"https:\/\/ipec2025.ipec-group.com\/d1-zentrum\/"},"modified":"2025-08-15T12:54:23","modified_gmt":"2025-08-15T10:54:23","slug":"d1-center","status":"publish","type":"page","link":"https:\/\/ipec2025.ipec-group.com\/de\/d1-center\/","title":{"rendered":"D1 Zentrum"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8596\" class=\"elementor elementor-8596 elementor-6957\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-232b62f e-con-full e-flex e-con e-parent\" data-id=\"232b62f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-8ea97f2 animated-fast e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"8ea97f2\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09e33de elementor-widget elementor-widget-heading\" data-id=\"09e33de\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">D1 Zentrum<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a0cad6 elementor-widget elementor-widget-heading\" data-id=\"1a0cad6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ihr Business Hub im Herzen von D1 Park<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc875d8 button-success elementor-widget elementor-widget-button\" data-id=\"dc875d8\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#available\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Verf\u00fcgbare Einheiten anzeigen<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a244a3a animated-fast e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"a244a3a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0b0e249 e-con-full e-flex e-con e-child\" data-id=\"0b0e249\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c371d6b e-con-full e-flex e-con e-child\" data-id=\"c371d6b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a39da2d elementor-widget elementor-widget-counter\" data-id=\"a39da2d\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"1500\" data-to-value=\"10500\" data-from-value=\"0\" data-delimiter=\".\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">m\u00b2<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5813b0 elementor-widget elementor-widget-heading\" data-id=\"e5813b0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Gesamtfl\u00e4che<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21902cc e-con-full e-flex e-con e-child\" data-id=\"21902cc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c403280 elementor-widget elementor-widget-counter\" data-id=\"c403280\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"1500\" data-to-value=\"4000\" data-from-value=\"0\" data-delimiter=\".\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">m\u00b2<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e9b553 elementor-widget elementor-widget-heading\" data-id=\"7e9b553\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Verf\u00fcgbarer Platz<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-092cad6 e-con-full e-flex e-con e-child\" data-id=\"092cad6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e605a1 elementor-widget elementor-widget-counter\" data-id=\"7e605a1\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"1500\" data-to-value=\"300\" data-from-value=\"0\" data-delimiter=\".\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b2ae05 elementor-widget elementor-widget-heading\" data-id=\"5b2ae05\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Parkpl\u00e4tze<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7196d66 e-con-full e-flex e-con e-child\" data-id=\"7196d66\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1997c4 elementor-widget elementor-widget-text-editor\" data-id=\"f1997c4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Das <strong>D1 Zentrum<\/strong> ist ein multifunktionales Gesch\u00e4fts- und Dienstleistungszentrum in strategischer Lage im <strong>D1 Park Senec<\/strong>, einem der gr\u00f6\u00dften Logistik- und Gewerbegebiete in Mitteleuropa. Entwickelt und revitalisiert von der <strong>IPEC Group<\/strong> seit 2018, bietet das Zentrum eine Gesamtfl\u00e4che von <strong>10.500 m\u00b2<\/strong> mit flexiblen Einheiten, die sich f\u00fcr <strong>B\u00fcros, Ausstellungsr\u00e4ume, Einzelhandelsfl\u00e4chen und kleinere Lagerr\u00e4ume<\/strong> eignen. <\/p><p> <\/p><p>Mit \u00fcber <strong>4.000 m\u00b2<\/strong> anpassungsf\u00e4higer Fl\u00e4che, die derzeit zur Verf\u00fcgung stehen, haben Unternehmen die M\u00f6glichkeit, sich in einem florierenden Umfeld niederzulassen, in dem mehr als <strong>5.000 Mitarbeiter<\/strong> von <strong>\u00fcber 100 Unternehmen<\/strong> besch\u00e4ftigt sind.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85743eb e-flex e-con-boxed e-con e-parent\" data-id=\"85743eb\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ec13ca8 e-con-full e-flex e-con e-child\" data-id=\"ec13ca8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9675a7a elementor-widget elementor-widget-heading\" data-id=\"9675a7a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Wesentliche Merkmale<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0aee060 elementor-widget elementor-widget-heading\" data-id=\"0aee060\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Alles, was Sie f\u00fcr Ihren Gesch\u00e4ftserfolg brauchen<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03430fa e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"03430fa\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdf11e9 elementor-widget elementor-widget-html\" data-id=\"cdf11e9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Features Grid -->\r\n<div class=\"space-y-4 sm:space-y-6\">\r\n    <!-- Feature 1 -->\r\n    <div class=\"bg-white rounded-xl sm:rounded-2xl shadow-lg hover:shadow-xl transition-shadow duration-300 overflow-hidden\">\r\n        <div class=\"flex flex-col sm:flex-row\">\r\n            <div class=\"sm:w-1\/4 md:w-1\/5 lg:w-1\/4 bg-gradient-to-br from-blue-500 to-blue-700 p-4 sm:p-6 flex items-center justify-center\">\r\n                <div class=\"w-12 h-12 sm:w-16 sm:h-16 bg-white\/20 rounded-full flex items-center justify-center\">\r\n                    <i class=\"fas fa-expand-arrows-alt text-xl sm:text-2xl text-white\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"sm:w-3\/4 md:w-4\/5 lg:w-3\/4 p-4 sm:p-6 flex items-center\">\r\n                <div>\r\n                    <h4 class=\"text-lg font-bold\">Flexible Wohnungsgr\u00f6\u00dfen ab 120 m\u00b2<\/h4>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Feature 2 -->\r\n    <div class=\"bg-white rounded-xl sm:rounded-2xl shadow-lg hover:shadow-xl transition-shadow duration-300 overflow-hidden\">\r\n        <div class=\"flex flex-col sm:flex-row\">\r\n            <div class=\"sm:w-1\/4 md:w-1\/5 lg:w-1\/4 bg-gradient-to-br from-green-500 to-green-700 p-4 sm:p-6 flex items-center justify-center\">\r\n                <div class=\"w-12 h-12 sm:w-16 sm:h-16 bg-white\/20 rounded-full flex items-center justify-center\">\r\n                    <i class=\"fas fa-arrows-alt-v text-xl sm:text-2xl text-white\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"sm:w-3\/4 md:w-4\/5 lg:w-3\/4 p-4 sm:p-6 flex items-center\">\r\n                <div>\r\n                    <h4 class=\"text-lg font-bold\">Deckenh\u00f6he von 5 Metern<\/h4>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Feature 3 -->\r\n    <div class=\"bg-white rounded-xl sm:rounded-2xl shadow-lg hover:shadow-xl transition-shadow duration-300 overflow-hidden\">\r\n        <div class=\"flex flex-col sm:flex-row\">\r\n            <div class=\"sm:w-1\/4 md:w-1\/5 lg:w-1\/4 bg-gradient-to-br from-purple-500 to-purple-700 p-4 sm:p-6 flex items-center justify-center\">\r\n                <div class=\"w-12 h-12 sm:w-16 sm:h-16 bg-white\/20 rounded-full flex items-center justify-center\">\r\n                    <i class=\"fas fa-car text-xl sm:text-2xl text-white\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"sm:w-3\/4 md:w-4\/5 lg:w-3\/4 p-4 sm:p-6 flex items-center\">\r\n                <div>\r\n                    <h4 class=\"text-lg font-bold\">\u00dcber 300 Parkpl\u00e4tze f\u00fcr Mieter und Besucher<\/h4>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Feature 4 -->\r\n    <div class=\"bg-white rounded-xl sm:rounded-2xl shadow-lg hover:shadow-xl transition-shadow duration-300 overflow-hidden\">\r\n        <div class=\"flex flex-col sm:flex-row\">\r\n            <div class=\"sm:w-1\/4 md:w-1\/5 lg:w-1\/4 bg-gradient-to-br from-orange-500 to-red-600 p-4 sm:p-6 flex items-center justify-center\">\r\n                <div class=\"w-12 h-12 sm:w-16 sm:h-16 bg-white\/20 rounded-full flex items-center justify-center\">\r\n                    <i class=\"fas fa-road text-xl sm:text-2xl text-white\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"sm:w-3\/4 md:w-4\/5 lg:w-3\/4 p-4 sm:p-6 flex items-center\">\r\n                <div>\r\n                    <h4 class=\"text-lg font-bold\">Direkte Anbindung an die Autobahn D1 und die Route 503<\/h4>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Feature 5 -->\r\n    <div class=\"bg-white rounded-xl sm:rounded-2xl shadow-lg hover:shadow-xl transition-shadow duration-300 overflow-hidden\">\r\n        <div class=\"flex flex-col sm:flex-row\">\r\n            <div class=\"sm:w-1\/4 md:w-1\/5 lg:w-1\/4 bg-gradient-to-br from-indigo-500 to-indigo-700 p-4 sm:p-6 flex items-center justify-center\">\r\n                <div class=\"w-12 h-12 sm:w-16 sm:h-16 bg-white\/20 rounded-full flex items-center justify-center\">\r\n                    <i class=\"fas fa-users text-xl sm:text-2xl text-white\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"sm:w-3\/4 md:w-4\/5 lg:w-3\/4 p-4 sm:p-6 flex items-center\">\r\n                <div>\r\n                    <h4 class=\"text-lg font-bold\">Vor-Ort-Einrichtungen einschlie\u00dflich D1-Sitzungsraum und D1-Shared-Office-Coworking-Einrichtungen<\/h4>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a43110c e-flex e-con-boxed e-con e-parent\" data-id=\"a43110c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-37d04a8 e-con-full e-flex e-con e-child\" data-id=\"37d04a8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb782cd elementor-widget elementor-widget-heading\" data-id=\"fb782cd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Verf\u00fcgbare Einheiten<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d635343 elementor-widget elementor-widget-heading\" data-id=\"d635343\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Klicken Sie auf die verf\u00fcgbaren Einheiten, um eine 360\u00b0-Ansicht zu erhalten<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4b1c71 animated-fast elementor-invisible elementor-widget elementor-widget-html\" data-id=\"b4b1c71\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bg-white rounded-2xl shadow-xl\">\r\n    <div class=\"min-h-[300px] w-full rounded-xl flex items-center justify-center border-2 border-dashed border-gray-300\">\r\n        <div class=\"map-container\">\r\n            <!--\r\n            <div class=\"controls\">\r\n                <div class=\"checkbox-container\">\r\n                    <input type=\"checkbox\" id=\"showPlotIds\">\r\n                    <label for=\"showPlotIds\">Plot-IDs anzeigen<\/label>\r\n                <\/div>\r\n            <\/div>\r\n            -->\r\n\r\n            <div class=\"legend\">\r\n                <div class=\"legend-item\">\r\n                    <div class=\"legend-color available\"><\/div>\r\n                    <span class=\"legend-label\">Verf\u00fcgbar<\/span>\r\n                <\/div>\r\n                <div class=\"legend-item\">\r\n                    <div class=\"legend-color taken\"><\/div>\r\n                    <span class=\"legend-label\">Gemietet<\/span>\r\n                <\/div>\r\n                <div class=\"legend-item\">\r\n                    <div class=\"legend-color shared-office\"><\/div>\r\n                    <span class=\"legend-label\">Gemeinsames B\u00fcro<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div id=\"mapContainer\" class=\"loading\">Karte wird geladen...<\/div>\r\n            <div id=\"tooltip\" class=\"tooltip\"><\/div>\r\n            \r\n            <!-- Panorama Modal -->\r\n            <div id=\"panoramaModal\" class=\"panorama-modal\">\r\n                <div class=\"panorama-modal-content\">\r\n                    <div class=\"panorama-modal-header\">\r\n                        <div style=\"display: flex; gap: 10px; align-items: center; padding-right: 10px;\">\r\n                            <h3 class=\"panorama-modal-title\" id=\"panoramaModalTitle\">360\u00b0 Ansicht<\/h3>\r\n                            <div class=\"area-status available\">Verf\u00fcgbar<\/div>\r\n                        <\/div>\r\n                        \r\n                        <button class=\"panorama-modal-close\" id=\"panoramaModalClose\">\u00d7<\/button>\r\n                    <\/div>\r\n                    <div class=\"panorama-modal-body\" id=\"panoramaModalBody\">\r\n                        <!-- Iframe will be inserted here -->\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89953d9 animated-fast elementor-invisible elementor-widget elementor-widget-html\" data-id=\"89953d9\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\n    \/\/ Setup map here\r\n    const mapData = {\r\n        \"showPlotIds\": false,\r\n        \"areas\": [\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"A.STUDIO\",\r\n                \"plots\": [1, 2, 3, 4],\r\n                \"size\": \"240\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"MOTOZEM\",\r\n                \"plots\": [5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],\r\n                \"size\": \"933\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"https:\/\/ipec2025.ipec-group.com\/wp-content\/uploads\/2025\/06\/motozem.webp\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": true,\r\n                \"company\": \"UNIT 1.08\",\r\n                \"plots\": [21,22,23,24],\r\n                \"size\": \"240\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"TRIVOLT\",\r\n                \"plots\": [25,26,27,28,29,30],\r\n                \"size\": \"360\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"NUNO BABY\",\r\n                \"plots\": [31,32],\r\n                \"size\": \"120\",\r\n                \"price\": \"\",\r\n                \"showVertical\": true,\r\n                \"logoUrl\": \"https:\/\/ipec2025.ipec-group.com\/wp-content\/uploads\/2025\/06\/610abc058882f-nuno1-e1751057704681.png\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"TECHMASTER\",\r\n                \"plots\": [33,34],\r\n                \"size\": \"120\",\r\n                \"price\": \"\",\r\n                \"showVertical\": true,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": true,\r\n                \"company\": \"RESTAURANT\",\r\n                \"plots\": [35],\r\n                \"size\": \"1510\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": '<iframe class=\"ku-embed\" frameborder=\"0\" allow=\"xr-spatial-tracking; gyroscope; accelerometer\" allowfullscreen scrolling=\"no\" src=\"https:\/\/kuula.co\/share\/hX9zp\/collection\/71NLV?logo=1&info=1&fs=1&vr=0&sd=1&autorotate=0.2&thumbs=-1\"><\/iframe>',\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"MESAROLI\",\r\n                \"plots\": [40,42,43],\r\n                \"size\": \"330\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"alignment\": \"bottom\",\r\n                \"logoUrl\": \"https:\/\/ipec2025.ipec-group.com\/wp-content\/uploads\/2025\/06\/mesaroli-small-e1751057777609.jpg\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"MESAROLI\",\r\n                \"plots\": [36,38],\r\n                \"size\": \"120\",\r\n                \"price\": \"\",\r\n                \"showVertical\": true,\r\n                \"logoUrl\": \"https:\/\/ipec2025.ipec-group.com\/wp-content\/uploads\/2025\/06\/mesaroli-small-e1751057777609.jpg\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"DOBRE PITIE\",\r\n                \"plots\": [37,39],\r\n                \"size\": \"120\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"https:\/\/ipec2025.ipec-group.com\/wp-content\/uploads\/2025\/06\/logo-dobrepitie.png\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": true,\r\n                \"company\": \"UNIT\",\r\n                \"plots\": [41],\r\n                \"size\": \"30\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": '<iframe class=\"ku-embed\" frameborder=\"0\" allow=\"xr-spatial-tracking; gyroscope; accelerometer\" allowfullscreen scrolling=\"no\" src=\"https:\/\/kuula.co\/share\/hX9Qk\/collection\/71NLV?logo=1&info=1&fs=1&vr=0&sd=1&autorotate=0.2&thumbs=-1\"><\/iframe>',\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": true,\r\n                \"company\": \"UNIT 1.27\",\r\n                \"plots\": [44,45,46],\r\n                \"size\": \"640\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": '<iframe class=\"ku-embed\" frameborder=\"0\" allow=\"xr-spatial-tracking; gyroscope; accelerometer\" allowfullscreen scrolling=\"no\" src=\"https:\/\/kuula.co\/share\/hX9yx\/collection\/71NLV?logo=1&info=1&fs=1&vr=0&sd=1&autorotate=0.2&thumbs=-1\"><\/iframe>',\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": true,\r\n                \"company\": \"UNIT 1.14\",\r\n                \"plots\": [48,49,50],\r\n                \"size\": \"640\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": '<iframe class=\"ku-embed\" frameborder=\"0\" allow=\"xr-spatial-tracking; gyroscope; accelerometer\" allowfullscreen scrolling=\"no\" src=\"https:\/\/kuula.co\/share\/hX9y9\/collection\/71NLV?logo=1&info=1&fs=1&vr=0&sd=1&autorotate=0.2&thumbs=-1\"><\/iframe>',\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": true,\r\n                \"company\": \"UNIT 1.26\",\r\n                \"plots\": [47],\r\n                \"size\": \"254\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": '<iframe class=\"ku-embed\" frameborder=\"0\" allow=\"xr-spatial-tracking; gyroscope; accelerometer\" allowfullscreen scrolling=\"no\" src=\"https:\/\/kuula.co\/share\/hX9yM\/collection\/71NLV?logo=1&info=1&fs=1&vr=0&sd=1&autorotate=0.2&thumbs=-1\"><\/iframe>',\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": true,\r\n                \"company\": \"UNIT 1.15\",\r\n                \"plots\": [51],\r\n                \"size\": \"336\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": '<iframe class=\"ku-embed\" frameborder=\"0\" allow=\"xr-spatial-tracking; gyroscope; accelerometer\" allowfullscreen scrolling=\"no\" src=\"https:\/\/kuula.co\/share\/hX9yG\/collection\/71NLV?logo=1&info=1&fs=1&vr=0&sd=1&autorotate=0.2&thumbs=-1\"><\/iframe>',\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": true,\r\n                \"company\": \"UNIT 1.10\",\r\n                \"plots\": [56,57],\r\n                \"size\": \"750\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": '<iframe class=\"ku-embed\" frameborder=\"0\" allow=\"xr-spatial-tracking; gyroscope; accelerometer\" allowfullscreen scrolling=\"no\" src=\"https:\/\/kuula.co\/share\/hX9Wt\/collection\/71NLV?logo=1&info=1&fs=1&vr=0&sd=1&autorotate=0.2&thumbs=-1\"><\/iframe>',\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"SOLEVEO\",\r\n                \"plots\": [59,60],\r\n                \"size\": \"219\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"https:\/\/ipec2025.ipec-group.com\/wp-content\/uploads\/2025\/06\/solveo-e1751057462218.png\",\r\n                \"panoramaUrl\": '',\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": true,\r\n                \"company\": \"UNIT 1.24\",\r\n                \"plots\": [62,64,66],\r\n                \"size\": \"180\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": '<iframe class=\"ku-embed\" frameborder=\"0\" allow=\"xr-spatial-tracking; gyroscope; accelerometer\" allowfullscreen scrolling=\"no\" src=\"https:\/\/kuula.co\/share\/hX9yQ\/collection\/71NLV?logo=1&info=1&fs=1&vr=0&sd=1&autorotate=0.2&thumbs=-1\"><\/iframe>',\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": true,\r\n                \"company\": \"UNIT 1.23\",\r\n                \"plots\": [72,73],\r\n                \"size\": \"120\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": true,\r\n                \"company\": \"UNIT 1.20\",\r\n                \"plots\": [86],\r\n                \"size\": \"850\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": '<iframe class=\"ku-embed\" frameborder=\"0\" allow=\"xr-spatial-tracking; gyroscope; accelerometer\" allowfullscreen scrolling=\"no\" src=\"https:\/\/kuula.co\/share\/hX9zC\/collection\/71NLV?logo=1&info=1&fs=1&vr=0&sd=1&autorotate=0.2&thumbs=-1\"><\/iframe>',\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": true,\r\n                \"company\": \"UNIT 1.19\",\r\n                \"plots\": [87,88,89,90],\r\n                \"size\": \"240\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"RESIDENCE COMPANY IT\",\r\n                \"plots\": [52],\r\n                \"size\": \"128\",\r\n                \"price\": \"\",\r\n                \"showVertical\": true,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"D1 OFFICE\",\r\n                \"plots\": [53,54],\r\n                \"size\": \"166\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"https:\/\/ipec2025.ipec-group.com\/wp-content\/uploads\/2025\/06\/d1shared-e1751058298303.jpg\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\",\r\n                \"isSharedOffice\": true\r\n            },\r\n            {\r\n                \"isAvailable\": true,\r\n                \"company\": \"UNIT 1.11\",\r\n                \"plots\": [55],\r\n                \"size\": \"148\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": '<iframe class=\"ku-embed\" frameborder=\"0\" allow=\"xr-spatial-tracking; gyroscope; accelerometer\" allowfullscreen scrolling=\"no\" src=\"https:\/\/kuula.co\/share\/hX9QX\/collection\/71NLV?logo=1&info=1&fs=1&vr=0&sd=1&autorotate=0.2&thumbs=-1\"><\/iframe>',\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"FEUERER\",\r\n                \"plots\": [58],\r\n                \"size\": \"142\",\r\n                \"price\": \"\",\r\n                \"showVertical\": true,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"ADC GYM\",\r\n                \"plots\": [61],\r\n                \"size\": \"360\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"W RENT\",\r\n                \"plots\": [63,65,67],\r\n                \"size\": \"180\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"SENATH\",\r\n                \"plots\": [68,69,70,71],\r\n                \"size\": \"240\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"WINNIE\",\r\n                \"plots\": [74,75,76,77],\r\n                \"size\": \"240\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"https:\/\/ipec2025.ipec-group.com\/wp-content\/uploads\/2025\/06\/winniw-small.jpg\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"NISSEI P\",\r\n                \"plots\": [78,79],\r\n                \"size\": \"120\",\r\n                \"price\": \"\",\r\n                \"showVertical\": true,\r\n                \"logoUrl\": \"https:\/\/ipec2025.ipec-group.com\/wp-content\/uploads\/2025\/06\/nissei-small.jpg\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"AGAMA\",\r\n                \"plots\": [80,81,82,83,84,85],\r\n                \"size\": \"360\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"logoUrl\": \"https:\/\/ipec2025.ipec-group.com\/wp-content\/uploads\/2025\/06\/agama-small.jpg\",\r\n                \"panoramaUrl\": \"\",\r\n                \"description\": \"\"\r\n            },\r\n            {\r\n                \"isAvailable\": false,\r\n                \"company\": \"D1 MEETING ROOM\",\r\n                \"plots\": [91,92,93],\r\n                \"size\": \"240\",\r\n                \"price\": \"\",\r\n                \"showVertical\": false,\r\n                \"alignment\": \"bottom\",\r\n                \"logoUrl\": \"https:\/\/ipec2025.ipec-group.com\/wp-content\/uploads\/2025\/06\/d1shared-e1751058298303.jpg\",\r\n                \"panoramaUrl\": '<iframe class=\"ku-embed\" frameborder=\"0\" allow=\"xr-spatial-tracking; gyroscope; accelerometer\" allowfullscreen scrolling=\"no\" src=\"https:\/\/kuula.co\/share\/hX9zh\/collection\/71NLV?logo=1&info=1&fs=1&vr=0&sd=1&autorotate=0.2&thumbs=-1\"><\/iframe>',\r\n                \"description\": \"\",\r\n                \"isSharedOffice\": true\r\n            }\r\n        ],\r\n        \"legend\": {\r\n            \"available\": {\r\n                \"color\": \"#4CAF50\",\r\n                \"label\": \"Available\"\r\n            },\r\n            \"taken\": {\r\n                \"color\": \"#F44336\",\r\n                \"label\": \"Rented\"\r\n            }\r\n        }\r\n    };\r\n<\/script>\r\n\r\n<style>\r\n    .map-container {\r\n        max-width: 100%;\r\n        width: 100%;\r\n        height: 100%;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        padding: 10px;\r\n    }\r\n    \r\n    .map-svg {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n    }\r\n\r\n    #inlineSvgContainer svg {\r\n        shape-rendering: crispEdges; \/* or geometricPrecision *\/\r\n    }\r\n    \r\n    .property {\r\n        cursor: pointer;\r\n        shape-rendering: crispEdges;\r\n    }\r\n    \r\n    .property:hover {\r\n        filter: brightness(1.1);\r\n        shape-rendering: crispEdges;\r\n    }\r\n    \r\n    .property.available {\r\n        fill: #a1bce3 !important;\r\n    }\r\n    \r\n    .property.taken {\r\n        fill: #eaeaea !important;\r\n        opacity: 0.6;\r\n    }\r\n    \r\n    .property.highlight {\r\n        filter: brightness(1.2);\r\n    }\r\n    \r\n    .plot-id-text {\r\n        font-family: Arial, sans-serif;\r\n        font-size: 10px;\r\n        font-weight: bold;\r\n        fill: #333;\r\n        text-anchor: middle;\r\n        pointer-events: none;\r\n        user-select: none;\r\n    }\r\n    \r\n    .tooltip {\r\n        position: fixed;\r\n        background: #58585861;\r\n        backdrop-filter: blur(5px);\r\n        color: rgb(255, 255, 255);\r\n        padding: 10px 20px 10px 20px;\r\n        border-radius: 4px;\r\n        font-size: 14px;\r\n        pointer-events: none;\r\n        z-index: 1000;\r\n        opacity: 0;\r\n        transition: opacity 0.3s;\r\n        max-width: 300px;\r\n        box-shadow: 0 4px 8px rgba(0,0,0,0.2);\r\n        font-family: Arial, sans-serif;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 6px;\r\n    }\r\n\r\n    .tooltip h3, .tooltip h4, .tooltip p {\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    \r\n    .tooltip.show {\r\n        opacity: 1;\r\n    }\r\n    \r\n    .tooltip .status {\r\n        display: inline-block;\r\n        padding: 2px 8px;\r\n        border-radius: 4px;\r\n        font-size: 12px;\r\n        font-weight: bold;\r\n        width: fit-content;\r\n    }\r\n    \r\n    .tooltip .status.available {\r\n        background: #54c758;\r\n        color: white;\r\n    }\r\n\r\n    .area-status {\r\n        display: inline-block;\r\n        padding: 4px 8px;\r\n        border-radius: 4px;\r\n        font-size: 12px;\r\n        font-weight: bold;\r\n        width: fit-content;\r\n        font-family: Arial, Helvetica, sans-serif;\r\n    }\r\n\r\n    .area-status.available {\r\n        background: #54c758;\r\n        color: white;\r\n    }\r\n    \r\n    .tooltip .status.taken {\r\n        background: #db4a3f;\r\n        color: white;\r\n    }\r\n    \r\n    .tooltip .plots-list {\r\n        font-size: 12px;\r\n        color: #ccc;\r\n        margin-top: 5px;\r\n    }\r\n    \r\n    .controls {\r\n        background: white;\r\n        border: 1px solid #ddd;\r\n        border-radius: 8px;\r\n        padding: 15px;\r\n        margin: 20px 0;\r\n        box-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n    }\r\n    \r\n    .checkbox-container {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n    \r\n    .checkbox-container input {\r\n        margin-right: 8px;\r\n    }\r\n    \r\n    .loading {\r\n        text-align: center;\r\n        color: #666;\r\n    }\r\n    \r\n    .error {\r\n        text-align: center;\r\n        padding: 50px;\r\n        color: #F44336;\r\n        border: 1px solid #F44336;\r\n        border-radius: 8px;\r\n        margin: 20px 0;\r\n    }\r\n    \r\n    .inline-svg {\r\n        display: none;\r\n    }\r\n\r\n    #mapContainer {\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .company-name-text {\r\n        font-family: Arial, sans-serif;\r\n        font-size: 12px;\r\n        letter-spacing: 1px;\r\n        font-weight: 800;\r\n        fill: #000000;\r\n        text-anchor: middle;\r\n        pointer-events: none;\r\n        user-select: none;\r\n        word-break: break-word;\r\n    }\r\n\r\n    .company-name-text.shared-office {\r\n        fill: #ffffff; \/* White text for shared offices *\/\r\n    }\r\n\r\n    .property.shared-office {\r\n        fill: #003b7b !important;\r\n    }\r\n\r\n    .tooltip-logo {\r\n        max-width: 250px; \r\n        max-height: 150px; \r\n        object-fit: contain;\r\n    }\r\n\r\n    .legend {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 20px;\r\n        margin-bottom: 15px;\r\n        padding: 10px;\r\n        background: #f8f9fa;\r\n        border-radius: 8px;\r\n        font-family: Arial, sans-serif;\r\n        font-size: 16px;\r\n        border: 1px solid #e9ecef;\r\n    }\r\n\r\n    .legend-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        text-wrap: nowrap;\r\n    }\r\n\r\n    .legend-color {\r\n        width: 20px;\r\n        height: 15px;\r\n        border-radius: 3px;\r\n        border: 1px solid #ccc;\r\n    }\r\n\r\n    .legend-color.available {\r\n        background-color: #a1bce3;\r\n    }\r\n\r\n    .legend-color.taken {\r\n        background-color: #eaeaea;\r\n        opacity: 0.6;\r\n    }\r\n\r\n    .legend-color.shared-office {\r\n        background-color: #003b7b;\r\n    }\r\n\r\n    .legend-label {\r\n        font-weight: 500;\r\n        color: #333;\r\n    }\r\n\r\n    \/* Modal Styles *\/\r\n    .panorama-modal {\r\n        display: none;\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.6);\r\n        z-index: 2000;\r\n        overflow-y: auto;\r\n    }\r\n\r\n    .panorama-modal.show {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .panorama-modal-content {\r\n        background-color: #fff;\r\n        width: 90%;\r\n        max-width: 1200px;\r\n        height: 80vh;\r\n        max-height: 800px;\r\n        position: relative;\r\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .panorama-modal-header {\r\n        padding: 10px;\r\n        border-bottom: 1px solid #e9ecef;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n\r\n    .panorama-modal-title {\r\n        font-size: 20px;\r\n        font-weight: 600;\r\n        color: #333;\r\n        margin: 0;\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n    .panorama-modal-close {\r\n        background: none !important;\r\n        border: none !important;\r\n        font-size: 28px !important;\r\n        cursor: pointer;\r\n        color: #666 !important;\r\n        padding: 0;\r\n        width: 36px !important;\r\n        height: 36px !important;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 4px !important;\r\n        transition: background-color 0.2s;\r\n    }\r\n\r\n    .panorama-modal-close:hover {\r\n        background-color: #f0f0f0 !important;\r\n        color: #333 !important;\r\n    }\r\n\r\n    .panorama-modal-body {\r\n        flex: 1;\r\n        padding: 0;\r\n        overflow: hidden;\r\n        background-color: #f5f5f5;\r\n    }\r\n\r\n    .panorama-iframe {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: none;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .tooltip {\r\n            max-width: 150px;\r\n        }\r\n\r\n        .legend {\r\n            gap: 10px;\r\n        }\r\n\r\n        .panorama-modal-content {\r\n            width: 90vw;\r\n            height: 80vh;\r\n            max-height: none;\r\n        }\r\n\r\n        .panorama-modal-header {\r\n            padding: 15px;\r\n        }\r\n\r\n        .panorama-modal-title {\r\n            font-size: 18px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n\r\n    class D1CenterMap {\r\n        constructor() {\r\n            this.mapData = mapData;\r\n            this.tooltip = document.getElementById('tooltip');\r\n            this.plotIdTexts = [];\r\n            this.companyNameTexts = [];\r\n            this.plotToAreaMap = {};\r\n            this.currentHighlightedArea = null;\r\n            this.panoramaModal = document.getElementById('panoramaModal');\r\n            this.panoramaModalTitle = document.getElementById('panoramaModalTitle');\r\n            this.panoramaModalBody = document.getElementById('panoramaModalBody');\r\n            this.panoramaModalClose = document.getElementById('panoramaModalClose');\r\n            this.init();\r\n        }\r\n        \r\n        init() {\r\n            try {\r\n                this.loadInlineSVG();\r\n                this.createPlotToAreaMap();\r\n                this.setupMap();\r\n                this.setupScrollListener();\r\n                this.setupModalListeners();\r\n                \/\/this.setupControls();\r\n                \r\n            } catch (error) {\r\n                console.error('Error loading the map:', error);\r\n                this.showError(error.message);\r\n            }\r\n        }\r\n\r\n        setupModalListeners() {\r\n            \/\/ Close button click\r\n            this.panoramaModalClose.addEventListener('click', () => {\r\n                this.closePanoramaModal();\r\n            });\r\n\r\n            \/\/ Click outside modal content\r\n            this.panoramaModal.addEventListener('click', (e) => {\r\n                if (e.target === this.panoramaModal) {\r\n                    this.closePanoramaModal();\r\n                }\r\n            });\r\n\r\n            \/\/ Escape key\r\n            document.addEventListener('keydown', (e) => {\r\n                if (e.key === 'Escape' && this.panoramaModal.classList.contains('show')) {\r\n                    this.closePanoramaModal();\r\n                }\r\n            });\r\n        }\r\n\r\n        openPanoramaModal(areaData) {\r\n            if (!areaData.panoramaUrl || areaData.panoramaUrl === '') return;\r\n\r\n            \/\/ Set title\r\n            this.panoramaModalTitle.textContent = areaData.company + ' - ' + areaData.size + 'm\u00b2';\r\n\r\n            \/\/ Insert iframe\r\n            this.panoramaModalBody.innerHTML = areaData.panoramaUrl.replace('class=\"ku-embed\"', 'class=\"panorama-iframe\"');\r\n\r\n            \/\/ Show modal\r\n            this.panoramaModal.classList.add('show');\r\n            document.body.style.overflow = 'hidden'; \/\/ Prevent body scroll\r\n        }\r\n\r\n        closePanoramaModal() {\r\n            this.panoramaModal.classList.remove('show');\r\n            this.panoramaModalBody.innerHTML = ''; \/\/ Clear iframe\r\n            document.body.style.overflow = ''; \/\/ Restore body scroll\r\n        }\r\n\r\n        setupScrollListener() {\r\n            \/\/ Hide tooltip on scroll\r\n            window.addEventListener('scroll', () => {\r\n                this.hideTooltip();\r\n            }, { passive: true });\r\n            \r\n            \/\/ Also hide on map container scroll if it has its own scrolling\r\n            const mapContainer = document.querySelector('.map-container');\r\n            if (mapContainer) {\r\n                mapContainer.addEventListener('scroll', () => {\r\n                    this.hideTooltip();\r\n                }, { passive: true });\r\n            }\r\n        }\r\n        \r\n        loadInlineSVG() {\r\n            const svgContainer = document.getElementById('inlineSvgContainer');\r\n            if (!svgContainer) {\r\n                throw new Error('SVG not found.');\r\n            }\r\n            \r\n            const svg = svgContainer.querySelector('svg');\r\n            if (!svg) {\r\n                throw new Error('No SVG Element found.');\r\n            }\r\n            \r\n            const mapContainer = document.getElementById('mapContainer');\r\n            const clonedSvg = svg.cloneNode(true);\r\n            clonedSvg.classList.add('map-svg');\r\n            \r\n            mapContainer.innerHTML = '';\r\n            mapContainer.appendChild(clonedSvg);\r\n        }\r\n        \r\n        showError(message) {\r\n            const container = document.getElementById('mapContainer');\r\n            container.innerHTML = `\r\n                <div class=\"error\">\r\n                    <h3>Error loading the map<\/h3>\r\n                    <p>${message}<\/p>\r\n                <\/div>\r\n            `;\r\n        }\r\n        \r\n        createPlotToAreaMap() {\r\n            if (this.mapData.areas && Array.isArray(this.mapData.areas)) {\r\n                this.mapData.areas.forEach((areaData, index) => {\r\n                    if (areaData.plots && Array.isArray(areaData.plots)) {\r\n                        areaData.plots.forEach(plotNumber => {\r\n                            const plotId = `plot-${plotNumber}`;\r\n                            const areaId = `area-${index + 1}`;\r\n                            this.plotToAreaMap[plotId] = { areaId, index };\r\n                        });\r\n                    }\r\n                });\r\n            }\r\n        }\r\n        \r\n        setupMap() {\r\n            const allPlotElements = document.querySelectorAll('[id^=\"plot-\"]');\r\n\r\n            if (allPlotElements.length === 0) {\r\n                throw new Error('Keine Plot-Elemente im SVG gefunden.');\r\n            }\r\n            \r\n            allPlotElements.forEach(property => {\r\n                const plotId = property.getAttribute('id');\r\n                const areaInfo = this.plotToAreaMap[plotId];\r\n                \r\n                \/\/ Plot-ID Text immer hinzuf\u00fcgen, aber initial versteckt\r\n                this.addPlotIdText(property, plotId);\r\n                \r\n                if (areaInfo) {\r\n                    \/\/ Plot hat Area-Daten\r\n                    const areaData = this.mapData.areas[areaInfo.index];\r\n                    const areaId = areaInfo.areaId;\r\n                    \r\n                    property.classList.add('property');\r\n                    property.setAttribute('data-area', areaId);\r\n                    this.setPropertyColor(property, areaData.isAvailable, areaData.isSharedOffice);\r\n                    \r\n                    \/\/ Event Listeners\r\n                    property.addEventListener('mouseenter', (e) => {\r\n                        this.showTooltip(e, areaData, areaId);\r\n                        this.highlightAreaPlots(areaInfo.index);\r\n                    });\r\n                    \r\n                    property.addEventListener('mouseleave', () => {\r\n                        this.hideTooltip();\r\n                        this.removeHighlight();\r\n                    });\r\n                    \r\n                    property.addEventListener('mousemove', (e) => this.moveTooltip(e));\r\n                    \r\n                    property.addEventListener('click', (e) => {\r\n                        this.onPropertyClick(e, areaData, areaId);\r\n                    });\r\n                } else {\r\n                    \/\/ Plot ohne Area-Daten (unver\u00e4ndert lassen)\r\n                    property.style.cursor = 'default';\r\n                }\r\n            });\r\n            \r\n            \/\/ Company names und Borders f\u00fcr alle Areas hinzuf\u00fcgen\r\n            this.addCompanyNames();\r\n            this.addAllAreaBorders();\r\n        }\r\n\r\n        addAllAreaBorders() {\r\n            if (this.mapData.areas && Array.isArray(this.mapData.areas)) {\r\n                this.mapData.areas.forEach((areaData, index) => {\r\n                    const plotElements = areaData.plots.map(plotNumber => \r\n                        document.getElementById(`plot-${plotNumber}`)\r\n                    ).filter(el => el !== null);\r\n                    \r\n                    if (plotElements.length > 0) {\r\n                        const areaId = `area-${index + 1}`;\r\n                        this.addAreaBorder(plotElements, areaId);\r\n                    }\r\n                });\r\n            }\r\n        }\r\n\r\n        addAreaBorder(plotElements, areaId) {\r\n            try {\r\n                \/\/ \u00c4u\u00dfere Grenzen aller Plots berechnen\r\n                let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\r\n                \r\n                plotElements.forEach(element => {\r\n                    const bbox = element.getBBox();\r\n                    minX = Math.min(minX, bbox.x);\r\n                    minY = Math.min(minY, bbox.y);\r\n                    maxX = Math.max(maxX, bbox.x + bbox.width);\r\n                    maxY = Math.max(maxY, bbox.y + bbox.height);\r\n                });\r\n                \r\n                \/\/ Border-Rechteck erstellen\r\n                const border = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'rect');\r\n                border.setAttribute('x', minX);\r\n                border.setAttribute('y', minY);\r\n                border.setAttribute('width', maxX - minX);\r\n                border.setAttribute('height', maxY - minY);\r\n                border.setAttribute('fill', 'none');\r\n                border.setAttribute('stroke', '#ffffff');\r\n                border.setAttribute('stroke-width', '2');\r\n                border.setAttribute('data-area-border', areaId);\r\n                border.style.pointerEvents = 'none';\r\n                \r\n                const svg = plotElements[0].closest('svg');\r\n                if (svg) {\r\n                    svg.appendChild(border);\r\n                }\r\n            } catch (e) {\r\n                console.warn(`Konnte Border f\u00fcr ${areaId} nicht hinzuf\u00fcgen:`, e);\r\n            }\r\n        }\r\n        \r\n        addCompanyNames() {\r\n            if (this.mapData.areas && Array.isArray(this.mapData.areas)) {\r\n                this.mapData.areas.forEach((areaData, index) => {\r\n                    if (areaData.company && areaData.company !== '' && !areaData.isAvailable) {\r\n                        const areaId = `area-${index + 1}`;\r\n                        this.addCompanyNameText(areaData, areaId);\r\n                    }\r\n                });\r\n                \r\n                \/\/ Set initial visibility based on showPlotIds setting\r\n                this.companyNameTexts.forEach(text => {\r\n                    text.style.display = this.mapData.showPlotIds ? 'none' : 'block';\r\n                });\r\n            }\r\n        }\r\n        \r\n        addCompanyNameText(areaData, areaId) {\r\n            try {\r\n                \/\/ Calculate center of all plots for this area\r\n                const plotElements = areaData.plots.map(plotNumber => \r\n                    document.getElementById(`plot-${plotNumber}`)\r\n                ).filter(el => el !== null);\r\n                \r\n                if (plotElements.length === 0) return;\r\n                \r\n                \/\/ Calculate bounding box of all plots\r\n                let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\r\n                \r\n                plotElements.forEach(element => {\r\n                    const bbox = element.getBBox();\r\n                    minX = Math.min(minX, bbox.x);\r\n                    minY = Math.min(minY, bbox.y);\r\n                    maxX = Math.max(maxX, bbox.x + bbox.width);\r\n                    maxY = Math.max(maxY, bbox.y + bbox.height);\r\n                });\r\n                \r\n                const containerWidth = maxX - minX;\r\n                const containerHeight = maxY - minY;\r\n                \r\n                \/\/ Get alignment setting (default: center)\r\n                const alignment = areaData.alignment || 'center';\r\n                \r\n                \/\/ Split text into multiple lines if necessary\r\n                const words = areaData.company.split(' ');\r\n                const lineHeight = 14;\r\n                const padding = 8; \/\/ Padding from edges for non-center alignments\r\n                let lines = [];\r\n                \r\n                if (areaData.showVertical) {\r\n                    \/\/ Vertical: container height is available for text length\r\n                    const maxCharsPerLine = Math.floor(containerHeight \/ 8);\r\n                    const fullText = areaData.company;\r\n                    \r\n                    if (fullText.length <= maxCharsPerLine) {\r\n                        lines = [fullText]; \/\/ Everything in one line\r\n                    } else {\r\n                        \/\/ Intelligently split words\r\n                        let currentLine = '';\r\n                        \r\n                        words.forEach(word => {\r\n                            const testLine = currentLine ? currentLine + ' ' + word : word;\r\n                            if (testLine.length <= maxCharsPerLine) {\r\n                                currentLine = testLine;\r\n                            } else {\r\n                                if (currentLine) {\r\n                                    lines.push(currentLine);\r\n                                    currentLine = word;\r\n                                } else {\r\n                                    \/\/ Single word is too long - force break\r\n                                    for (let i = 0; i < word.length; i += maxCharsPerLine) {\r\n                                        lines.push(word.substring(i, i + maxCharsPerLine));\r\n                                    }\r\n                                    currentLine = '';\r\n                                }\r\n                            }\r\n                        });\r\n                        if (currentLine) lines.push(currentLine);\r\n                    }\r\n                } else {\r\n                    \/\/ Horizontal: intelligent wrapping\r\n                    const maxCharsPerLine = Math.floor(containerWidth \/ 8); \/\/ ~7px per character\r\n                    \r\n                    \/\/ Always process word by word, don't check total length first\r\n                    let currentLine = '';\r\n                    \r\n                    words.forEach(word => {\r\n                        const testLine = currentLine ? currentLine + ' ' + word : word;\r\n                        if (testLine.length <= maxCharsPerLine) {\r\n                            currentLine = testLine;\r\n                        } else {\r\n                            if (currentLine) {\r\n                                lines.push(currentLine);\r\n                                currentLine = word;\r\n                            } else {\r\n                                \/\/ Single word is too long - force break\r\n                                for (let i = 0; i < word.length; i += maxCharsPerLine) {\r\n                                    lines.push(word.substring(i, i + maxCharsPerLine));\r\n                                }\r\n                                currentLine = '';\r\n                            }\r\n                        }\r\n                    });\r\n                    if (currentLine) lines.push(currentLine);\r\n                }\r\n                \r\n                lines.forEach((line, index) => {\r\n                    const text = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n                    text.setAttribute('class', `company-name-text${areaData.isSharedOffice ? ' shared-office' : ''}`);\r\n                    text.setAttribute('data-area', areaId);\r\n                    \r\n                    if (areaData.showVertical) {\r\n                        \/\/ Vertical text positioning\r\n                        const totalWidth = lines.length * lineHeight;\r\n                        let startX, baseY;\r\n                        \r\n                        \/\/ Calculate X position based on alignment\r\n                        switch (alignment) {\r\n                            case 'top':\r\n                                startX = minX + padding + totalWidth - (lineHeight \/ 2); \/\/ Start from right, go left\r\n                                break;\r\n                            case 'bottom':\r\n                                startX = maxX - padding - (lineHeight \/ 2); \/\/ Start from right, go left\r\n                                break;\r\n                            case 'left':\r\n                                startX = minX + padding + totalWidth - (lineHeight \/ 2); \/\/ Start from right, go left\r\n                                break;\r\n                            case 'right':\r\n                                startX = maxX - padding - (lineHeight \/ 2); \/\/ Start from right, go left\r\n                                break;\r\n                            case 'center':\r\n                            default:\r\n                                startX = (minX + maxX) \/ 2 + (totalWidth \/ 2) - (lineHeight \/ 2) - 4; \/\/ Start from right, go left\r\n                                break;\r\n                        }\r\n                        \r\n                        \/\/ Calculate Y position based on alignment\r\n                        switch (alignment) {\r\n                            case 'top':\r\n                                baseY = minY + padding + (containerHeight * 0.2);\r\n                                break;\r\n                            case 'bottom':\r\n                                baseY = maxY - padding - (containerHeight * 0.2);\r\n                                break;\r\n                            case 'left':\r\n                                baseY = minY + padding + (containerHeight * 0.2);\r\n                                break;\r\n                            case 'right':\r\n                                baseY = maxY - padding - (containerHeight * 0.2);\r\n                                break;\r\n                            case 'center':\r\n                            default:\r\n                                baseY = (minY + maxY) \/ 2;\r\n                                break;\r\n                        }\r\n                        \r\n                        const x = startX - (index * lineHeight); \/\/ Subtract instead of add to go left\r\n                        \r\n                        text.setAttribute('x', x);\r\n                        text.setAttribute('y', baseY);\r\n                        text.setAttribute('transform', `rotate(90 ${x} ${baseY})`);\r\n                    } else {\r\n                        \/\/ Horizontal text positioning\r\n                        const totalHeight = lines.length * lineHeight;\r\n                        let baseX, startY;\r\n                        \r\n                        \/\/ Calculate X position based on alignment\r\n                        switch (alignment) {\r\n                            case 'left':\r\n                                baseX = minX + padding;\r\n                                text.setAttribute('text-anchor', 'start');\r\n                                break;\r\n                            case 'right':\r\n                                baseX = maxX - padding;\r\n                                text.setAttribute('text-anchor', 'end');\r\n                                break;\r\n                            case 'top':\r\n                            case 'bottom':\r\n                            case 'center':\r\n                            default:\r\n                                baseX = (minX + maxX) \/ 2;\r\n                                text.setAttribute('text-anchor', 'middle');\r\n                                break;\r\n                        }\r\n                        \r\n                        \/\/ Calculate Y position based on alignment\r\n                        switch (alignment) {\r\n                            case 'top':\r\n                                startY = minY + padding + (lineHeight \/ 2);\r\n                                break;\r\n                            case 'bottom':\r\n                                startY = maxY - padding - totalHeight + (lineHeight \/ 2);\r\n                                break;\r\n                            case 'left':\r\n                            case 'right':\r\n                            case 'center':\r\n                            default:\r\n                                startY = (minY + maxY) \/ 2 - (totalHeight \/ 2) + (lineHeight \/ 2) + 5; \/\/ Offset to the bottom\r\n                                break;\r\n                        }\r\n                        \r\n                        text.setAttribute('x', baseX);\r\n                        text.setAttribute('y', startY + (index * lineHeight));\r\n                    }\r\n                    \r\n                    text.textContent = line;\r\n                    \r\n                    const svg = plotElements[0].closest('svg');\r\n                    if (svg) {\r\n                        svg.appendChild(text);\r\n                        this.companyNameTexts.push(text);\r\n                    }\r\n                });\r\n\r\n                if (areaData.isSharedOffice) {\r\n                    const image = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'image');\r\n                    image.setAttribute('class', 'shared-office-image');\r\n                    image.setAttribute('data-area', areaId);\r\n                    \r\n                    \/\/ Set image dimensions\r\n                    const imageSize = 20; \/\/ 20x20 pixels\r\n                    image.setAttribute('width', imageSize);\r\n                    image.setAttribute('height', imageSize);\r\n                    \r\n                    \/\/ Position image below\/beside the text\r\n                    if (areaData.showVertical) {\r\n                        \/\/ For vertical text, place image to the right\r\n                        const imageX = (minX + maxX) \/ 2 + 15;\r\n                        const imageY = (minY + maxY) \/ 2 - (imageSize \/ 2);\r\n                        image.setAttribute('x', imageX);\r\n                        image.setAttribute('y', imageY);\r\n                    } else {\r\n                        \/\/ For horizontal text, place image below\r\n                        const imageX = (minX + maxX) \/ 2 - (imageSize \/ 2);\r\n                        const imageY = (minY + maxY) \/ 2 + (lines.length * lineHeight \/ 2) + 10;\r\n                        image.setAttribute('x', imageX);\r\n                        image.setAttribute('y', imageY);\r\n                    }\r\n                    \r\n                    \/\/ Set image source to local file\r\n                    image.setAttribute('href', 'd1_shared_office.png');\r\n                    \r\n                    const svg = plotElements[0].closest('svg');\r\n                    if (svg) {\r\n                        \/\/svg.appendChild(image);\r\n                        this.companyNameTexts.push(image); \/\/ Add to array so it toggles with company names\r\n                    }\r\n                }\r\n                \r\n            } catch (e) {\r\n                console.warn(`Could not add company name for ${areaId}:`, e);\r\n            }\r\n        }\r\n        \r\n        setPropertyColor(element, isAvailable, isSharedOffice = false) {\r\n            if (isSharedOffice) {\r\n                element.setAttribute('fill', '#1e3a8a');\r\n                element.style.fill = '#1e3a8a';\r\n                element.classList.add('shared-office');\r\n                element.setAttribute('data-status', 'shared-office');\r\n            } else {\r\n                const status = isAvailable ? 'available' : 'taken';\r\n                const color = this.mapData.legend[status]?.color || '#cccccc';\r\n                \r\n                element.setAttribute('fill', color);\r\n                element.style.fill = color;\r\n                element.classList.add(status);\r\n                element.setAttribute('data-status', status);\r\n            }\r\n        }\r\n        \r\n        highlightAreaPlots(areaIndex) {\r\n            if (this.currentHighlightedArea === areaIndex) return;\r\n            \r\n            this.removeHighlight();\r\n            this.currentHighlightedArea = areaIndex;\r\n            \r\n            const areaData = this.mapData.areas[areaIndex];\r\n            areaData.plots.forEach(plotNumber => {\r\n                const plot = document.getElementById(`plot-${plotNumber}`);\r\n                if (plot) {\r\n                    plot.classList.add('highlight');\r\n                }\r\n            });\r\n        }\r\n\r\n        removeHighlight() {\r\n            if (this.currentHighlightedArea !== null) {\r\n                const areaData = this.mapData.areas[this.currentHighlightedArea];\r\n                areaData.plots.forEach(plotNumber => {\r\n                    const plot = document.getElementById(`plot-${plotNumber}`);\r\n                    if (plot) {\r\n                        plot.classList.remove('highlight');\r\n                    }\r\n                });\r\n                this.currentHighlightedArea = null;\r\n            }\r\n        }\r\n        \r\n        addPlotIdText(element, plotId) {\r\n            try {\r\n                const bbox = element.getBBox();\r\n                const centerX = bbox.x + bbox.width \/ 2;\r\n                const centerY = bbox.y + bbox.height \/ 2;\r\n                \r\n                const text = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n                text.setAttribute('x', centerX);\r\n                text.setAttribute('y', centerY + 3);\r\n                text.setAttribute('class', 'plot-id-text');\r\n                text.textContent = plotId.replace('plot-', '');\r\n                text.style.display = 'none';  \/\/ Initially hidden\r\n                \r\n                const svg = element.closest('svg');\r\n                if (svg) {\r\n                    svg.appendChild(text);\r\n                    this.plotIdTexts.push(text);\r\n                }\r\n            } catch (e) {\r\n                console.warn(`Konnte Text f\u00fcr ${plotId} nicht hinzuf\u00fcgen:`, e);\r\n            }\r\n        }\r\n        \r\n        togglePlotIds(show) {\r\n            this.plotIdTexts.forEach(text => {\r\n                text.style.display = show ? 'block' : 'none';\r\n            });\r\n            \r\n            \/\/ Hide\/show company names opposite to plot IDs\r\n            this.companyNameTexts.forEach(text => {\r\n                text.style.display = show ? 'none' : 'block';\r\n            });\r\n        }\r\n        \r\n        setupControls() {\r\n            const showPlotIdsCheckbox = document.getElementById('showPlotIds');\r\n            showPlotIdsCheckbox.checked = this.mapData.showPlotIds;\r\n            \r\n            showPlotIdsCheckbox.addEventListener('change', (e) => {\r\n                this.togglePlotIds(e.target.checked);\r\n            });\r\n        }\r\n        \r\n        showTooltip(event, areaData, areaId) {\r\n            const status = areaData.isAvailable ? 'available' : 'taken';\r\n            const statusLabel = this.mapData.legend[status]?.label || status;\r\n\r\n            let tooltipContent = \"\";\r\n\r\n            if (areaData.isSharedOffice) {\r\n                tooltipContent += `\r\n                    <div class=\"status available\">Available<\/div>\r\n                `;\r\n            } else {\r\n                tooltipContent += `\r\n                    <div class=\"status ${status}\">${statusLabel}<\/div>\r\n                `;\r\n            }\r\n\r\n            \/\/ Zeige Logo anstatt \"Rented\" Tag, falls logoUrl vorhanden ist\r\n            if (!areaData.isAvailable && areaData.logoUrl && areaData.logoUrl !== '') {\r\n                tooltipContent += `\r\n                    <img decoding=\"async\" src=\"${areaData.logoUrl}\" alt=\"${areaData.company}\" class=\"tooltip-logo\" \/>\r\n                `;\r\n            }\r\n\r\n            if (areaData.company && areaData.company !== '') {\r\n                tooltipContent += `<h3 style='text-align: center'><strong>${areaData.company}<\/strong><\/h3>`;\r\n            }\r\n\r\n            tooltipContent += `\r\n                <h4><strong><i class=\"fas fa-expand-arrows-alt mr-2\"><\/i>${areaData.size} m\u00b2<\/strong><\/h4>\r\n            `;\r\n\r\n            if (areaData.panoramaUrl && areaData.panoramaUrl !== '') {\r\n                tooltipContent += `\r\n                    <h4><strong>Click for 360\u00b0 View<\/strong><\/h4>\r\n                `;\r\n            }\r\n            \r\n            if (areaData.description && areaData.description !== '') {\r\n                tooltipContent += `<p>${areaData.description}<\/p>`;\r\n            }\r\n            \r\n            this.tooltip.innerHTML = tooltipContent;\r\n            this.tooltip.classList.add('show');\r\n            this.moveTooltip(event);\r\n        }\r\n        \r\n        hideTooltip() {\r\n            this.tooltip.classList.remove('show');\r\n        }\r\n        \r\n        moveTooltip(event) {\r\n            const tooltipRect = this.tooltip.getBoundingClientRect();\r\n            \r\n            \/\/ Use window boundaries instead of map container\r\n            let x = event.clientX + 10;\r\n            let y = event.clientY - tooltipRect.height - 30; \/\/ Increased from -10 to -20\r\n            \r\n            \/\/ Keep tooltip within window bounds\r\n            if (x + tooltipRect.width > window.innerWidth) {\r\n                x = event.clientX - tooltipRect.width - 10;\r\n            }\r\n            \r\n            if (y < 0) {\r\n                y = event.clientY + 30; \/\/ Increased from +10 to +20 for consistency\r\n            }\r\n            \r\n            \/\/ Ensure tooltip doesn't go off screen left\/right\r\n            if (x < 0) {\r\n                x = 10;\r\n            }\r\n            \r\n            \/\/ Ensure tooltip doesn't go off screen bottom\r\n            if (y + tooltipRect.height > window.innerHeight) {\r\n                y = window.innerHeight - tooltipRect.height - 10;\r\n            }\r\n            \r\n            \/\/ Apply position relative to viewport\r\n            this.tooltip.style.left = x + 'px';\r\n            this.tooltip.style.top = y + 'px';\r\n        }\r\n        \r\n        onPropertyClick(event, areaData, areaId) {\r\n            \/\/ Check if area is available and has panoramaUrl\r\n            if (areaData.panoramaUrl && areaData.panoramaUrl !== '') {\r\n                this.openPanoramaModal(areaData);\r\n            } else if (areaData.isAvailable) {\r\n                \/\/ Original behavior for available areas without panorama\r\n                \/*\r\n                const plotNumbers = areaData.plots.join(', ');\r\n                if (confirm(`M\u00f6chten Sie Informationen zu den Plots ${plotNumbers} (${areaData.size}) anfordern?`)) {\r\n                    alert('Kontaktformular w\u00fcrde hier ge\u00f6ffnet werden...\\n\\nArea: ' + areaId + '\\nPlots: ' + plotNumbers);\r\n                }\r\n                *\/\r\n            } else {\r\n                \/\/ Area is not available\r\n                \/\/alert(`${areaData.company} ist bereits vermietet.`);\r\n            }\r\n        }\r\n        \r\n        \/\/ API Methoden\r\n        updateArea(areaId, newData) {\r\n            this.mapData.areas[areaId] = { ...this.mapData.areas[areaId], ...newData };\r\n            \r\n            const areaData = this.mapData.areas[areaId];\r\n            areaData.plots.forEach(plotNumber => {\r\n                const plot = document.getElementById(`plot-${plotNumber}`);\r\n                if (plot) {\r\n                    plot.classList.remove('available', 'taken', 'shared-office');\r\n                    this.setPropertyColor(plot, newData.isAvailable, newData.isSharedOffice);\r\n                }\r\n            });\r\n        }\r\n    }\r\n    \r\n    \/\/ Karte initialisieren\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const map = new D1CenterMap();\r\n        window.d1CenterMap = map;\r\n    });\r\n<\/script>\r\n\r\n<!-- ==================== SVG HIER EINF\u00dcGEN ==================== -->\r\n<div id=\"inlineSvgContainer\" class=\"inline-svg\">\r\n    <?xml version=\"1.0\" encoding=\"UTF-8\"?????>\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1017.3 924.1\">\r\n    <defs>\r\n        <style>\r\n        .cls-1 {\r\n            fill: #4d4d4c;\r\n        }\r\n\r\n        .cls-2 {\r\n            fill: #dbdbdb;\r\n        }\r\n\r\n        .cls-3 {\r\n            fill: #eaeaea;\r\n        }\r\n        <\/style>\r\n    <\/defs>\r\n    <g id=\"Grundriss\">\r\n        <polygon class=\"cls-2\" points=\"637.3 551.3 637.3 611.4 593 657.7 432.4 657.7 432.4 551.4 453.7 551.4 453.7 372.3 387 372.3 387 264.8 593 264.8 637.3 312.2 637.3 372.3 699.7 372.3 699.7 551.3 637.3 551.3\"\/>\r\n        <path class=\"cls-2\" d=\"M1017.2,372.2v45.5h-170.5v-189.2l-65.4-65.4H.1V7h982.9c2.2-4.2,6.6-7,11.7-7,7.3,0,13.2,5.9,13.2,13.2s-1.9,7.9-5,10.3l.3,348.6h14.1l-.1.1Z\"\/>\r\n        <rect class=\"cls-2\" x=\".1\" y=\"761.1\" width=\"138.1\" height=\"156.1\"\/>\r\n        <rect class=\"cls-2\" x=\".4\" y=\"264.8\" width=\"139.1\" height=\"264.7\"\/>\r\n        <rect class=\"cls-2\" x=\".4\" y=\"552.8\" width=\"139.1\" height=\"104.9\"\/>\r\n        <rect class=\"cls-2\" x=\"224.5\" y=\"551.4\" width=\"184.6\" height=\"106.3\"\/>\r\n        <polygon class=\"cls-2\" points=\"224.5 264.8 363.2 264.8 363.2 369.7 363.1 369.7 363.1 529.4 224.5 529.4 224.5 264.8\"\/>\r\n        <path class=\"cls-2\" d=\"M1003.4,550.4h13.8v-45.1h-170.5v191l-68,64.7H227.1v156.1h755.9c2.2,4.2,6.6,7,11.7,7,7.3,0,13.2-5.9,13.2-13.2s-.9-7.9-4-10.3l-.4-350.2\"\/>\r\n        <polygon class=\"cls-1\" points=\"1016.66 481.13 1009.77 460.77 1016.66 441.37 970.9 461.25 1016.66 481.13\"\/>\r\n        <polygon class=\"cls-1\" points=\"161.62 917.2 181.98 910.31 201.38 917.2 181.5 871.44 161.62 917.2\"\/>\r\n    <\/g>\r\n    <g id=\"Module\">\r\n        <rect id=\"plot-61\" class=\"cls-3\" x=\".1\" y=\"761.1\" width=\"138.1\" height=\"156.1\"\/>\r\n        <rect id=\"plot-51\" class=\"cls-3\" x=\"224.5\" y=\"551.4\" width=\"184.6\" height=\"106.3\"\/>\r\n        <rect id=\"plot-47\" class=\"cls-3\" x=\".4\" y=\"552.8\" width=\"139.1\" height=\"104.9\"\/>\r\n        <rect id=\"plot-48\" class=\"cls-3\" x=\"224.6\" y=\"265\" width=\"138.4\" height=\"106.3\"\/>\r\n        <rect id=\"plot-52\" class=\"cls-3\" x=\"387\" y=\"264.8\" width=\"66.6\" height=\"107.5\"\/>\r\n        <rect id=\"plot-63\" class=\"cls-3\" x=\"226.8\" y=\"839.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-65\" class=\"cls-3\" x=\"272.2\" y=\"839.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-67\" class=\"cls-3\" x=\"317.5\" y=\"839.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-69\" class=\"cls-3\" x=\"362.9\" y=\"839.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-71\" class=\"cls-3\" x=\"408.3\" y=\"839.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-73\" class=\"cls-3\" x=\"453.7\" y=\"839.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-75\" class=\"cls-3\" x=\"499.1\" y=\"839.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-77\" class=\"cls-3\" x=\"544.4\" y=\"839.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-79\" class=\"cls-3\" x=\"589.8\" y=\"839.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-81\" class=\"cls-3\" x=\"635.1\" y=\"839.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-62\" class=\"cls-3\" x=\"226.8\" y=\"760.8\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-64\" class=\"cls-3\" x=\"272.2\" y=\"760.8\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-66\" class=\"cls-3\" x=\"317.5\" y=\"760.8\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-68\" class=\"cls-3\" x=\"362.9\" y=\"760.8\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-70\" class=\"cls-3\" x=\"408.3\" y=\"760.8\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-72\" class=\"cls-3\" x=\"453.7\" y=\"760.8\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-74\" class=\"cls-3\" x=\"499.1\" y=\"760.8\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-59\" class=\"cls-3\" x=\"499.1\" y=\"551.4\" width=\"45.4\" height=\"106.3\"\/>\r\n        <polygon id=\"plot-54\" class=\"cls-3\" points=\"499 264.8 544.5 264.8 544.4 372.3 499 372.3 499 264.8\"\/>\r\n        <rect id=\"plot-53\" class=\"cls-3\" x=\"453.6\" y=\"264.8\" width=\"45.4\" height=\"107.5\"\/>\r\n        <rect id=\"plot-57\" class=\"cls-3\" x=\"453.7\" y=\"461.9\" width=\"246\" height=\"89.4\"\/>\r\n        <rect id=\"plot-56\" class=\"cls-3\" x=\"453.7\" y=\"372.3\" width=\"246\" height=\"89.7\"\/>\r\n        <polygon id=\"plot-50\" class=\"cls-3\" points=\"224.3 460.9 363 460.7 363 529.4 224.3 529.4 224.3 460.9\"\/>\r\n        <polygon id=\"plot-49\" class=\"cls-3\" points=\"224.6 371.3 363 371.3 363 460.7 224.3 460.9 224.6 371.3\"\/>\r\n        <rect id=\"plot-46\" class=\"cls-3\" x=\".6\" y=\"460.9\" width=\"138.7\" height=\"68.5\"\/>\r\n        <rect id=\"plot-45\" class=\"cls-3\" x=\".6\" y=\"371.2\" width=\"138.7\" height=\"89.7\"\/>\r\n        <rect id=\"plot-58\" class=\"cls-3\" x=\"432.5\" y=\"551.4\" width=\"66.6\" height=\"106.3\"\/>\r\n        <rect id=\"plot-76\" class=\"cls-3\" x=\"544.4\" y=\"760.8\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-78\" class=\"cls-3\" x=\"589.8\" y=\"760.8\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-80\" class=\"cls-3\" x=\"635.1\" y=\"760.8\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-82\" class=\"cls-3\" x=\"680.5\" y=\"760.8\" width=\"45.4\" height=\"78.2\"\/>\r\n        <polygon id=\"plot-60\" class=\"cls-3\" points=\"637.3 611.4 637.3 551.3 544.4 551.4 544.4 657.7 593 657.7 637.3 611.4\"\/>\r\n        <polygon id=\"plot-55\" class=\"cls-3\" points=\"637.3 312.2 637.3 372.3 544.4 372.3 544.4 264.8 593 264.8 637.3 312.2\"\/>\r\n        <polygon id=\"plot-44\" class=\"cls-3\" points=\".4 264.8 139.5 264.8 139.3 371.3 .6 371.3 .4 264.8\"\/>\r\n        <path id=\"plot-86\" class=\"cls-3\" d=\"M1008,910.9c0,7.3-5.9,13.2-13.2,13.2s-9.4-2.8-11.7-7h-211.8v-156.1h7.6l68-64.7v-9.8h156.8l.2,214.2c3.1,2.4,4,6.2,4,10.3l.1-.1Z\"\/>\r\n        <rect id=\"plot-83\" class=\"cls-3\" x=\"680.5\" y=\"839.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <polygon id=\"plot-85\" class=\"cls-3\" points=\"725.9 839 771.2 839.1 771.3 917.1 725.9 917.3 725.9 839\"\/>\r\n        <polygon id=\"plot-84\" class=\"cls-3\" points=\"725.9 760.8 771.3 761 771.2 839.1 725.9 839 725.9 760.8\"\/>\r\n        <rect id=\"plot-93\" class=\"cls-3\" x=\"847\" y=\"505.1\" width=\"78.2\" height=\"45.4\"\/>\r\n        <rect id=\"plot-91\" class=\"cls-3\" x=\"847\" y=\"550.4\" width=\"78.2\" height=\"45.4\"\/>\r\n        <rect id=\"plot-89\" class=\"cls-3\" x=\"847\" y=\"595.8\" width=\"78.2\" height=\"45.4\"\/>\r\n        <rect id=\"plot-87\" class=\"cls-3\" x=\"847\" y=\"641.1\" width=\"78.2\" height=\"45.4\"\/>\r\n        <rect id=\"plot-92\" class=\"cls-3\" x=\"925.2\" y=\"550.4\" width=\"78.3\" height=\"45.4\"\/>\r\n        <rect id=\"plot-90\" class=\"cls-3\" x=\"925.2\" y=\"595.8\" width=\"78.3\" height=\"45.4\"\/>\r\n        <polygon id=\"plot-88\" class=\"cls-3\" points=\"925.2 641.2 1003.5 641.1 1003.5 686.5 925.2 686.5 925.2 641.2\"\/>\r\n        <rect id=\"plot-43\" class=\"cls-3\" x=\"924.8\" y=\"372.2\" width=\"92.2\" height=\"45.4\"\/>\r\n        <path id=\"plot-35\" class=\"cls-3\" d=\"M1003.2,23.6l-.1,212.5h-156.5l.1-7.6-65-65.3-10.5.1V6.9l211.8.1c2.2-4.2,7-6.9,12.1-6.9,7.3,0,13.2,5.9,13.2,13.2s-1.9,7.9-5,10.3h-.1Z\"\/>\r\n        <rect id=\"plot-1\" class=\"cls-3\" y=\"6.9\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-3\" class=\"cls-3\" x=\"45.4\" y=\"6.9\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-5\" class=\"cls-3\" x=\"90.8\" y=\"6.9\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-7\" class=\"cls-3\" x=\"136.1\" y=\"6.9\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-9\" class=\"cls-3\" x=\"181.5\" y=\"6.9\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-11\" class=\"cls-3\" x=\"226.8\" y=\"6.9\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-13\" class=\"cls-3\" x=\"272.2\" y=\"6.9\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-15\" class=\"cls-3\" x=\"317.5\" y=\"6.9\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-17\" class=\"cls-3\" x=\"362.9\" y=\"6.9\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-19\" class=\"cls-3\" x=\"408.3\" y=\"6.9\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-21\" class=\"cls-3\" x=\"453.7\" y=\"6.9\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-23\" class=\"cls-3\" x=\"499.1\" y=\"6.9\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-25\" class=\"cls-3\" x=\"544.4\" y=\"6.9\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-27\" class=\"cls-3\" x=\"589.8\" y=\"6.9\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-29\" class=\"cls-3\" x=\"635.1\" y=\"6.9\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-31\" class=\"cls-3\" x=\"680.5\" y=\"6.9\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-33\" class=\"cls-3\" x=\"725.8\" y=\"6.9\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-2\" class=\"cls-3\" y=\"85.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-4\" class=\"cls-3\" x=\"45.4\" y=\"85.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-6\" class=\"cls-3\" x=\"90.8\" y=\"85.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-8\" class=\"cls-3\" x=\"136.1\" y=\"85.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-10\" class=\"cls-3\" x=\"181.5\" y=\"85.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-12\" class=\"cls-3\" x=\"226.8\" y=\"85.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-14\" class=\"cls-3\" x=\"272.2\" y=\"85.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-16\" class=\"cls-3\" x=\"317.5\" y=\"85.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-18\" class=\"cls-3\" x=\"362.9\" y=\"85.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-20\" class=\"cls-3\" x=\"408.3\" y=\"85.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-22\" class=\"cls-3\" x=\"453.7\" y=\"85.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-24\" class=\"cls-3\" x=\"499.1\" y=\"85.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-26\" class=\"cls-3\" x=\"544.4\" y=\"85.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-28\" class=\"cls-3\" x=\"589.8\" y=\"85.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-30\" class=\"cls-3\" x=\"635.1\" y=\"85.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-32\" class=\"cls-3\" x=\"680.5\" y=\"85.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-34\" class=\"cls-3\" x=\"725.8\" y=\"85.1\" width=\"45.4\" height=\"78.2\"\/>\r\n        <rect id=\"plot-42\" class=\"cls-3\" x=\"846.6\" y=\"372.2\" width=\"78.2\" height=\"45.4\"\/>\r\n        <rect id=\"plot-40\" class=\"cls-3\" x=\"846.6\" y=\"326.8\" width=\"114.9\" height=\"45.4\"\/>\r\n        <rect id=\"plot-38\" class=\"cls-3\" x=\"846.6\" y=\"281.5\" width=\"78.2\" height=\"45.4\"\/>\r\n        <rect id=\"plot-36\" class=\"cls-3\" x=\"846.6\" y=\"236.1\" width=\"78.2\" height=\"45.4\"\/>\r\n        <rect id=\"plot-41\" class=\"cls-3\" x=\"961.5\" y=\"326.8\" width=\"41.6\" height=\"45.4\"\/>\r\n        <rect id=\"plot-39\" class=\"cls-3\" x=\"924.9\" y=\"281.5\" width=\"78.2\" height=\"45.4\"\/>\r\n        <rect id=\"plot-37\" class=\"cls-3\" x=\"924.9\" y=\"236.1\" width=\"78.2\" height=\"45.4\"\/>\r\n    <\/g>\r\n    <\/svg>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32e1f18 elementor-absolute elementor-widget elementor-widget-menu-anchor\" data-id=\"32e1f18\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"verfgbar\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aeb55f4 button-default animated-fast e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"aeb55f4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8eb5be elementor-widget elementor-widget-button\" data-id=\"a8eb5be\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/d1center.eu\/en\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Erfahren Sie mehr \u00fcber D1 Zentrum<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ef6ea9 e-con-full animated-fast e-flex elementor-invisible e-con e-parent\" data-id=\"3ef6ea9\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9e3ab6 elementor-widget elementor-widget-html\" data-id=\"e9e3ab6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Contact CTA -->\r\n    <section class=\"py-20 bg-ipec-blue\">\r\n        <div class=\"container mx-auto px-6 text-center mb-20\">\r\n            <h2 class=\"text-4xl font-bold text-white mb-6\">Sind Sie bereit, Ihren strategischen Standort zu sichern?<\/h2>\r\n            <p class=\"text-xl text-blue-200 mb-8 max-w-3xl mx-auto\">\r\n  Wenn Sie ein Mietobjekt suchen, um Ihr Unternehmen auf die n\u00e4chste Stufe zu heben, bietet das D1 Zentrum die\r\nInfrastruktur und den Standort, um Ihr Unternehmenswachstum zu unterst\u00fctzen.\r\n            <\/p>\r\n            <div class=\"flex flex-wrap gap-4 justify-center\">\r\n                <a href=\"#contact\">\r\n                    <button class=\"button-success\" data-topic=\"schedule-visit\">\r\n  Planen Sie noch heute einen Besuch\r\n                    <\/button>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"container mx-auto px-6\">\r\n            <div class=\"grid lg:grid-cols-2 gap-8 max-w-4xl mx-auto\">\r\n                \r\n                <!-- D1 Park Link -->\r\n                <a href=\"https:\/\/ipec2025.ipec-group.com\/de\/d1-park\/\" class=\"bg-white rounded-2xl !shadow-lg hover:shadow-xl transition-all duration-300 overflow-hidden group\">\r\n                    <div class=\"aspect-video bg-gradient-to-br from-green-500 to-blue-600 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i class=\"fas fa-industry text-4xl mb-4\"><\/i>\r\n                            <h3 class=\"text-2xl font-bold\">D1 Park erkunden<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <h4 class=\"text-xl font-bold text-gray-800 mb-2\">Erfahren Sie mehr \u00fcber D1 Park<\/h4>\r\n                        <p class=\"text-gray-600 mb-4\">Entdecken Sie die ganze Bandbreite von Mitteleuropas wichtigstem Logistikzentrum<\/p>\r\n                        <div class=\"flex items-center text-ipec-blue font-semibold group-hover:text-blue-800 transition-colors\">\r\n                            <span>Mehr lesen<\/span>\r\n                            <i class=\"fas fa-arrow-right ml-2 transform group-hover:translate-x-1 transition-transform\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <!-- IPEC Group Link -->\r\n                <a href=\"https:\/\/ipec2025.ipec-group.com\/de\/\" class=\"bg-white rounded-2xl !shadow-lg hover:shadow-xl transition-all duration-300 overflow-hidden group\">\r\n                    <div class=\"aspect-video bg-gradient-to-br from-green-500 to-blue-600 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i class=\"fas fa-building text-4xl mb-4\"><\/i>\r\n                            <h3 class=\"text-2xl font-bold\">\u00dcber die IPEC-Gruppe<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <h4 class=\"text-xl font-bold text-gray-800 mb-2\">Treffen Sie Ihren Entwicklungspartner<\/h4>\r\n                        <p class=\"text-gray-600 mb-4\">Mehr als 30 Jahre Erfahrung in der mitteleurop\u00e4ischen Immobilienbranche<\/p>\r\n                        <div class=\"flex items-center text-ipec-blue font-semibold group-hover:text-blue-800 transition-colors\">\r\n                            <span>Erfahren Sie mehr \u00fcber uns<\/span>\r\n                            <i class=\"fas fa-arrow-right ml-2 transform group-hover:translate-x-1 transition-transform\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>D1 Zentrum Ihr Business Hub im Herzen von D1 Park Verf\u00fcgbare Einheiten anzeigen 0 m\u00b2 Gesamtfl\u00e4che 0 m\u00b2 Verf\u00fcgbarer Platz 0 + Parkpl\u00e4tze Das D1 Zentrum ist ein multifunktionales Gesch\u00e4fts- und Dienstleistungszentrum in strategischer Lage im D1 Park Senec, einem der gr\u00f6\u00dften Logistik- und Gewerbegebiete in Mitteleuropa. Entwickelt und revitalisiert von der IPEC Group seit [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8596","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>D1 Zentrum - IPEC-Group<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ipec2025.ipec-group.com\/de\/d1-center\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"D1 Zentrum - IPEC-Group\" \/>\n<meta property=\"og:description\" content=\"D1 Zentrum Ihr Business Hub im Herzen von D1 Park Verf\u00fcgbare Einheiten anzeigen 0 m\u00b2 Gesamtfl\u00e4che 0 m\u00b2 Verf\u00fcgbarer Platz 0 + Parkpl\u00e4tze Das D1 Zentrum ist ein multifunktionales Gesch\u00e4fts- und Dienstleistungszentrum in strategischer Lage im D1 Park Senec, einem der gr\u00f6\u00dften Logistik- und Gewerbegebiete in Mitteleuropa. Entwickelt und revitalisiert von der IPEC Group seit [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ipec2025.ipec-group.com\/de\/d1-center\/\" \/>\n<meta property=\"og:site_name\" content=\"IPEC-Group\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-15T10:54:23+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ipec2025.ipec-group.com\/de\/d1-center\/\",\"url\":\"https:\/\/ipec2025.ipec-group.com\/de\/d1-center\/\",\"name\":\"D1 Zentrum - IPEC-Group\",\"isPartOf\":{\"@id\":\"https:\/\/ipec2025.ipec-group.com\/de\/#website\"},\"datePublished\":\"2025-06-04T14:41:53+00:00\",\"dateModified\":\"2025-08-15T10:54:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ipec2025.ipec-group.com\/de\/d1-center\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ipec2025.ipec-group.com\/de\/d1-center\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ipec2025.ipec-group.com\/de\/d1-center\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/ipec2025.ipec-group.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"D1 Zentrum\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ipec2025.ipec-group.com\/de\/#website\",\"url\":\"https:\/\/ipec2025.ipec-group.com\/de\/\",\"name\":\"IPEC-Group\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ipec2025.ipec-group.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"D1 Zentrum - IPEC-Group","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ipec2025.ipec-group.com\/de\/d1-center\/","og_locale":"de_DE","og_type":"article","og_title":"D1 Zentrum - IPEC-Group","og_description":"D1 Zentrum Ihr Business Hub im Herzen von D1 Park Verf\u00fcgbare Einheiten anzeigen 0 m\u00b2 Gesamtfl\u00e4che 0 m\u00b2 Verf\u00fcgbarer Platz 0 + Parkpl\u00e4tze Das D1 Zentrum ist ein multifunktionales Gesch\u00e4fts- und Dienstleistungszentrum in strategischer Lage im D1 Park Senec, einem der gr\u00f6\u00dften Logistik- und Gewerbegebiete in Mitteleuropa. Entwickelt und revitalisiert von der IPEC Group seit [&hellip;]","og_url":"https:\/\/ipec2025.ipec-group.com\/de\/d1-center\/","og_site_name":"IPEC-Group","article_modified_time":"2025-08-15T10:54:23+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ipec2025.ipec-group.com\/de\/d1-center\/","url":"https:\/\/ipec2025.ipec-group.com\/de\/d1-center\/","name":"D1 Zentrum - IPEC-Group","isPartOf":{"@id":"https:\/\/ipec2025.ipec-group.com\/de\/#website"},"datePublished":"2025-06-04T14:41:53+00:00","dateModified":"2025-08-15T10:54:23+00:00","breadcrumb":{"@id":"https:\/\/ipec2025.ipec-group.com\/de\/d1-center\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ipec2025.ipec-group.com\/de\/d1-center\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ipec2025.ipec-group.com\/de\/d1-center\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/ipec2025.ipec-group.com\/de\/"},{"@type":"ListItem","position":2,"name":"D1 Zentrum"}]},{"@type":"WebSite","@id":"https:\/\/ipec2025.ipec-group.com\/de\/#website","url":"https:\/\/ipec2025.ipec-group.com\/de\/","name":"IPEC-Group","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ipec2025.ipec-group.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/ipec2025.ipec-group.com\/de\/wp-json\/wp\/v2\/pages\/8596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipec2025.ipec-group.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ipec2025.ipec-group.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ipec2025.ipec-group.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipec2025.ipec-group.com\/de\/wp-json\/wp\/v2\/comments?post=8596"}],"version-history":[{"count":5,"href":"https:\/\/ipec2025.ipec-group.com\/de\/wp-json\/wp\/v2\/pages\/8596\/revisions"}],"predecessor-version":[{"id":8676,"href":"https:\/\/ipec2025.ipec-group.com\/de\/wp-json\/wp\/v2\/pages\/8596\/revisions\/8676"}],"wp:attachment":[{"href":"https:\/\/ipec2025.ipec-group.com\/de\/wp-json\/wp\/v2\/media?parent=8596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}