{"id":336,"date":"2026-07-06T08:17:58","date_gmt":"2026-07-06T06:17:58","guid":{"rendered":"https:\/\/www.innoga.it\/contatto\/"},"modified":"2026-10-17T18:46:31","modified_gmt":"2026-10-17T16:46:31","slug":"contatto","status":"publish","type":"page","link":"https:\/\/www.innoga.it\/it\/contatto\/","title":{"rendered":"Contatto"},"content":{"rendered":"\n<section id=\"\" class=\"ce-hero container mt-[100px] space-b\"\nx-data=\"{ swiper: null }\"\nx-init=\"\n\t  swiper = new Swiper($refs.swiperContainer, {\n        loop: true,\n        speed: 1000,\n        effect: 'fade',\n        autoplay: { delay: 6000, disableOnInteraction: false },\n        pagination: { \n         el: $el.querySelector('.swiper-pagination'), \n         clickable: true }\n    });\n\" \n>\n<div class=\"rounded-xl overflow-hidden swiper swiper js-hero-swiper w-full lg:h-[calc(100svh-170px)] relative\"\nx-ref=\"swiperContainer\">\n    <div class=\"swiper-wrapper\">\n        \n\n<div class=\"swiper-slide relative negative\">\n    <div class=\"w-full h-full flex! max-md:flex-col items-end justify-start overflow-hidden\">\n\n        <!-- Hintergrund-Ausgabe -->\n        <div class=\"max-md:relative md:absolute max-md:aspect-3\/2 max-md:w-full max-md:h-full inset-0 z-0 overflow-hidden pointer-events-none\">\n                            <!-- Bild -->\n                <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-090706-07797.webp\" class=\"w-full h-full object-cover object-center\" alt=\"Eingespieltes Team beim gemeinsamen Entwickeln und T\u00fcfteln an einer technischen Anlage.\" srcset=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-090706-07797.webp 1920w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-090706-07797-300x200.webp 300w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-090706-07797-1024x683.webp 1024w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-090706-07797-768x512.webp 768w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-090706-07797-1536x1024.webp 1536w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-090706-07797-1020x680.webp 1020w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/>            \n            <!-- Dunkles Overlay f\u00fcr Lesbarkeit -->\n            <div class=\"absolute inset-0 bg-gradient-to-t md:bg-gradient-to-tr from-black md:from-black\/70 via-black\/50 to-transparent z-10\"><\/div>\n        <\/div>\n\n        <!-- Content (Tailwind) -->\n        <div class=\"w-full lg:w-[60%] p-6 lg:p-16 z-20 text-white relative max-md:bg-black\">\n            <div class=\"flex flex-col items-start gap-4\">\n                <div>\n                                            <div class=\"innoga-pretitle is-animated fromRight delay-300\">\n                            <span class=\"\">\n                                ContattO                            <\/span>\n                        <\/div>\n                    \n                                            <h1 class=\"is-animated fromRight delay-300\">\n                            Pronto per la prossima soluzione?                        <\/h1>\n\n\n                                    <\/div>\n\n                                    <p class=\"text-p1 is-animated fromRight delay-300 max-md:hidden\">\n                        Requisiti individuali, processi complessi o nuovi concetti:<br>sviluppiamo e realizziamo macchine che si adattano esattamente alle Sue esigenze.                    <\/p>\n                \n                \n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n    <\/div>\n\n    <div class=\"swiper-pagination w-auto! left-[inherit]! right-8! md:right-16! bottom-8! md:bottom-16! flex items-center\"><\/div>\n<\/div>\n<\/section>\n\n\n<section id=\"\" class=\"space-t space-b\"\n  x-intersect:enter=\"$el.classList.add('start-animation')\">\n  <div class=\"container \">\n    <div class=\"grid grid-cols-12 gap-4\">\n\n      <div\n        class=\"col-span-12 flex flex-col gap-4 lg:gap-6 md:col-span-5 \">\n\n\n        <div>\n          \n\n\n                      <h2 class=\"text-h1 is-animated fromRight delay-200\">\n              Ci contatti direttamente.            <\/h2>\n                  <\/div>\n      <\/div>\n\n      <div\n        class=\"col-span-12 md:col-span-6 md:col-start-7 \">\n\n                  <p class=\"\n          text-p2           is-animated fromRight delay-300\">INNOGA Srl<br><a href=\"https:\/\/maps.app.goo.gl\/X2hCsb2sEpprmUAU8\" target=\"_blank\" rel=\"noopener\">Via dei Campi della Rienza 30, 39031 Brunico, Italia<\/a><br>Gedi Center \/ 1\u00b0 piano<br><a href=\"tel:00390474400000\">+39 0474 646717<\/a><br><a href=\"mailto:info@innoga.it\">info@innoga.it<\/a><br><br>Orari di apertura:<br>lun-ven 8:00 &#8211; 12:30 \/ 14:00 &#8211; 17:00<\/p>\n                \n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<section class=\"space-t space-b overflow-hidden\" x-intersect:enter=\"$el.classList.add('start-animation')\"\n    id=\"\" >\n\n\n\n            <!-- LAYOUT 1: Einzelner Ansprechpartner (Bild daneben, zentriert) -->\n\n                    <div class=\"container flex flex-col gap-4 lg:gap-6\">\n                <div class=\"grid grid-cols-12 gap-y-8 gap-x-4\">\n                    <div class=\"col-span-12 lg:col-span-5 flex flex-col gap-4 lg:gap-6\">\n                        <div>\n                                                            <div class=\"innoga-pretitle is-animated fromRight delay-100\">\n                                    <span class=\"\">\n                                        NESSUN INTERMEDIARIO                                    <\/span>\n                                <\/div>\n                                                                                        <h2 class=\"is-animated fromRight delay-200\">I Suoi referenti personali<\/h2>\n                                                    <\/div>\n                                                    <p class=\"text-p1 leading-relaxed is-animated fromRight delay-300\">Si rivolga direttamente ai nostri esperti per discutere in tutta semplicit\u00e0 la Sua richiesta. Che si tratti di una richiesta concreta relativa a un progetto, di una sfida tecnica o della ricerca di un partner affidabile per la Sua automazione: da noi avr\u00e0 contatto diretto con le persone che si occupano concretamente del Suo progetto.<\/p>\n                                            <\/div>\n                    <div class=\"col-span-12 lg:col-start-7 lg:col-span-6\">\n                        \n\n<div class=\"swiper-slide group contact-item h-auto\">\n    <div class=\"flex flex-col items-center text-center h-full border border-lightgray p-6 rounded-[2rem]\n        \n    \">\n        \n\n <!-- Hintergrundbild -->\n                    <div class=\"relative mb-6 rounded-full overflow-hidden w-56 h-56\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"680\" src=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-092008-07835-1-1020x680.webp\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 ease-out group-hover:scale-110\" alt=\"Portrait von Andreas Gatterer - Gesch\u00e4ftsf\u00fchrer von INNOGA\" srcset=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-092008-07835-1-1020x680.webp 1020w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-092008-07835-1-300x200.webp 300w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-092008-07835-1-1024x683.webp 1024w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-092008-07835-1-768x512.webp 768w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-092008-07835-1-1536x1024.webp 1536w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-092008-07835-1.webp 1920w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>            <\/div>\n        \n        <div class=\"flex flex-col gap-2 flex-grow w-full\">\n            <div>\n                                    <p class=\"text-p2\">Andreas Gatterer<\/p>\n                \n                                    <p class=\"\"><em>Direzione aziendale \/ Richieste di progetto<\/em><\/p>\n                            <\/div>\n\n            <div class=\"w-full\">\n                                    <p >\n                        <a class=\"link-border-bottom-hover text-p1\" href=\"mailto:andreas.gatterer@innoga.it\"\n                            >andreas.gatterer@innoga.it<\/a>\n                    <\/p>\n                                                    <p>\n                        <a class=\"link-border-bottom-hover text-p1\" href=\"tel:\u00a0+390474646717\"\n                            >\u00a0+39 0474 646 717<\/a>\n                    <\/p>\n                            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        \n    \n<\/section>\n\n\n\n<section>\n    <!-- 1. CONTAINER OBEN: \u00dcberschrift & Text -->\n    <div class=\"container \">\n\n        <div class=\"grid grid-cols-12 gap-4\">\n\n            <div class=\"col-span-12 flex flex-col gap-4 lg:gap-6 md:col-span-10 lg:col-span-8\">\n\n\n                                    <h2>Come trovarci a Brunico<\/h2>\n                \n                                    <div class=\"text-p1\">La nostra sede principale si trova nel cuore dell&#8217;Alto Adige e della Val Pusteria. Circondati da una forte economia e da ispirazione alpina, qui sviluppiamo e assembliamo i nostri sistemi. Venga a trovarci di persona \u2013 Le mostreremo volentieri come nasce l&#8217;automazione di alto livello.<\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Leaflet CSS & JS via CDN -->\n    <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\"\n        integrity=\"sha256-p4NxAoJBhIIN+hmNHrzRCf9tD\/miZyoHS5obTRR9BMY=\" crossorigin=\"\" \/>\n    <script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"\n        integrity=\"sha256-20nQCchB9co0qIjJZRGuk2\/Z9VM+kNiyxNV1lvTlZBo=\" crossorigin=\"\"><\/script>\n\n    <!-- 2. FULLWIDTH MAP IN DER MITTE -->\n    <div class=\"relative w-full  h-[400px] md:h-[500px] overflow-hidden mt-8 lg:mt-12\">\n        <div id=\"leaflet-map-1\" class=\"absolute inset-0 w-full h-full z-0\"><\/div>\n\n    <\/div>\n<\/section>\n\n<!-- 3. BILD MIT STATISCHEM TEXT (Adresse) UNTERHALB DER KARTE -->\n\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        var map = L.map('leaflet-map-1', {\n            zoomControl: false,\n            scrollWheelZoom: false,\n            dragging: !L.Browser.mobile, \/\/ Deaktiviert das einh\u00e4ndige Ziehen auf Mobilger\u00e4ten\n            tap: false\n        }).setView([46.801999, 11.927634], 15);\n\n        \n        L.tileLayer('http:\/\/sgx.geodatenzentrum.de\/wmts_topplus_open\/tile\/1.0.0\/web_grau\/default\/WEBMERCATOR\/{z}\/{y}\/{x}.png', {\n            minZoom: 15,\n            maxZoom: 19,\n            attribution: '&copy; <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors'\n        }).addTo(map);\n\n        var customSvgIcon = L.divIcon({\n            className: 'custom-svg-marker',\n            html: `<div class=\"w-12 h-12 bg-black text-white rounded-full flex items-center justify-center\">\n                 <svg class=\"w-6 h-6 fill-current\" viewBox=\"0 0 24 24\">\n                   <path d=\"M0 0h24v24H0z\" fill=\"none\" \/>\n                   <g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\n                       <path d=\"M19 10c0 3.976-7 11-7 11s-7-7.024-7-11s3.134-7 7-7s7 3.024 7 7\" \/>\n                       <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\n                   <\/g>\n                 <\/svg>\n               <\/div>`,\n            iconSize: [40, 40],\n            iconAnchor: [20, 20],\n            popupAnchor: [0, -22]\n        });\n\n        var marker = L.marker([46.801999, 11.927634], { icon: customSvgIcon }).addTo(map);\n\n        \/\/ \u00dcbergabe des sauber per ob_start generierten HTML-Inhalts\n        var popupContent = \"<div class=\\\"w-full flex max-md:flex-col gap-x-6 \\\">\\n            <div class=\\\"hidden w-full md:block md:w-52 rounded-[2rem] overflow-hidden\\\">\\n            <img width=\\\"1020\\\" height=\\\"680\\\" src=\\\"https:\\\/\\\/www.innoga.it\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/web-innoga-074456-07433-1020x680.webp\\\" class=\\\"w-full h-full object-cover\\\" alt=\\\"Das Firmengeb\\u00e4ude von INNOGA im Gedi Center in Bruneck von au\\u00dfen.\\\" srcset=\\\"https:\\\/\\\/www.innoga.it\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/web-innoga-074456-07433-1020x680.webp 1020w, https:\\\/\\\/www.innoga.it\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/web-innoga-074456-07433-300x200.webp 300w, https:\\\/\\\/www.innoga.it\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/web-innoga-074456-07433-1024x683.webp 1024w, https:\\\/\\\/www.innoga.it\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/web-innoga-074456-07433-768x512.webp 768w, https:\\\/\\\/www.innoga.it\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/web-innoga-074456-07433-1536x1024.webp 1536w, https:\\\/\\\/www.innoga.it\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/web-innoga-074456-07433-2048x1365.webp 2048w, https:\\\/\\\/www.innoga.it\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/web-innoga-074456-07433-1920x1280.webp 1920w\\\" sizes=\\\"(max-width: 1020px) 100vw, 1020px\\\" \\\/>        <\\\/div>\\n    \\n    <div class=\\\"w-full flex-1 flex flex-col gap-y-2 md:py-4\\\">\\n\\n        <div>\\n                            <p class=\\\"text-p1\\\">INNOGA Srl<\\\/p>\\n                                        <p class=\\\"text-p1 opacity-70 \\\">Gedi Center \\\/ 1\\u00b0 piano<\\\/p>\\n            \\n                            <p class=\\\"text-p1\\\">\\n                    <a href=\\\"https:\\\/\\\/maps.app.goo.gl\\\/X2hCsb2sEpprmUAU8\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\">\\n                        Via dei Campi della Rienza 30<br>39031 Brunico<br>Italia                    <\\\/a>\\n                <\\\/p>\\n                    <\\\/div>\\n\\n\\n\\n                    <div class=\\\"self-start mt-2\\\">\\n\\n                <a href=\\\"https:\\\/\\\/maps.app.goo.gl\\\/X2hCsb2sEpprmUAU8\\\" class=\\\"btn text-p1\\\" target=\\\"_blank\\\"\\n                    rel=\\\"noopener noreferrer\\\">\\n                    <span>\\n\\n                    Pianifica percorso                    <\\\/span>\\n\\n                <\\\/a>\\n\\n\\n            <\\\/div>\\n        \\n\\n\\n\\n\\n    <\\\/div>\\n<\\\/div>\\n\";\n\n        var popupMinWidth;\n        if (window.innerWidth >= 768) {\n            \/\/ Entspricht in etwa dem Tailwind 'lg' Breakpoint\n            popupMinWidth = 680;\n        } else {\n            \/\/ Mobile Ansicht\n            popupMinWidth = 320;\n        }\n\n        marker.bindPopup(popupContent, {\n            maxWidth: 500,\n            autoClose: false,\n            closeOnClick: false,\n            minWidth: popupMinWidth,\n        });\n\n        setTimeout(function () {\n            map.invalidateSize();\n            marker.openPopup();\n        }, 150);\n    });\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":335,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-336","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.innoga.it\/it\/wp-json\/wp\/v2\/pages\/336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.innoga.it\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.innoga.it\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.innoga.it\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.innoga.it\/it\/wp-json\/wp\/v2\/comments?post=336"}],"version-history":[{"count":8,"href":"https:\/\/www.innoga.it\/it\/wp-json\/wp\/v2\/pages\/336\/revisions"}],"predecessor-version":[{"id":532,"href":"https:\/\/www.innoga.it\/it\/wp-json\/wp\/v2\/pages\/336\/revisions\/532"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.innoga.it\/it\/wp-json\/wp\/v2\/media\/335"}],"wp:attachment":[{"href":"https:\/\/www.innoga.it\/it\/wp-json\/wp\/v2\/media?parent=336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}