{"id":320,"date":"2026-07-06T08:06:54","date_gmt":"2026-07-06T06:06:54","guid":{"rendered":"https:\/\/www.innoga.it\/home\/"},"modified":"2026-10-14T16:52:27","modified_gmt":"2026-10-14T14:52:27","slug":"home","status":"publish","type":"page","link":"https:\/\/www.innoga.it\/it\/","title":{"rendered":"Home"},"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                            <!-- YouTube \/ Vimeo Iframe Background -->\n                <div class=\"absolute inset-0 w-full h-full scale-125 pointer-events-none\">\n                    <iframe src=\"https:\/\/player.vimeo.com\/video\/1231324067?background=1\"\n                        class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[177.77vh] h-[56.25vw] min-w-full min-h-full border-0 pointer-events-none\"\n                        allow=\"autoplay; fullscreen; picture-in-picture\" muted playsinline tabindex=\"-1\">\n                    <\/iframe>\n                <\/div>\n            \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                                Precisione che muove i processi.                            <\/span>\n                        <\/div>\n                    \n                                            <h1 class=\"is-animated fromRight delay-300\">\n                            Il Suo partner per l&#8217;automazione intelligente                        <\/h1>\n\n\n                                    <\/div>\n\n                                    <p class=\"text-p1 is-animated fromRight delay-300 max-md:hidden\">\n                        Sviluppiamo macchine speciali e soluzioni di automazione su misura che garantiscono un vantaggio decisivo in un mercato fortemente competitivo.                    <\/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<section id=\"\" class=\"overflow-hidden space-t space-b\"\n    x-intersect:enter=\"$el.classList.add('start-animation')\">\n    <div class=\"container overflow-visible\">\n        <div class=\"grid grid-cols-12 gap-4\n         grid-rows-3  \"\n              style=\"grid-template-rows: auto auto auto;\"              \n            >\n            <!-- Text Spalte -->\n            <div\n                class=\"col-span-12 lg:col-span-6 flex flex-col items-start gap-4 lg:gap-6 order-first lg:order-first\">\n                <div>\n                                    <div class=\"innoga-pretitle is-animated fromRight delay-100\">\n                        <span class=\"\">\n                            Standard elevati                        <\/span>\n                    <\/div>\n                \n                                    <h2 class=\"is-animated fromRight delay-200\">\n                        Ragionare insieme invece di limitarsi a consegnare.                    <\/h2>\n                                <\/div>\n\n                                    <div class=\"text-p1 leading-relaxed is-animated fromRight delay-300\">\n                        Chi risolve sfide complesse non pu\u00f2 accontentarsi degli standard. Ascoltiamo, analizziamo in profondit\u00e0 e realizziamo sistemi che si inseriscono perfettamente nel Suo progetto, sia dal punto di vista tecnologico che economico.                     <\/div>\n                \n                \n            <\/div>\n\n\n            \n\n\n                                    <div class=\"max-md:items-center\n                        md:col-start-3 col-span-6 row-start-2 row-span-2 lg:col-start-3 lg:col-span-6 lg:row-start-2 lg:row-span-2 flex lg:items-center\">\n\n                        <a href=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-084222-07693.webp\"\n                            data-fancybox=\"gallery-6aed117536d5c\"\n                            class=\"outline-none shadow-none \">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"680\" src=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-084222-07693-1020x680.webp\" class=\"w-full h-auto rounded-[2rem] object-cover aspect-[4\/3 is-animated fromBottom delay-300\" alt=\"Mechatroniker bei der Arbeit an einer modernen Automatisierungs-Maschine.\" srcset=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-084222-07693-1020x680.webp 1020w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-084222-07693-300x200.webp 300w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-084222-07693-1024x683.webp 1024w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-084222-07693-768x512.webp 768w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-084222-07693-1536x1024.webp 1536w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-084222-07693.webp 1920w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>                        <\/a>\n\n                    <\/div>\n                \n                                <div class=\"col-span-6 col-start-7 md:col-span-4 row-span-1 md:col-start-9 lg:col-span-4 lg:row-span-2 flex items-end lg:col-start-9\">\n                    \n                        <a href=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-084908-07747.webp\"\n                            data-fancybox=\"gallery-6aed117536d5c\"\n                            class=\"outline-none shadow-none \">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"1021\" height=\"680\" src=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-084908-07747-1021x680.webp\" class=\"w-full h-auto rounded-[2rem] object-cover aspect-[3\/4] is-animated fromBottom delay-400\" alt=\"Ein INNOGA-Mitarbeiter arbeitet in der INNOGA-Werkshalle an einer mechatronischen Komponente, umgeben von Werkzeugen.\" srcset=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-084908-07747-1021x680.webp 1021w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-084908-07747-300x200.webp 300w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-084908-07747-1024x682.webp 1024w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-084908-07747-768x512.webp 768w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-084908-07747-1536x1023.webp 1536w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-084908-07747.webp 1920w\" sizes=\"auto, (max-width: 1021px) 100vw, 1021px\" \/>                        <\/a>\n                    <\/div>\n                                        <div class=\"col-span-5 col-start-7 md:col-span-3 row-start-3 row-span-1 md:col-start-9 lg:col-span-4 lg:row-start-3 lg:row-span-1 lg:col-start-9\">\n                    \n                    \n\n                        <a href=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-090706-07797.webp\"\n                            data-fancybox=\"gallery-6aed117536d5c\"\n                            class=\"outline-none shadow-none \">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"680\" src=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-090706-07797-1020x680.webp\" class=\"w-full h-auto rounded-[2rem] object-cover aspect-square is-animated fromBottom delay-500\" 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-1020x680.webp 1020w, 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.webp 1920w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>                        <\/a>\n\n\n                 \n                <\/div>\n                   \n                    <\/div>\n    <\/div>\n<\/section>\n<section class=\"overflow-hidden space-t space-b\" x-intersect:enter=\"$el.classList.add('start-animation')\"\n    id=\"\" x-data=\"{ swiper: null }\" x-init=\"\n      swiper = new Swiper($refs.swiperContainer, {\n        slidesPerView: 1.25,\n        spaceBetween: 16,\n         pagination: {\n          el: '.swiper-pagination',\n        },\n        navigation: {\n          nextEl: '.custom-next',\n          prevEl: '.custom-prev',\n        },\n        scrollbar: {\n          el: '.swiper-scrollbar',\n          hide: true,\n        },\n        breakpoints: {\n            640: { slidesPerView: 2.25 },\n            1024: { slidesPerView: 3 },\n            1280: { slidesPerView: 4 }\n        }\n    })\">\n\n    <div class=\"container overflow-visible\">\n\n\n        <div class=\"grid grid-cols-12 gap-4 mb-8 lg:mb-12\">\n\n            <div class=\"col-span-12 flex flex-col gap-4 lg:gap-6\">\n                <div>\n                    \n                        <div class=\"innoga-pretitle is-animated fromRight delay-100\">\n                            <span class=\"\">\n                                Le nostre competenze                            <\/span>\n                        <\/div>\n\n                    \n                                            <h2 class=\"is-animated fromRight delay-200\">\n                            Automazione intelligente per la Sua produzione                        <\/h2>\n                                    <\/div>\n\n                                    <p class=\"text-p1 is-animated fromRight delay-300\">\n                        Dalla prima progettazione all&#8217;impianto chiavi in mano: scopra la nostra gamma di servizi.                    <\/p>\n                \n                            <\/div>\n        <\/div>\n\n\n        <div class=\"swiper overflow-visible! is-animated fromBottom delay-400\" x-ref=\"swiperContainer\">\n            <div class=\"swiper-wrapper\">\n                \n<a href=\"https:\/\/www.innoga.it\/it\/servizi\/#prozessautomatisierung\" class=\"swiper-slide group\">\n    <div class=\"aspect-[4\/5] bg-black text-white relative rounded-xl overflow-hidden flex flex-col justify-end px-6 py-8\">\n\n        <!-- Hintergrundbild -->\n        <img loading=\"lazy\" decoding=\"async\" width=\"911\" height=\"680\" src=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/Firefly-bitte-passe-das-bild-an-sodass-es-optimal-fr-die-website-i-911x680.webp\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 ease-out group-hover:scale-110\" alt=\"Moderne Prozessautomatisierung\" srcset=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/Firefly-bitte-passe-das-bild-an-sodass-es-optimal-fr-die-website-i-911x680.webp 911w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/Firefly-bitte-passe-das-bild-an-sodass-es-optimal-fr-die-website-i-1024x765.webp 1024w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/Firefly-bitte-passe-das-bild-an-sodass-es-optimal-fr-die-website-i-1920x1434.webp 1920w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/Firefly-bitte-passe-das-bild-an-sodass-es-optimal-fr-die-website-i-300x224.webp 300w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/Firefly-bitte-passe-das-bild-an-sodass-es-optimal-fr-die-website-i-768x573.webp 768w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/Firefly-bitte-passe-das-bild-an-sodass-es-optimal-fr-die-website-i-1536x1147.webp 1536w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/Firefly-bitte-passe-das-bild-an-sodass-es-optimal-fr-die-website-i-2048x1529.webp 2048w\" sizes=\"auto, (max-width: 911px) 100vw, 911px\" \/>\n        <!-- Dunkler Gradient -->\n        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/90 via-black\/40 to-transparent opacity-70 transition-opacity duration-300 group-hover:opacity-95\">\n        <\/div>\n\n        <!-- Dynamischer Wrapper (Entweder a oder div) -->\n        <div class=\"relative z-10 flex flex-col justify-end block\">\n            \n            <!-- Titel (bleibt immer an Ort und Stelle) -->\n            <h3 class=\"text-p2 hyphens-auto\">\n                Automazione dei processi            <\/h3>\n\n            <!-- Flexibler Wrapper f\u00fcr Subtitle, Text & optionalen Button -->\n            <div class=\"grid grid-rows-[0fr] group-hover:grid-rows-[1fr] transition-all duration-300 ease-out\">\n                <div class=\"overflow-hidden\">\n                    <div class=\"pt-3 flex flex-col gap-4 opacity-0 group-hover:opacity-100 transition-opacity duration-300 delay-75\">\n                        \n                        \n                                                    <div class=\"text-p1 text-sm leading-relaxed\">Robotica moderna e Industria 4.0<\/div>\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n\n                        <\/div>\n\n    <\/div>\n <\/a>\n\n<a href=\"https:\/\/www.innoga.it\/it\/servizi\/#vorrichtungen\" class=\"swiper-slide group\">\n    <div class=\"aspect-[4\/5] bg-black text-white relative rounded-xl overflow-hidden flex flex-col justify-end px-6 py-8\">\n\n        <!-- Hintergrundbild -->\n        <img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"680\" src=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-090043-07777-1020x680.webp\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 ease-out group-hover:scale-110\" alt=\"Pr\u00e4zises Detail einer modernen Anlage.\" srcset=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-090043-07777-1020x680.webp 1020w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-090043-07777-300x200.webp 300w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-090043-07777-1024x683.webp 1024w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-090043-07777-768x512.webp 768w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-090043-07777-1536x1024.webp 1536w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-090043-07777.webp 1920w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\n        <!-- Dunkler Gradient -->\n        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/90 via-black\/40 to-transparent opacity-70 transition-opacity duration-300 group-hover:opacity-95\">\n        <\/div>\n\n        <!-- Dynamischer Wrapper (Entweder a oder div) -->\n        <div class=\"relative z-10 flex flex-col justify-end block\">\n            \n            <!-- Titel (bleibt immer an Ort und Stelle) -->\n            <h3 class=\"text-p2 hyphens-auto\">\n                Dispositivi            <\/h3>\n\n            <!-- Flexibler Wrapper f\u00fcr Subtitle, Text & optionalen Button -->\n            <div class=\"grid grid-rows-[0fr] group-hover:grid-rows-[1fr] transition-all duration-300 ease-out\">\n                <div class=\"overflow-hidden\">\n                    <div class=\"pt-3 flex flex-col gap-4 opacity-0 group-hover:opacity-100 transition-opacity duration-300 delay-75\">\n                        \n                        \n                                                    <div class=\"text-p1 text-sm leading-relaxed\">Strumenti intelligenti a supporto dei processi garantiscono efficienza e qualit\u00e0 nella produzione di piccole serie<\/div>\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n\n                        <\/div>\n\n    <\/div>\n <\/a>\n\n<a href=\"https:\/\/www.innoga.it\/it\/servizi\/#service-wartung\" class=\"swiper-slide group\">\n    <div class=\"aspect-[4\/5] bg-black text-white relative rounded-xl overflow-hidden flex flex-col justify-end px-6 py-8\">\n\n        <!-- Hintergrundbild -->\n        <img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"680\" src=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-081711-07591-1020x680.webp\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 ease-out group-hover:scale-110\" alt=\"Techniker plant und programmiert eine ma\u00dfgeschneiderte Anlage am Laptop.\" srcset=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-081711-07591-1020x680.webp 1020w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-081711-07591-300x200.webp 300w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-081711-07591-1024x683.webp 1024w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-081711-07591-768x512.webp 768w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-081711-07591-1536x1024.webp 1536w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-081711-07591.webp 1920w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\n        <!-- Dunkler Gradient -->\n        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/90 via-black\/40 to-transparent opacity-70 transition-opacity duration-300 group-hover:opacity-95\">\n        <\/div>\n\n        <!-- Dynamischer Wrapper (Entweder a oder div) -->\n        <div class=\"relative z-10 flex flex-col justify-end block\">\n            \n            <!-- Titel (bleibt immer an Ort und Stelle) -->\n            <h3 class=\"text-p2 hyphens-auto\">\n                Assistenza e manutenzione            <\/h3>\n\n            <!-- Flexibler Wrapper f\u00fcr Subtitle, Text & optionalen Button -->\n            <div class=\"grid grid-rows-[0fr] group-hover:grid-rows-[1fr] transition-all duration-300 ease-out\">\n                <div class=\"overflow-hidden\">\n                    <div class=\"pt-3 flex flex-col gap-4 opacity-0 group-hover:opacity-100 transition-opacity duration-300 delay-75\">\n                        \n                        \n                                                    <div class=\"text-p1 text-sm leading-relaxed\">Supporto affidabile durante l&#8217;intero ciclo di vita<\/div>\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n\n                        <\/div>\n\n    <\/div>\n <\/a>\n\n<a href=\"https:\/\/www.innoga.it\/it\/servizi\/#dienstleistungen\" class=\"swiper-slide group\">\n    <div class=\"aspect-[4\/5] bg-black text-white relative rounded-xl overflow-hidden flex flex-col justify-end px-6 py-8\">\n\n        <!-- Hintergrundbild -->\n        <img loading=\"lazy\" decoding=\"async\" width=\"1247\" height=\"680\" src=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/innoga-084419-141125640-1247x680.webp\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 ease-out group-hover:scale-110\" alt=\"Pr\u00e4zise verdrahteter Schaltschrank in einer Mechatronik-Anlage von INNOGA.\" srcset=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/innoga-084419-141125640-1247x680.webp 1247w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/innoga-084419-141125640-300x164.webp 300w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/innoga-084419-141125640-1024x558.webp 1024w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/innoga-084419-141125640-768x419.webp 768w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/innoga-084419-141125640-1536x837.webp 1536w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/innoga-084419-141125640-2048x1117.webp 2048w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/innoga-084419-141125640-1920x1047.webp 1920w\" sizes=\"auto, (max-width: 1247px) 100vw, 1247px\" \/>\n        <!-- Dunkler Gradient -->\n        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/90 via-black\/40 to-transparent opacity-70 transition-opacity duration-300 group-hover:opacity-95\">\n        <\/div>\n\n        <!-- Dynamischer Wrapper (Entweder a oder div) -->\n        <div class=\"relative z-10 flex flex-col justify-end block\">\n            \n            <!-- Titel (bleibt immer an Ort und Stelle) -->\n            <h3 class=\"text-p2 hyphens-auto\">\n                Servizi            <\/h3>\n\n            <!-- Flexibler Wrapper f\u00fcr Subtitle, Text & optionalen Button -->\n            <div class=\"grid grid-rows-[0fr] group-hover:grid-rows-[1fr] transition-all duration-300 ease-out\">\n                <div class=\"overflow-hidden\">\n                    <div class=\"pt-3 flex flex-col gap-4 opacity-0 group-hover:opacity-100 transition-opacity duration-300 delay-75\">\n                        \n                        \n                                                    <div class=\"text-p1 text-sm leading-relaxed\">Analisi dei processi, progettazione, programmazione PLC, costruzione di quadri elettrici e molto altro<\/div>\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n\n                        <\/div>\n\n    <\/div>\n <\/a>\n            <\/div>\n            <div class=\"w-full flex items-center gap-8 mt-8\">\n                <div class=\"flex gap-4\">\n\n\n\n                    <div class=\"custom-prev cursor-pointer static! mt-0!\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-8 h-8 lg:w-12 lg:h-12\" viewBox=\"0 0 24 24\">\n                            <path d=\"M0 0h24v24H0z\" fill=\"none\" \/>\n                            <path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                stroke-width=\"2\" d=\"M20 12H4m0 0l6-6m-6 6l6 6\" \/>\n                        <\/svg>\n\n                    <\/div>\n                    <div class=\"custom-next cursor-pointer static! mt-0!\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-8 h-8 lg:w-12 lg:h-12\" viewBox=\"0 0 24 24\">\n                            <path d=\"M0 0h24v24H0z\" fill=\"none\" \/>\n                            <path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                stroke-width=\"2\" d=\"M4 12h16m0 0l-6-6m6 6l-6 6\" \/>\n                        <\/svg>\n\n                    <\/div>\n                <\/div>\n                <div class=\"swiper-scrollbar static!\"><\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n<section id=\"\" class=\"overflow-hidden space-t space-b\"\n    x-intersect:enter=\"$el.classList.add('start-animation')\">\n    <div class=\"container overflow-visible\">\n        <div class=\"grid grid-cols-12 gap-4\n         grid-rows-3  \"\n              style=\"grid-template-rows: auto auto auto;\"              \n            >\n            <!-- Text Spalte -->\n            <div\n                class=\"col-span-12 lg:col-span-6 flex flex-col items-start gap-4 lg:gap-6 order-first lg:order-first\">\n                <div>\n                                    <div class=\"innoga-pretitle is-animated fromRight delay-100\">\n                        <span class=\"\">\n                            Chi siamo                        <\/span>\n                    <\/div>\n                \n                                    <h2 class=\"is-animated fromRight delay-200\">\n                        Passione per la tecnica, radicata in Val Pusteria                    <\/h2>\n                                <\/div>\n\n                                    <div class=\"text-p1 leading-relaxed is-animated fromRight delay-300\">\n                        Dietro INNOGA a Brunico c\u2019\u00e8 un team affiatato composto da menti innovative e mani artigiane.<br \/>Uniamo un vero know-how interno a una precisione senza compromessi nella costruzione di macchine speciali. Scopra di pi\u00f9 sulla nostra filosofia, sui nostri valori e sulle persone che stanno dietro ai nostri impianti.                     <\/div>\n                \n                                    <a href=\"https:\/\/www.innoga.it\/it\/filosofia\/\" class=\"btn is-animated fromRight delay-400\">\n                        <span>\n                            Per saperne di pi\u00f9 su di noi                        <\/span>\n\n                    <\/a>\n                \n            <\/div>\n\n\n            \n\n\n                                    <div class=\"max-md:items-center\n                        md:col-start-3 col-span-6 row-start-2 row-span-2 lg:col-start-3 lg:col-span-6 lg:row-start-2 lg:row-span-2 flex lg:items-center\">\n\n                        <a href=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-083028-07649.webp\"\n                            data-fancybox=\"gallery-6aed117538aaf\"\n                            class=\"outline-none shadow-none \">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"680\" src=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-083028-07649-1020x680.webp\" class=\"w-full h-auto rounded-[2rem] object-cover aspect-[4\/3 is-animated fromBottom delay-300\" 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-083028-07649-1020x680.webp 1020w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-083028-07649-300x200.webp 300w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-083028-07649-1024x683.webp 1024w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-083028-07649-768x512.webp 768w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-083028-07649-1536x1024.webp 1536w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-083028-07649.webp 1920w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>                        <\/a>\n\n                    <\/div>\n                \n                                <div class=\"col-span-6 col-start-7 md:col-span-4 row-span-1 md:col-start-9 lg:col-span-4 lg:row-span-2 flex items-end lg:col-start-9\">\n                    \n                        <a href=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-080517-07532.webp\"\n                            data-fancybox=\"gallery-6aed117538aaf\"\n                            class=\"outline-none shadow-none \">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"680\" src=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-080517-07532-1020x680.webp\" class=\"w-full h-auto rounded-[2rem] object-cover aspect-[3\/4] is-animated fromBottom delay-400\" alt=\"Mechatroniker bei der Arbeit an einer modernen Automatisierungs-Maschine.\" srcset=\"https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-080517-07532-1020x680.webp 1020w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-080517-07532-300x200.webp 300w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-080517-07532-1024x683.webp 1024w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-080517-07532-768x512.webp 768w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-080517-07532-1536x1024.webp 1536w, https:\/\/www.innoga.it\/wp-content\/uploads\/2026\/09\/web-innoga-080517-07532.webp 1920w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>                        <\/a>\n                    <\/div>\n                    \n                    <\/div>\n    <\/div>\n<\/section><section id=\"\" class=\"space-t space-b\">\n    <div class=\"container\">\n        <div class=\"grid grid-cols-12 gap-4 items-stretch\">\n\n            <div class=\"col-span-12 md:col-span-8 xl:col-span-6\" x-intersect:enter=\"$el.classList.add('start-animation')\">\n                <div\n                    class=\"bg-black negative text-white pl-6 pr-6 pt-6 pb-24 lg:pl-10 lg:py-10 lg:pr-24 rounded-xl h-full bg-signet-statistics flex flex-col justify-between\">\n                                            <div class=\"flex flex-col gap-4 lg:gap-6\">\n                            <div>\n                                                                    <div class=\"innoga-pretitle is-animated fromRight delay-100\">\n                                        <span class=\"\">\n                                            Cosa ci spinge                                        <\/span>\n                                    <\/div>\n                                                                                                    <h3 class=\"is-animated fromRight delay-200\">Valori che fanno la differenza<\/h3>\n                                                            <\/div>\n                                                            <p class=\"text-p1 is-animated fromRight delay-300\">Precisione senza compromessi, competenza specialistica concentrata e vero spirito di squadra: per soluzioni su misura nella costruzione di macchine speciali.<\/p>\n                                                    <\/div>\n                                    <\/div>\n            <\/div>\n\n            <!-- Rechts: 2-Spalten-Grid -->\n            <div class=\"col-span-12 md:col-span-4 xl:col-span-6\" x-intersect:enter=\"$el.classList.add('start-animation')\">\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-1 xl:grid-cols-2 gap-4 h-full\">\n                    \n<div class=\"h-full sm:text-right is-animated fromBottom delay-300 wp-block-custom-statistics-item\">\n    <div class=\"h-full border border-lightgray p-4 lg:p-6 rounded-xl flex flex-col justify-between gap-4 lg:gap-12\">\n\n                    <svg class=\"w-14 h-14 lg:w-22 lg:h-22 sm:ml-auto\">\n                <use xlink:href=\"#icon--inhouse\">\n                <\/use>\n            <\/svg>\n                \n        <div class=\"flex flex-col gap-2 mt-auto\">\n                            <div class=\"text-lg lg:text-4xl font-medium\">100%<\/div>\n                                        <p class=\"text-p1\">Competenza interna dall&#8217;idea iniziale alla messa in funzione<\/p>\n                    <\/div>\n\n    <\/div>\n<\/div>\n\n<div class=\"h-full sm:text-right is-animated fromBottom delay-400 wp-block-custom-statistics-item\">\n    <div class=\"h-full border border-lightgray p-4 lg:p-6 rounded-xl flex flex-col justify-between gap-4 lg:gap-12\">\n\n                    <svg class=\"w-14 h-14 lg:w-22 lg:h-22 sm:ml-auto\">\n                <use xlink:href=\"#icon--focus\">\n                <\/use>\n            <\/svg>\n                \n        <div class=\"flex flex-col gap-2 mt-auto\">\n                            <div class=\"text-lg lg:text-4xl font-medium\">0 compromessi<\/div>\n                                        <p class=\"text-p1\">Massima precisione per settori esigenti<\/p>\n                    <\/div>\n\n    <\/div>\n<\/div>\n\n<div class=\"h-full sm:text-right is-animated fromBottom delay-500 wp-block-custom-statistics-item\">\n    <div class=\"h-full border border-lightgray p-4 lg:p-6 rounded-xl flex flex-col justify-between gap-4 lg:gap-12\">\n\n                    <svg class=\"w-14 h-14 lg:w-22 lg:h-22 sm:ml-auto\">\n                <use xlink:href=\"#icon--team\">\n                <\/use>\n            <\/svg>\n                \n        <div class=\"flex flex-col gap-2 mt-auto\">\n                            <div class=\"text-lg lg:text-4xl font-medium\">1 Team<\/div>\n                                        <p class=\"text-p1\">Uniti siamo forti<br \/>cinque menti, un obiettivo<\/p>\n                    <\/div>\n\n    <\/div>\n<\/div>\n\n<div class=\"h-full sm:text-right is-animated fromBottom delay-600 wp-block-custom-statistics-item\">\n    <div class=\"h-full border border-lightgray p-4 lg:p-6 rounded-xl flex flex-col justify-between gap-4 lg:gap-12\">\n\n                    <svg class=\"w-14 h-14 lg:w-22 lg:h-22 sm:ml-auto\">\n                <use xlink:href=\"#icon--safety\">\n                <\/use>\n            <\/svg>\n                \n        <div class=\"flex flex-col gap-2 mt-auto\">\n                            <div class=\"text-lg lg:text-4xl font-medium\">0 rischi<\/div>\n                                        <p class=\"text-p1\">Concetti di sicurezza conformi alle norme vigenti<\/p>\n                    <\/div>\n\n    <\/div>\n<\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":371,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-320","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.innoga.it\/it\/wp-json\/wp\/v2\/pages\/320","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=320"}],"version-history":[{"count":32,"href":"https:\/\/www.innoga.it\/it\/wp-json\/wp\/v2\/pages\/320\/revisions"}],"predecessor-version":[{"id":521,"href":"https:\/\/www.innoga.it\/it\/wp-json\/wp\/v2\/pages\/320\/revisions\/521"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.innoga.it\/it\/wp-json\/wp\/v2\/media\/371"}],"wp:attachment":[{"href":"https:\/\/www.innoga.it\/it\/wp-json\/wp\/v2\/media?parent=320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}