{"id":996,"date":"2026-02-19T15:55:26","date_gmt":"2026-02-19T14:55:26","guid":{"rendered":"https:\/\/triviso.schwarz-matt-dev.com\/?page_id=996"},"modified":"2026-07-14T13:52:54","modified_gmt":"2026-07-14T11:52:54","slug":"contact","status":"publish","type":"page","link":"https:\/\/cad-plan.schwarz-matt-dev.com\/en\/kontakt\/","title":{"rendered":"Contact us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"996\" class=\"elementor elementor-996\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f33718c wrapper e-flex e-con-boxed e-con e-parent\" data-id=\"f33718c\" data-element_type=\"container\" data-e-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-d176568 e-con-full e-flex e-con e-child\" data-id=\"d176568\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82ba6b0 elementor-widget elementor-widget-heading\" data-id=\"82ba6b0\" data-element_type=\"widget\" data-e-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\">Fragen oder einen Termin?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c11a41 elementor-widget elementor-widget-text-editor\" data-id=\"7c11a41\" data-element_type=\"widget\" data-e-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>Nimm hier einfach Kontakt auf. Wir freuen uns \u00fcber Dein Interesse und nehmen umgehend Kontakt auf.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d6b4b8 btn-secondary-dark elementor-widget elementor-widget-button\" data-id=\"2d6b4b8\" data-element_type=\"widget\" data-e-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=\"\/support\/\">\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\">Support kontaktieren<\/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<div class=\"elementor-element elementor-element-ccd45ab elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"ccd45ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"tel:+49-69-800-818-0\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Telefon\" viewBox=\"0 0 24.01 24.01\"><path d=\"M5.02,2.85l3.16,3.16-3,3,9.83,9.83,3-3,3.16,3.16-1.88,1.85c-.75.75-1.75,1.17-2.82,1.17-.46,0-.91-.08-1.34-.23-6.04-2.16-10.74-6.86-12.9-12.9-.51-1.44-.15-3.07.95-4.17l1.83-1.86M5,0L1.76,3.31C.12,4.94-.42,7.37.35,9.55h0c2.35,6.58,7.53,11.76,14.11,14.11h0c.66.23,1.34.35,2.01.35,1.56,0,3.09-.61,4.23-1.75l3.3-3.25-6-6-3,3-7-7,3-3L5,0h0Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">+49-69-800-818-0<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"mailto:contact@cad-plan.com\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M21 1H3C2.20435 1 1.44129 1.31607 0.87868 1.87868C0.31607 2.44129 0 3.20435 0 4L0 23H24V4C24 3.20435 23.6839 2.44129 23.1213 1.87868C22.5587 1.31607 21.7956 1 21 1ZM3 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V4.667L14.122 12.546C13.5584 13.1073 12.7954 13.4225 12 13.4225C11.2046 13.4225 10.4416 13.1073 9.878 12.546L2 4.667V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3ZM2 21V7.5L8.464 13.96C9.40263 14.8963 10.6743 15.422 12 15.422C13.3257 15.422 14.5974 14.8963 15.536 13.96L22 7.5V21H2Z\" fill=\"black\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">contact@cad-plan.com<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\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-270e9ef e-con-full e-flex e-con e-child\" data-id=\"270e9ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8d2056 elementor-button-align-start btn-primary elementor-widget elementor-widget-form\" data-id=\"e8d2056\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;N\\u00e4chster&quot;,&quot;step_previous_label&quot;:&quot;Voriger&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-e8d2056{display:none !important}<\/style>\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-c6b2f67 wrapper e-flex e-con-boxed e-con e-parent\" data-id=\"c6b2f67\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-626994d elementor-widget elementor-widget-heading\" data-id=\"626994d\" data-element_type=\"widget\" data-e-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\">Die CAD-PLAN Niederlassungen und Vertriebspartner<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-321a7a6 elementor-widget elementor-widget-html\" data-id=\"321a7a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cad-map-widget\">\n  <div class=\"cad-map-left\">\n    <div class=\"cad-map-viewport\" id=\"cadMapViewport\">\n\n      <div class=\"cad-map-controls\">\n        <button type=\"button\" class=\"cad-map-control\" id=\"cadZoomIn\" aria-label=\"Karte vergr\u00f6\u00dfern\">+<\/button>\n        <button type=\"button\" class=\"cad-map-control\" id=\"cadZoomOut\" aria-label=\"Karte verkleinern\">\u2212<\/button>\n        <button type=\"button\" class=\"cad-map-control cad-map-reset\" id=\"cadZoomReset\" aria-label=\"Karte zur\u00fccksetzen\">Reset<\/button>\n      <\/div>\n\n      <div class=\"cad-map-panzoom\" id=\"cadMapPanzoom\">\n        <div class=\"cad-world-map\" id=\"cadWorldMap\">\n\n          <img decoding=\"async\"\n            class=\"cad-map-bg\"\n            src=\"https:\/\/cad-plan.schwarz-matt-dev.com\/wp-content\/uploads\/2026\/06\/world-map.svg\"\n            alt=\"Weltkarte CAD PLAN Standorte\"\n          >\n\n          <!-- Europa -->\n          <button class=\"cad-map-pin\" style=\"left: 50.5%; top: 37.5%;\" data-location=\"germany\" aria-label=\"Deutschland\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 53.8%; top: 42.8%;\" data-location=\"bulgaria\" aria-label=\"Bulgarien\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 55.2%; top: 47.6%;\" data-location=\"turkey\" aria-label=\"T\u00fcrkei\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 48.8%; top: 43.8%;\" data-location=\"spain\" aria-label=\"Spanien\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 49.9%; top: 39.7%;\" data-location=\"switzerland\" aria-label=\"Schweiz\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 51.7%; top: 40.2%;\" data-location=\"austria\" aria-label=\"\u00d6sterreich\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 52.1%; top: 39.4%;\" data-location=\"hungary\" aria-label=\"Ungarn\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 52.5%; top: 37.2%;\" data-location=\"poland\" aria-label=\"Polen\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 52.9%; top: 41.4%;\" data-location=\"romania\" aria-label=\"Rum\u00e4nien\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 51.8%; top: 41.5%;\" data-location=\"slovenia\" aria-label=\"Slowenien\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 50.7%; top: 34.5%;\" data-location=\"nordic\" aria-label=\"Nordische L\u00e4nder\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 47.6%; top: 36.7%;\" data-location=\"uk-ireland\" aria-label=\"Gro\u00dfbritannien und Irland\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 54.8%; top: 45.7%;\" data-location=\"israel-greece\" aria-label=\"Israel Griechenland Malta Zypern\"><\/button>\n\n          <!-- Afrika -->\n          <button class=\"cad-map-pin\" style=\"left: 53.4%; top: 53.8%;\" data-location=\"egypt-libya\" aria-label=\"\u00c4gypten Libyen\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 49.5%; top: 55.5%;\" data-location=\"french-africa\" aria-label=\"Franz\u00f6sischsprachige L\u00e4nder Afrika\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 53.0%; top: 75.8%;\" data-location=\"south-africa\" aria-label=\"S\u00fcdafrika\"><\/button>\n\n          <!-- Asien -->\n          <button class=\"cad-map-pin\" style=\"left: 77.6%; top: 44.8%;\" data-location=\"china\" aria-label=\"China\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 60.3%; top: 51.0%;\" data-location=\"dubai\" aria-label=\"Dubai\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 67.1%; top: 56.4%;\" data-location=\"india\" aria-label=\"Indien\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 74.9%; top: 58.1%;\" data-location=\"thailand\" aria-label=\"Thailand\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 76.9%; top: 55.6%;\" data-location=\"asia-other\" aria-label=\"Mongolei Philippinen Singapur Bangladesch\"><\/button>\n\n          <!-- Australien \/ Neuseeland -->\n          <button class=\"cad-map-pin\" style=\"left: 83.6%; top: 77.1%;\" data-location=\"australia-new-zealand\" aria-label=\"Australien Neuseeland\"><\/button>\n\n          <!-- Nordamerika -->\n          <button class=\"cad-map-pin\" style=\"left: 20.1%; top: 42.0%;\" data-location=\"usa-canada\" aria-label=\"USA Kanada\"><\/button>\n          <button class=\"cad-map-pin\" style=\"left: 25.2%; top: 52.6%;\" data-location=\"mexico\" aria-label=\"Mexiko\"><\/button>\n\n          <!-- S\u00fcdamerika -->\n          <button class=\"cad-map-pin\" style=\"left: 32.7%; top: 69.8%;\" data-location=\"south-america\" aria-label=\"S\u00fcdamerika\"><\/button>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"cad-map-tooltip\" id=\"cadMapTooltip\">\n        <button class=\"cad-tooltip-close\" type=\"button\" aria-label=\"Schlie\u00dfen\">\u00d7<\/button>\n        <div class=\"cad-tooltip-content\" id=\"cadTooltipContent\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"cad-map-right\">\n    <h2>CAD PLAN vor Ort<\/h2>\n\n    <div class=\"cad-select-wrap\">\n      <select id=\"cadLocationSelect\" aria-label=\"Standort ausw\u00e4hlen\">\n        <option value=\"all\">Alle Standorte<\/option>\n      <\/select>\n    <\/div>\n\n    <div class=\"cad-content-switch\">\n      <div class=\"cad-main-location\">\n        <h3>CAD-PLAN Hauptgesch\u00e4ftsstelle<\/h3>\n        <p>\n          CAD-PLAN GmbH<br>\n          Hanauer Landstra\u00dfe 174<br>\n          60314 Frankfurt\n        <\/p>\n\n        <p class=\"cad-contact-line\">\n          <img decoding=\"async\" src=\"https:\/\/cad-plan.schwarz-matt-dev.com\/wp-content\/uploads\/2026\/06\/phone-icon.svg\" alt=\"\" aria-hidden=\"true\">\n          <a href=\"tel:+49698008180\">+49-69-800-818-0<\/a>\n        <\/p>\n\n        <p class=\"cad-contact-line\">\n          <img decoding=\"async\" src=\"https:\/\/cad-plan.schwarz-matt-dev.com\/wp-content\/uploads\/2026\/06\/mail-icon.svg\" alt=\"\" aria-hidden=\"true\">\n          <a href=\"mailto:contact@cad-plan.com\">contact@cad-plan.com<\/a>\n        <\/p>\n\n        <p class=\"cad-contact-line\">\n          <img decoding=\"async\" src=\"https:\/\/cad-plan.schwarz-matt-dev.com\/wp-content\/uploads\/2026\/06\/time-icon.svg\" alt=\"\" aria-hidden=\"true\">\n          <span><span class=\"cad-contact-label\">Gesch\u00e4ftszeiten:<\/span> 9:00 bis 17:00 Uhr<\/span>\n        <\/p>\n      <\/div>\n\n      <div class=\"cad-location-details\" id=\"cadLocationDetails\">\n        <div class=\"cad-region\">Standorte<\/div>\n        <div class=\"cad-country\">Weltweit<\/div>\n        <p>W\u00e4hle einen Standort \u00fcber die Karte oder \u00fcber das Dropdown aus.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .cad-map-widget,\n  .cad-map-widget * {\n    font-family: var(--font-primary);\n    box-sizing: border-box;\n  }\n\n  .cad-map-widget {\n    display: grid;\n    grid-template-columns: minmax(0, 2fr) minmax(340px, 0.9fr);\n    width: 100%;\n    min-height: 620px;\n    background: #f4f7fa;\n    overflow: hidden;\n  }\n\n  .cad-map-left {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 48px;\n    overflow: hidden;\n  }\n\n  .cad-map-viewport {\n    position: relative;\n    width: 100%;\n    min-height: 520px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #f4f7fa;\n    overflow: hidden;\n    touch-action: none;\n  }\n\n  .cad-map-panzoom {\n    position: relative;\n    width: 100%;\n    max-width: 1120px;\n    transform-origin: 0 0;\n    cursor: grab;\n    will-change: transform;\n    --cad-pin-scale: 1;\n  }\n\n  .cad-map-panzoom.is-panning {\n    cursor: grabbing;\n  }\n\n  .cad-world-map {\n    position: relative;\n    width: 100%;\n  }\n\n  .cad-map-bg {\n    width: 100%;\n    height: auto;\n    display: block;\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .cad-map-controls {\n    position: absolute;\n    top: 24px;\n    left: 24px;\n    z-index: 40;\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n\n  .cad-map-control,\n  .cad-map-control:hover,\n  .cad-map-control:focus,\n  .cad-map-control:active {\n    width: 42px;\n    height: 42px;\n    border: 1px solid #d9dee5 !important;\n    border-radius: 0 !important;\n    background: #ffffff !important;\n    background-color: #ffffff !important;\n    background-image: none !important;\n    color: #071a33 !important;\n    font-size: 22px;\n    line-height: 1;\n    font-weight: 400;\n    cursor: pointer;\n    padding: 0 !important;\n    margin: 0 !important;\n    box-shadow: 0 8px 24px rgba(8, 24, 48, 0.08) !important;\n    outline: none !important;\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  .cad-map-reset,\n  .cad-map-reset:hover,\n  .cad-map-reset:focus,\n  .cad-map-reset:active {\n    width: auto;\n    padding: 0 14px !important;\n    font-size: 14px;\n  }\n\n  .cad-map-pin,\n  .cad-map-pin:hover,\n  .cad-map-pin:focus,\n  .cad-map-pin:active {\n    position: absolute;\n    width: 30px;\n    height: 42px;\n    transform: translate(-50%, -100%) scale(var(--cad-pin-scale));\n    transform-origin: 50% 100%;\n    border: 0 !important;\n    background: transparent !important;\n    background-color: transparent !important;\n    background-image: none !important;\n    cursor: pointer;\n    padding: 0 !important;\n    margin: 0 !important;\n    z-index: 3;\n    outline: none !important;\n    box-shadow: none !important;\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  .cad-map-pin::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-color: #e4002b;\n    -webkit-mask-image: url(\"https:\/\/cad-plan.schwarz-matt-dev.com\/wp-content\/uploads\/2026\/06\/pin-marker.svg\");\n    mask-image: url(\"https:\/\/cad-plan.schwarz-matt-dev.com\/wp-content\/uploads\/2026\/06\/pin-marker.svg\");\n    -webkit-mask-repeat: no-repeat;\n    mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n    mask-position: center;\n    -webkit-mask-size: contain;\n    mask-size: contain;\n    transition: background-color 0.2s ease, transform 0.2s ease;\n  }\n\n  .cad-map-pin::after {\n    display: none !important;\n  }\n\n  .cad-map-pin:hover::before,\n  .cad-map-pin.active::before {\n    background-color: #071a33;\n    transform: scale(1.08);\n  }\n\n  .cad-map-tooltip {\n    position: absolute;\n    width: 300px;\n    background: #ffffff;\n    padding: 24px 22px;\n    z-index: 30;\n    box-shadow: 0 16px 40px rgba(8, 24, 48, 0.08);\n    display: none;\n  }\n\n  .cad-map-tooltip.is-visible {\n    display: block;\n  }\n\n  .cad-tooltip-close,\n  .cad-tooltip-close:hover,\n  .cad-tooltip-close:focus,\n  .cad-tooltip-close:active {\n    position: absolute;\n    right: 14px;\n    top: 10px;\n    border: 0 !important;\n    background: transparent !important;\n    background-color: transparent !important;\n    box-shadow: none !important;\n    outline: none !important;\n    font-size: 32px;\n    line-height: 1;\n    color: #7f8c9a;\n    cursor: pointer;\n    padding: 0 !important;\n    margin: 0 !important;\n  }\n\n  .cad-tooltip-content h4 {\n    margin: 0 0 18px;\n    color: #071a33;\n    font-size: var(--text-18);\n    line-height: 1.35;\n    font-weight: 500;\n  }\n\n  .cad-tooltip-content p {\n    margin: 0 0 16px;\n    color: #222222;\n    font-size: var(--text-16);\n    line-height: 1.45;\n    font-weight: 400;\n  }\n\n  .cad-tooltip-content .cad-location-company {\n    font-weight: 500;\n  }\n\n  .cad-tooltip-content a {\n    color: inherit;\n    font-size: var(--text-16);\n    font-weight: 400;\n    text-decoration: underline;\n  }\n\n  .cad-map-right {\n    background: #ffffff;\n    padding: 56px 56px 48px;\n    overflow-y: auto;\n  }\n\n  .cad-map-right h2 {\n    margin: 0 0 36px;\n    color: #071a33;\n    font-size: var(--text-32);\n    line-height: 1.1;\n    font-weight: 500;\n    letter-spacing: 0.01em;\n  }\n\n  .cad-select-wrap {\n    position: relative;\n    margin-bottom: 48px;\n    border-bottom: 1px solid #7f8c9a;\n  }\n\n  .cad-select-wrap select {\n    width: 100%;\n    appearance: none;\n    -webkit-appearance: none;\n    border: 0;\n    background: transparent;\n    padding: 0 36px 14px 0;\n    color: var(--color-slate-300);\n    font-size: var(--text-18);\n    font-weight: 400;\n    line-height: 1.4;\n    outline: none;\n    cursor: pointer;\n  }\n\n  .cad-select-wrap::after {\n    content: \"\u2304\";\n    position: absolute;\n    right: 0;\n    top: -4px;\n    font-size: 28px;\n    color: #071a33;\n    pointer-events: none;\n  }\n\n  .cad-content-switch {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .cad-main-location {\n    order: 1;\n    padding-bottom: 36px;\n    margin-bottom: 32px;\n    border-bottom: 1px solid #d9dee5;\n  }\n\n  .cad-location-details {\n    order: 2;\n  }\n\n  .cad-main-location h3 {\n    margin: 0 0 16px;\n    color: #000000;\n    font-size: 20px;\n    line-height: 1.35;\n    font-weight: 500;\n  }\n\n  .cad-main-location p {\n    margin: 0 0 14px;\n    color: #222222;\n    font-size: var(--text-16);\n    line-height: 1.45;\n    font-weight: 400;\n  }\n\n  .cad-contact-line {\n    display: flex;\n    gap: 14px;\n    align-items: flex-start;\n    color: #222222;\n    font-size: var(--text-16);\n    line-height: 1.45;\n    font-weight: 400;\n  }\n\n  .cad-contact-line img {\n    width: 20px;\n    height: 20px;\n    min-width: 20px;\n    object-fit: contain;\n    margin-top: 1px;\n  }\n\n  .cad-contact-line a,\n  .cad-contact-line span {\n    color: inherit;\n    font-size: var(--text-16);\n    line-height: 1.45;\n    font-weight: 400;\n    text-decoration: none;\n  }\n\n  .cad-contact-line a:hover {\n    text-decoration: underline;\n  }\n\n  .cad-contact-label {\n    font-weight: 500 !important;\n  }\n\n  .cad-location-details .cad-region {\n    margin: 0 0 24px;\n    color: #e4002b;\n    font-size: var(--text-14);\n    line-height: 1;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    font-weight: 600;\n  }\n\n  .cad-location-details .cad-country {\n    margin: 0 0 24px;\n    color: #071a33;\n    font-size: var(--text-18);\n    line-height: 1.35;\n    font-weight: 500;\n  }\n\n  .cad-location-details h3 {\n    margin: 0 0 32px;\n    color: #000000;\n    font-size: 20px;\n    line-height: 1.35;\n    font-weight: 500;\n  }\n\n  .cad-location-details p {\n    margin: 0 0 28px;\n    color: #222222;\n    font-size: var(--text-16);\n    line-height: 1.45;\n    font-weight: 400;\n  }\n\n  .cad-location-company {\n    font-weight: 500;\n  }\n\n  .cad-location-details a {\n    color: inherit;\n    font-size: var(--text-16);\n    line-height: 1.45;\n    font-weight: 400;\n    text-decoration: none;\n  }\n\n  .cad-location-details a:hover {\n    text-decoration: underline;\n  }\n\n  @media (max-width: 1024px) {\n    .cad-map-widget {\n      grid-template-columns: 1fr;\n    }\n\n    .cad-map-left {\n      padding: 36px 24px;\n    }\n\n    .cad-map-viewport {\n      min-height: 500px;\n    }\n\n    .cad-map-right {\n      padding: 40px 24px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .cad-map-widget {\n      min-height: 0;\n      display: block;\n      overflow: visible;\n    }\n\n    .cad-map-left {\n      padding: 24px 0;\n      overflow: visible;\n      justify-content: center;\n      display: block;\n    }\n\n    .cad-map-viewport {\n      width: 100%;\n      min-width: 0;\n      min-height: 0;\n      display: block;\n      padding: 0;\n      overflow: hidden;\n      touch-action: none;\n    }\n\n    .cad-map-panzoom {\n      width: 100%;\n      max-width: none;\n      margin: 0 auto;\n    }\n\n    .cad-world-map {\n      width: 100%;\n      max-width: none;\n      margin: 0 auto;\n    }\n\n    .cad-map-bg {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    .cad-map-controls {\n      top: 12px;\n      left: 12px;\n      gap: 6px;\n    }\n\n    .cad-map-control,\n    .cad-map-control:hover,\n    .cad-map-control:focus,\n    .cad-map-control:active {\n      width: 36px;\n      height: 36px;\n      font-size: 18px;\n    }\n\n    .cad-map-reset,\n    .cad-map-reset:hover,\n    .cad-map-reset:focus,\n    .cad-map-reset:active {\n      padding: 0 10px !important;\n      font-size: 12px;\n    }\n\n    .cad-map-pin,\n    .cad-map-pin:hover,\n    .cad-map-pin:focus,\n    .cad-map-pin:active {\n      width: 18px;\n      height: 26px;\n      z-index: 10;\n    }\n\n    .cad-map-tooltip {\n      display: none !important;\n    }\n\n    .cad-map-right {\n      padding: 40px 24px;\n    }\n\n    .cad-map-right h2 {\n      margin-bottom: 28px;\n    }\n\n    .cad-location-details {\n      order: 1;\n      padding-bottom: 36px;\n      margin-bottom: 32px;\n      border-bottom: 1px solid #d9dee5;\n      scroll-margin-top: 130px;\n    }\n\n    .cad-main-location {\n      order: 2;\n      padding-bottom: 0;\n      margin-bottom: 0;\n      border-bottom: 0;\n    }\n\n    .cad-main-location h3,\n    .cad-location-details h3 {\n      font-size: 20px;\n    }\n\n    .cad-main-location p,\n    .cad-location-details p,\n    .cad-contact-line,\n    .cad-contact-line a,\n    .cad-contact-line span {\n      font-size: var(--text-16);\n    }\n\n    .cad-location-details .cad-country {\n      font-size: var(--text-18);\n      font-weight: 500;\n    }\n  }\n<\/style>\n\n<script src=\"https:\/\/unpkg.com\/@panzoom\/panzoom\/dist\/panzoom.min.js\"><\/script>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const locations = {\n      germany: {\n        region: \"Europa\",\n        country: \"Deutschland\",\n        title: \"CAD-PLAN Hauptgesch\u00e4ftsstelle\",\n        company: \"CAD-PLAN GmbH\",\n        address: \"Hanauer Landstra\u00dfe 174<br>60314 Frankfurt<br>Deutschland\",\n        phone: \"+49-69-800-818-0\",\n        phoneHref: \"+49698008180\",\n        email: \"contact@cad-plan.com\",\n        website: \"www.cad-plan.com\"\n      },\n      bulgaria: {\n        region: \"Europa\",\n        country: \"Bulgarien\",\n        title: \"STUDIO CAD\",\n        company: \"Mr. Yassen Pashov\",\n        address: \"Dobri Nemirov str. No:5<br>Jk. Lulin Center<br>1324 Sofia<br>Bulgarien\",\n        phone: \"+359-88872-6447\",\n        phoneHref: \"+359888726447\",\n        mobile: \"+359-2411-2030\",\n        email: \"office@studio-cad.com\",\n        website: \"www.studio-cad.com\"\n      },\n      \"uk-ireland\": {\n        region: \"Europa\",\n        country: \"Gro\u00dfbritannien, Irland\",\n        title: \"CAD-PLAN GmbH\",\n        company: \"Mrs. Diana Gy\u00f6re\",\n        address: \"Hanauer Landstrasse 174<br>60314 Frankfurt<br>Deutschland\",\n        phone: \"+49-69-800-818-428\",\n        phoneHref: \"+4969800818428\",\n        mobile: \"+49-151-110-627-26\",\n        email: \"gyoere@cad-plan.com\"\n      },\n      \"israel-greece\": {\n        region: \"Europa\",\n        country: \"Israel, Griechenland, Malta, Zypern\",\n        title: \"CAD-PLAN GmbH\",\n        company: \"Mr. Jan Krutsky\",\n        address: \"Hanauer Landstrasse 174<br>60314 Frankfurt<br>Deutschland\",\n        phone: \"+49-69-800-818-424\",\n        phoneHref: \"+4969800818424\",\n        mobile: \"+420-602-603-993\",\n        email: \"krutsky@cad-plan.com\"\n      },\n      spain: {\n        region: \"Europa\",\n        country: \"Spanien, Portugal, Mexiko, S\u00fcdamerika\",\n        title: \"MEGA Ingenieras S.L.\",\n        company: \"Technical: Mr. Iv\u00e1n Fern\u00e1ndez<br>Sales: Mrs. Carmen Mart\u00ednez\",\n        address: \"C\/ Santa Maria 19<br>28229 Villanueva del Pardillo<br>Spanien\",\n        phone: \"+34-647-751-553\",\n        phoneHref: \"+34647751553\",\n        mobile: \"Sales: +34-91-815-2545\",\n        email: \"tecnico@megaingenierias.com\",\n        secondEmail: \"administracion@megaingenierias.com\",\n        website: \"www.megaingenierias.com\"\n      },\n      switzerland: {\n        region: \"Europa\",\n        country: \"Schweiz\",\n        title: \"ACOSOFT AG\",\n        company: \"Mr. Daniel K\u00e4lin \/ Mr. Jacobus Romsom\",\n        address: \"Tunnelstrasse 4, 8732 Neuhaus<br>Rte des Iles 2A, 1897 Bouveret<br>Schweiz\",\n        phone: \"+41-44-687 24 03\",\n        phoneHref: \"+41446872403\",\n        mobile: \"+41-244-826-101\",\n        email: \"info@acosoft.biz\",\n        website: \"www.acosoft.biz\"\n      },\n      austria: {\n        region: \"Europa\",\n        country: \"\u00d6sterreich\",\n        title: \"CAD-PLAN GmbH\",\n        company: \"Mrs. Diana Gy\u00f6re\",\n        address: \"Hanauer Landstrasse 174<br>60314 Frankfurt<br>Deutschland\",\n        phone: \"+49-69-800-818-428\",\n        phoneHref: \"+4969800818428\",\n        mobile: \"+49-151-110-627-26\",\n        email: \"gyoere@cad-plan.com\"\n      },\n      hungary: {\n        region: \"Europa\",\n        country: \"Ungarn\",\n        title: \"Arkance Systems HU Kft\",\n        company: \"Mr. Zolt\u00e1n N\u00e9meth\",\n        address: \"Feh\u00e9rv\u00e1ri \u00fat 84\/a<br>1119 Budapest<br>Hungary\",\n        phone: \"+36 30 530 0266\",\n        phoneHref: \"+36305300266\",\n        mobile: \"+36 20 583 7272\",\n        email: \"zoltan.nemeth@arkance.world\",\n        website: \"arkance.world\"\n      },\n      poland: {\n        region: \"Europa\",\n        country: \"Polen \/ Baltikum \/ Nordische L\u00e4nder\",\n        title: \"CAD-PLAN Poland\",\n        company: \"Mrs. Ma\u0142gorzata Bagnicka\",\n        address: \"Hanauer Landstrasse 174<br>60314 Frankfurt<br>Deutschland\",\n        phone: \"+49-69-800-818-431\",\n        phoneHref: \"+4969800818431\",\n        mobile: \"+48-606-290-397\",\n        email: \"bagnicka@cad-plan.com\"\n      },\n      romania: {\n        region: \"Europa\",\n        country: \"Rum\u00e4nien\",\n        title: \"WINDOW & FACADE TECHNOLOGIES S.R.L.\",\n        company: \"Mr. Dragos Stoca\",\n        address: \"Obcina Mare Nr. 1<br>061591 Bucharest<br>Rum\u00e4nien\",\n        phone: \"+40-755 09 1973\",\n        phoneHref: \"+40755091973\",\n        email: \"office@wft.ro\",\n        website: \"www.wft.ro\"\n      },\n      slovenia: {\n        region: \"Europa\",\n        country: \"Slowenien\",\n        title: \"DevASI d.o.o.\",\n        company: \"Mr. Sa\u0161o Pu\u010dnik\",\n        address: \"Laporje 30A<br>2318 Laporje<br>Slowenien\",\n        phone: \"+386-40-869-430\",\n        phoneHref: \"+38640869430\",\n        email: \"saso.pucnik@devasi.si\",\n        website: \"www.devasi.si\",\n        note: \"Slowenien, Albanien, Bosnien Herzegovina, Kosovo, Kroatien, Montenegro, Nord-Mazedonien, Serbien\"\n      },\n      nordic: {\n        region: \"Europa\",\n        country: \"Nordische L\u00e4nder\",\n        title: \"CAD-PLAN GmbH\",\n        company: \"Mrs. Ma\u0142gorzata Bagnicka\",\n        address: \"Hanauer Landstrasse 174<br>60314 Frankfurt<br>Deutschland\",\n        phone: \"+49-69-800-818-431\",\n        phoneHref: \"+4969800818431\",\n        mobile: \"+48-606-290-397\",\n        email: \"bagnicka@cad-plan.com\",\n        note: \"D\u00e4nemark, Schweden, Finnland, Norwegen, Island\"\n      },\n      turkey: {\n        region: \"Europa \/ Asien \/ Afrika\",\n        country: \"T\u00fcrkei\",\n        title: \"Orgadata Yazilim Ticaret Limited Sirketi\",\n        company: \"Mr. C\u00fcneyt G\u00fclseren\",\n        address: \"Bur\u00e7 \u0130stanbul Plaza<br>G\u00f6kevler Mahallesi 2312. Sokak<br>Kristal \u015eehir Sitesi 18. Blok Apt. No: 18J-114<br>34510 Esenyurt\/Istanbul<br>T\u00fcrkei\",\n        phone: \"+90-212 44 59 153\",\n        phoneHref: \"+902124459153\",\n        email: \"cgl@orgadata.com\",\n        note: \"T\u00fcrkei, Irak, Jordanien, \u00c4gypten, Libyen, Libanon, Azerbaijan\"\n      },\n      \"egypt-libya\": {\n        region: \"Afrika\",\n        country: \"\u00c4gypten, Libyen\",\n        title: \"Orgadata Yazilim Ticaret Limited Sirketi\",\n        company: \"Mr. C\u00fcneyt G\u00fclseren\",\n        address: \"Bur\u00e7 \u0130stanbul Plaza<br>G\u00f6kevler Mahallesi 2312. Sokak<br>Kristal \u015eehir Sitesi 18. Blok Apt. No: 18J-114<br>34510 Esenyurt\/Istanbul<br>T\u00fcrkei\",\n        phone: \"+90-212 44 59 153\",\n        phoneHref: \"+902124459153\",\n        email: \"cgl@orgadata.com\",\n        note: \"T\u00fcrkei, Irak, Jordanien, \u00c4gypten, Libyen\"\n      },\n      \"french-africa\": {\n        region: \"Afrika\",\n        country: \"Alle franz\u00f6sischsprachigen L\u00e4nder\",\n        title: \"ACOSOFT AG\",\n        company: \"Mr. Jacobus Romsom\",\n        address: \"Rte des Iles 2A<br>1897 Bouveret<br>Schweiz\",\n        phone: \"+41-244-826-101\",\n        phoneHref: \"+41244826101\",\n        email: \"info@acosoft.biz\",\n        website: \"www.acosoft.biz\",\n        note: \"Schweiz, Frankreich, Marokko, Mali\"\n      },\n      \"south-africa\": {\n        region: \"Afrika\",\n        country: \"S\u00fcd-Afrika\",\n        title: \"ORGADATA South Africa\",\n        company: \"Mr. Gerhard Johann Koekemoer\",\n        address: \"S\u00fcd-Afrika\",\n        phone: \"+27 74 448 5593\",\n        phoneHref: \"+27744485593\",\n        email: \"gko@orgadata.com\"\n      },\n      china: {\n        region: \"Asien\",\n        country: \"China\",\n        title: \"Beijing Huazijie Digital Technology Ltd.\",\n        company: \"Mr. Peng WANG\",\n        address: \"No. 111, Building 3, Yinbin Garden<br>Pinggu Town, Pinggu District<br>101299 Beijing<br>VR China\",\n        phone: \"+86-185-1314-6339\",\n        phoneHref: \"+8618513146339\",\n        email: \"18513146339@163.com\"\n      },\n      dubai: {\n        region: \"Asien\",\n        country: \"Dubai\",\n        title: \"ORGADATA Middle East JLT\",\n        company: \"Mr. Behrooz Toofan\",\n        address: \"Jumeirah Lake Towers<br>C1 Fortune Towers<br>14th Floor, Office No 1408<br>Dubai<br>United Arab Emirates\",\n        phone: \"+971-4-369-5119\",\n        phoneHref: \"+97143695119\",\n        email: \"bto@orgadata.com\",\n        note: \"Bahrain, Kuweit, Oman, Katar, Saudi-Arabien\"\n      },\n      india: {\n        region: \"Asien\",\n        country: \"Indien\",\n        title: \"ORGADATA India Pvt. Ltd.\",\n        company: \"Mr. Sajil Meledath\",\n        address: \"Office 704, Plot No. 09,<br>Sector-17, Palm Beach Road<br>Sanpada 400703<br>Navi Mumbai, India\",\n        phone: \"+91-902-2111319\",\n        phoneHref: \"+919022111319\",\n        email: \"sml@orgadata.com\"\n      },\n      thailand: {\n        region: \"Asien\",\n        country: \"Thailand\",\n        title: \"CAD-PLAN GmbH\",\n        company: \"Mrs. Diana Gy\u00f6re\",\n        address: \"Hanauer Landstrasse 174<br>60314 Frankfurt<br>Deutschland\",\n        phone: \"+49-69-800-818-428\",\n        phoneHref: \"+4969800818428\",\n        mobile: \"+49-151-110-627-26\",\n        email: \"gyoere@cad-plan.com\"\n      },\n      \"asia-other\": {\n        region: \"Asien\",\n        country: \"Mongolei, Philippinen, Singapur, Bangladesch\",\n        title: \"CAD-PLAN GmbH\",\n        company: \"Mrs. Diana Gy\u00f6re\",\n        address: \"Hanauer Landstrasse 174<br>60314 Frankfurt<br>Deutschland\",\n        phone: \"+49-69-800-818-428\",\n        phoneHref: \"+4969800818428\",\n        mobile: \"+49-151-110-627-26\",\n        email: \"gyoere@cad-plan.com\"\n      },\n      \"australia-new-zealand\": {\n        region: \"Australien \/ Neuseeland\",\n        country: \"Australien, Neuseeland\",\n        title: \"CAD-PLAN GmbH\",\n        company: \"Mrs. Diana Gy\u00f6re\",\n        address: \"Hanauer Landstrasse 174<br>60314 Frankfurt<br>Deutschland\",\n        phone: \"+49-69-800-818-428\",\n        phoneHref: \"+4969800818428\",\n        mobile: \"+49-151-110-627-26\",\n        email: \"gyoere@cad-plan.com\"\n      },\n      \"usa-canada\": {\n        region: \"Nordamerika\",\n        country: \"USA, Kanada\",\n        title: \"CAD-PLAN North America Inc.\",\n        company: \"Mr. Jan Krutsky\",\n        address: \"5619 DTC Parkway, Suite 1200<br>Greenwood Village, CO 80111<br>United States\",\n        phone: \"+1-301-648-8101\",\n        phoneHref: \"+13016488101\",\n        email: \"krutsky@cad-plan.com\"\n      },\n      mexico: {\n        region: \"Nordamerika\",\n        country: \"Mexiko\",\n        title: \"MEGA Ingenieras S.L.\",\n        company: \"Technical: Mr. Iv\u00e1n Fern\u00e1ndez<br>Sales: Mrs. Carmen Mart\u00ednez\",\n        address: \"C\/ Santa Maria 19<br>28229 Villanueva del Pardillo<br>Spanien\",\n        phone: \"+34-647-751-553\",\n        phoneHref: \"+34647751553\",\n        mobile: \"Sales: +34-91-815-2545\",\n        email: \"tecnico@megaingenierias.com\",\n        secondEmail: \"administracion@megaingenierias.com\",\n        website: \"www.megaingenierias.com\",\n        note: \"Spanien, Portugal, Mexico, S\u00fcdamerika\"\n      },\n      \"south-america\": {\n        region: \"S\u00fcdamerika\",\n        country: \"Gesamt S\u00fcdamerika\",\n        title: \"MEGA Ingenieras S.L.\",\n        company: \"Technical: Mr. Iv\u00e1n Fern\u00e1ndez<br>Sales: Mrs. Carmen Mart\u00ednez\",\n        address: \"C\/ Santa Maria 19<br>28229 Villanueva del Pardillo<br>Spanien\",\n        phone: \"+34-647-751-553\",\n        phoneHref: \"+34647751553\",\n        mobile: \"Sales: +34-91-815-2545\",\n        email: \"tecnico@megaingenierias.com\",\n        secondEmail: \"administracion@megaingenierias.com\",\n        website: \"www.megaingenierias.com\",\n        note: \"Spanien, Portugal, S\u00fcdamerika\"\n      }\n    };\n\n    const viewport = document.getElementById(\"cadMapViewport\");\n    const panzoomElement = document.getElementById(\"cadMapPanzoom\");\n    const pins = document.querySelectorAll(\".cad-map-pin\");\n    const details = document.getElementById(\"cadLocationDetails\");\n    const select = document.getElementById(\"cadLocationSelect\");\n    const tooltip = document.getElementById(\"cadMapTooltip\");\n    const tooltipContent = document.getElementById(\"cadTooltipContent\");\n    const tooltipClose = document.querySelector(\".cad-tooltip-close\");\n    const zoomInButton = document.getElementById(\"cadZoomIn\");\n    const zoomOutButton = document.getElementById(\"cadZoomOut\");\n    const zoomResetButton = document.getElementById(\"cadZoomReset\");\n\n    let panzoomInstance = null;\n    let activePointerMoved = false;\n    let pointerStartX = 0;\n    let pointerStartY = 0;\n\n    Object.keys(locations).forEach(function (key) {\n      const option = document.createElement(\"option\");\n      option.value = key;\n      option.textContent = locations[key].country;\n      select.appendChild(option);\n    });\n\n    function makeWebsiteUrl(website) {\n      if (!website) return \"\";\n      if (website.indexOf(\"http:\/\/\") === 0 || website.indexOf(\"https:\/\/\") === 0) return website;\n      return \"https:\/\/\" + website;\n    }\n\n    function locationHTML(location) {\n      return `\n        <div class=\"cad-region\">${location.region}<\/div>\n        <div class=\"cad-country\">${location.country}<\/div>\n\n        <h3>${location.title}<\/h3>\n        <p>\n          <span class=\"cad-location-company\">${location.company}<\/span><br>\n          ${location.address}\n        <\/p>\n\n        <p>\n          ${location.phone ? `Tel.: <a href=\"tel:${location.phoneHref}\">${location.phone}<\/a>` : \"\"}\n          ${location.mobile ? `<br>Mobil: ${location.mobile}` : \"\"}\n        <\/p>\n\n        <p>\n          ${location.email ? `E-mail: <a href=\"mailto:${location.email}\">${location.email}<\/a>` : \"\"}\n          ${location.secondEmail ? `<br>E-mail: <a href=\"mailto:${location.secondEmail}\">${location.secondEmail}<\/a>` : \"\"}\n          ${location.website ? `<br><a href=\"${makeWebsiteUrl(location.website)}\" target=\"_blank\" rel=\"noopener\">${location.website}<\/a>` : \"\"}\n        <\/p>\n\n        ${location.note ? `<p>${location.note}<\/p>` : \"\"}\n      `;\n    }\n\n    function tooltipHTML(location) {\n      return `\n        <h4>${location.country}<\/h4>\n        <p>\n          <span class=\"cad-location-company\">${location.title}<\/span><br>\n          ${location.company}<br>\n          ${location.address}\n        <\/p>\n        <p>\n          ${location.phone ? `Tel.: <a href=\"tel:${location.phoneHref}\">${location.phone}<\/a>` : \"\"}\n          ${location.email ? `<br>E-mail: <a href=\"mailto:${location.email}\">${location.email}<\/a>` : \"\"}\n          ${location.website ? `<br><a href=\"${makeWebsiteUrl(location.website)}\" target=\"_blank\" rel=\"noopener\">${location.website}<\/a>` : \"\"}\n        <\/p>\n      `;\n    }\n\n    function updateTooltipPosition() {\n      const activePin = document.querySelector(\".cad-map-pin.active\");\n\n      if (!activePin || !tooltip.classList.contains(\"is-visible\")) return;\n\n      const pinRect = activePin.getBoundingClientRect();\n      const viewportRect = viewport.getBoundingClientRect();\n\n      tooltip.style.left = \"0px\";\n      tooltip.style.top = \"0px\";\n\n      const tooltipRect = tooltip.getBoundingClientRect();\n\n      let left = pinRect.left - viewportRect.left + 28;\n      let top = pinRect.top - viewportRect.top - 22;\n\n      if (left + tooltipRect.width > viewportRect.width - 20) {\n        left = pinRect.left - viewportRect.left - tooltipRect.width - 28;\n      }\n\n      if (top + tooltipRect.height > viewportRect.height - 20) {\n        top = viewportRect.height - tooltipRect.height - 20;\n      }\n\n      if (top < 20) top = 20;\n      if (left < 20) left = 20;\n\n      tooltip.style.left = left + \"px\";\n      tooltip.style.top = top + \"px\";\n    }\n\n    function updateMarkerScale() {\n      if (!panzoomInstance || typeof panzoomInstance.getScale !== \"function\") {\n        panzoomElement.style.setProperty(\"--cad-pin-scale\", \"1\");\n        return;\n      }\n\n      const currentScale = panzoomInstance.getScale();\n      const inverseScale = 1 \/ currentScale;\n\n      panzoomElement.style.setProperty(\"--cad-pin-scale\", inverseScale);\n    }\n\n    function scrollToMapDetailsWithHeaderOffset() {\n      const isMobile = window.matchMedia(\"(max-width: 767px)\").matches;\n\n      if (!isMobile) return;\n\n      const header =\n        document.querySelector(\".elementor-location-header\") ||\n        document.querySelector(\"header\") ||\n        document.querySelector(\".site-header\");\n\n      const headerHeight = header ? header.offsetHeight : 100;\n      const extraOffset = 24;\n\n      const targetPosition =\n        details.getBoundingClientRect().top +\n        window.pageYOffset -\n        headerHeight -\n        extraOffset;\n\n      window.scrollTo({\n        top: targetPosition,\n        behavior: \"smooth\"\n      });\n    }\n\n    function setActiveLocation(key, showTooltip) {\n      const location = locations[key];\n\n      if (!location) return;\n\n      const isMobile = window.matchMedia(\"(max-width: 767px)\").matches;\n\n      details.innerHTML = locationHTML(location);\n      select.value = key;\n\n      pins.forEach(function (pin) {\n        pin.classList.toggle(\"active\", pin.dataset.location === key);\n      });\n\n      if (isMobile) {\n        tooltip.classList.remove(\"is-visible\");\n\n        requestAnimationFrame(function () {\n          scrollToMapDetailsWithHeaderOffset();\n        });\n\n        return;\n      }\n\n      if (showTooltip) {\n        tooltipContent.innerHTML = tooltipHTML(location);\n        tooltip.classList.add(\"is-visible\");\n        requestAnimationFrame(updateTooltipPosition);\n      }\n    }\n\n    function resetLocationView() {\n      details.innerHTML = `\n        <div class=\"cad-region\">Standorte<\/div>\n        <div class=\"cad-country\">Weltweit<\/div>\n        <p>W\u00e4hle einen Standort \u00fcber die Karte oder \u00fcber das Dropdown aus.<\/p>\n      `;\n\n      pins.forEach(function (pin) {\n        pin.classList.remove(\"active\");\n      });\n\n      tooltip.classList.remove(\"is-visible\");\n      select.value = \"all\";\n    }\n\n    function initPanzoom() {\n      if (typeof Panzoom === \"undefined\") {\n        return;\n      }\n\n      panzoomInstance = Panzoom(panzoomElement, {\n        maxScale: 4,\n        minScale: 1,\n        step: 0.35,\n        contain: \"outside\",\n        canvas: true,\n        cursor: \"grab\",\n        disablePan: false\n      });\n\n      updateMarkerScale();\n\n      viewport.addEventListener(\"wheel\", function (event) {\n        event.preventDefault();\n        panzoomInstance.zoomWithWheel(event);\n\n        requestAnimationFrame(function () {\n          updateMarkerScale();\n          updateTooltipPosition();\n        });\n      }, { passive: false });\n\n      panzoomElement.addEventListener(\"panzoomstart\", function () {\n        panzoomElement.classList.add(\"is-panning\");\n      });\n\n      panzoomElement.addEventListener(\"panzoomchange\", function () {\n        updateMarkerScale();\n        requestAnimationFrame(updateTooltipPosition);\n      });\n\n      panzoomElement.addEventListener(\"panzoomend\", function () {\n        panzoomElement.classList.remove(\"is-panning\");\n\n        requestAnimationFrame(function () {\n          updateMarkerScale();\n          updateTooltipPosition();\n        });\n      });\n\n      zoomInButton.addEventListener(\"click\", function (event) {\n        event.preventDefault();\n        event.stopPropagation();\n\n        panzoomInstance.zoomIn();\n\n        requestAnimationFrame(function () {\n          updateMarkerScale();\n          updateTooltipPosition();\n        });\n      });\n\n      zoomOutButton.addEventListener(\"click\", function (event) {\n        event.preventDefault();\n        event.stopPropagation();\n\n        panzoomInstance.zoomOut();\n\n        requestAnimationFrame(function () {\n          updateMarkerScale();\n          updateTooltipPosition();\n        });\n      });\n\n      zoomResetButton.addEventListener(\"click\", function (event) {\n        event.preventDefault();\n        event.stopPropagation();\n\n        panzoomInstance.reset();\n\n        requestAnimationFrame(function () {\n          updateMarkerScale();\n          updateTooltipPosition();\n        });\n      });\n    }\n\n    pins.forEach(function (pin) {\n      pin.addEventListener(\"pointerdown\", function (event) {\n        activePointerMoved = false;\n        pointerStartX = event.clientX;\n        pointerStartY = event.clientY;\n      });\n\n      pin.addEventListener(\"pointermove\", function (event) {\n        const diffX = Math.abs(event.clientX - pointerStartX);\n        const diffY = Math.abs(event.clientY - pointerStartY);\n\n        if (diffX > 5 || diffY > 5) {\n          activePointerMoved = true;\n        }\n      });\n\n      pin.addEventListener(\"click\", function (event) {\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (activePointerMoved) return;\n\n        setActiveLocation(pin.dataset.location, true);\n      });\n    });\n\n    select.addEventListener(\"change\", function () {\n      if (select.value === \"all\") {\n        resetLocationView();\n        return;\n      }\n\n      setActiveLocation(select.value, true);\n    });\n\n    tooltipClose.addEventListener(\"click\", function (event) {\n      event.preventDefault();\n      event.stopPropagation();\n      tooltip.classList.remove(\"is-visible\");\n    });\n\n    window.addEventListener(\"resize\", function () {\n      if (panzoomInstance) {\n        requestAnimationFrame(function () {\n          panzoomInstance.reset();\n          updateMarkerScale();\n          updateTooltipPosition();\n        });\n      } else {\n        requestAnimationFrame(updateTooltipPosition);\n      }\n    });\n\n    initPanzoom();\n  });\n<\/script>\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","protected":false},"excerpt":{"rendered":"<p>Fragen oder einen Termin? Nimm hier einfach Kontakt auf. Wir freuen uns \u00fcber Dein Interesse und nehmen umgehend Kontakt auf. Support kontaktieren +49-69-800-818-0 contact@cad-plan.com Die CAD-PLAN Niederlassungen und Vertriebspartner + \u2212 Reset \u00d7 CAD PLAN vor Ort Alle Standorte CAD-PLAN Hauptgesch\u00e4ftsstelle CAD-PLAN GmbH Hanauer Landstra\u00dfe 174 60314 Frankfurt +49-69-800-818-0 contact@cad-plan.com Gesch\u00e4ftszeiten: 9:00 bis 17:00 Uhr [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-996","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cad-plan.schwarz-matt-dev.com\/en\/wp-json\/wp\/v2\/pages\/996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cad-plan.schwarz-matt-dev.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cad-plan.schwarz-matt-dev.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cad-plan.schwarz-matt-dev.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/cad-plan.schwarz-matt-dev.com\/en\/wp-json\/wp\/v2\/comments?post=996"}],"version-history":[{"count":10,"href":"https:\/\/cad-plan.schwarz-matt-dev.com\/en\/wp-json\/wp\/v2\/pages\/996\/revisions"}],"predecessor-version":[{"id":16408,"href":"https:\/\/cad-plan.schwarz-matt-dev.com\/en\/wp-json\/wp\/v2\/pages\/996\/revisions\/16408"}],"wp:attachment":[{"href":"https:\/\/cad-plan.schwarz-matt-dev.com\/en\/wp-json\/wp\/v2\/media?parent=996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}