{"id":494,"date":"2026-01-01T16:21:47","date_gmt":"2026-01-01T13:21:47","guid":{"rendered":"https:\/\/www.trinova.com.tr\/anasayfa\/"},"modified":"2026-02-04T16:51:35","modified_gmt":"2026-02-04T13:51:35","slug":"anasayfa","status":"publish","type":"page","link":"https:\/\/www.trinova.com.tr\/de\/","title":{"rendered":"Anasayfa"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8220;stretch_row&#8220;][vc_column]    <section class=\"relative flex min-h-[600px] lg:min-h-[700px] flex-col justify-end overflow-hidden pb-16 pt-32 px-4 lg:px-40\">\r\n        <div class=\"absolute inset-0 bg-cover bg-center bg-no-repeat z-0\"\r\n            style='background-image: linear-gradient(to bottom, rgba(16, 25, 34, 0.3) 0%, rgba(16, 25, 34, 0.95) 100%), url(\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/modern-kitchen-interior-design-1.jpg\");'>\r\n        <\/div>\r\n        <div class=\"relative z-10 layout-content-container flex flex-col max-w-[1200px] w-full mx-auto\">\r\n            <div class=\"flex flex-col gap-6 text-left animate-fade-in-up\">\r\n                                <span class=\"text-primary font-handwriting text-3xl md:text-4xl lg:text-5xl -mb-4 block transform -rotate-2 origin-bottom-left\">\r\n                    Seit 1959 bis Heute                <\/span>\r\n                                <h1 class=\"text-white text-4xl font-black leading-tight tracking-[-0.033em] md:text-5xl lg:text-6xl max-w-[800px]\">\r\n                    In Industriek\u00fcchen <br \/>\r\n                    <span class=\"text-primary inline-block min-h-[1.2em]\">\r\n                        <span id=\"changing-text-hero_6a72c8784aee8\" class=\"inline-block\">Planung<\/span>\r\n                    <\/span>\r\n                <\/h1>\r\n                <h2 class=\"text-white\/80 text-base font-normal leading-relaxed md:text-lg max-w-[600px]\">\r\n                    Professionelle K\u00fcchenausstattung, schl\u00fcsselfertige Projekte f\u00fcr Hotels und Restaurants sowie 24\/7 After-Sales-Service.                <\/h2>\r\n                <div class=\"flex flex-wrap gap-4 mt-4\">\r\n                                        <a href=\"https:\/\/www.trinova.com.tr\/de\/projekte\/\"\r\n                        class=\"flex cursor-pointer items-center justify-center overflow-hidden rounded-full h-12 px-8 bg-primary hover:bg-[#d63d17] transition-all text-white text-base font-bold leading-normal tracking-[0.015em]\">\r\n                        <span class=\"truncate\">Unsere Projekte Ansehen<\/span>\r\n                    <\/a>\r\n                                        \r\n                                        <a href=\"https:\/\/www.trinova.com.tr\/de\/kontakt\/\"\r\n                        class=\"flex cursor-pointer items-center justify-center overflow-hidden rounded-full h-12 px-8 bg-white\/10 hover:bg-white\/20 backdrop-blur-sm border border-white\/10 transition-all text-white text-base font-bold leading-normal tracking-[0.015em]\">\r\n                        <span class=\"truncate\">Angebot Anfordern<\/span>\r\n                    <\/a>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const words = [\"Planung\",\"Umsetzung\",\"Design\"];\r\n            const textElement = document.getElementById('changing-text-hero_6a72c8784aee8');\r\n            let wordIndex = 0;\r\n            let charIndex = words[0].length;\r\n            let isDeleting = false;\r\n            \r\n            if (!textElement) return;\r\n \r\n            textElement.classList.add('typing-cursor');\r\n \r\n            function type() {\r\n                const currentWord = words[wordIndex];\r\n                let typeSpeed = 100;\r\n \r\n                if (isDeleting) {\r\n                    textElement.textContent = currentWord.substring(0, charIndex - 1);\r\n                    charIndex--;\r\n                    typeSpeed = 50;\r\n                } else {\r\n                    textElement.textContent = currentWord.substring(0, charIndex + 1);\r\n                    charIndex++;\r\n                    typeSpeed = 150;\r\n                }\r\n \r\n                if (!isDeleting && charIndex === currentWord.length) {\r\n                    typeSpeed = 2000;\r\n                    isDeleting = true;\r\n                } else if (isDeleting && charIndex === 0) {\r\n                    isDeleting = false;\r\n                    wordIndex = (wordIndex + 1) % words.length;\r\n                    typeSpeed = 500;\r\n                }\r\n \r\n                setTimeout(type, typeSpeed);\r\n            }\r\n \r\n            isDeleting = true;\r\n            setTimeout(type, 2000);\r\n        });\r\n    <\/script>\r\n    [\/vc_column][\/vc_row][vc_section el_class=&#8220;bg-slate-50 dark:bg-surface-dark\/50&#8243;][vc_row el_class=&#8220;max-w-`{`1200px`}` mx-auto&#8220;][vc_column]    <div class=\"w-full py-8\">\r\n                    <h3 class=\"text-center text-2xl font-bold mb-8 text-slate-900 dark:text-white\">Unsere L\u00f6sungspartner<\/h3>\r\n                \r\n        <div id=\"logo_slider_6a72c8784b247\" class=\"relative overflow-hidden w-full group\">\r\n            <div class=\"logo-track flex items-center transition-transform duration-500 ease-in-out\">\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/Group-53.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/indir.jpeg\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/Group-54.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/Group-55.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/indir11.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/Group-56.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/Group-57.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/Group-58.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/Group-59.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/Group-60.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/Group-61.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/Group-45.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/Group-46.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/Group-47.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/Group-48.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/Group-49.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/Group-50.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/Group-51.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                                    <div class=\"logo-item flex-shrink-0 w-1\/2 md:w-1\/4 lg:w-1\/6 px-4 flex justify-center items-center grayscale hover:grayscale-0 transition-all duration-300 opacity-60 hover:opacity-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/Group-52.png\" alt=\"Client Logo\" class=\"max-h-16 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const container = document.getElementById('logo_slider_6a72c8784b247');\r\n        if(!container) return;\r\n\r\n        const track = container.querySelector('.logo-track');\r\n        const items = track.querySelectorAll('.logo-item');\r\n        if(items.length < 6) return;\r\n\r\n        \/\/ Clone items for infinite loop\r\n        const itemsToClone = items.length; \r\n        for(let i = 0; i < itemsToClone; i++) {\r\n            const clone = items[i].cloneNode(true);\r\n            track.appendChild(clone);\r\n        }\r\n\r\n        let currentIndex = 0;\r\n        let isDragging = false;\r\n        let startPos = 0;\r\n        let currentTranslate = 0;\r\n        let prevTranslate = 0;\r\n        let animationID;\r\n        let slideInterval;\r\n        const autoSlideDelay = 2000; \/\/ Faster speed\r\n\r\n        function getVisibleCount() {\r\n            if(window.innerWidth < 768) return 2;\r\n            if(window.innerWidth < 1024) return 4;\r\n            return 6;\r\n        }\r\n\r\n        function getPositionX(event) {\r\n            return event.type.includes('mouse') ? event.pageX : event.touches[0].clientX;\r\n        }\r\n\r\n        function touchStart(index) {\r\n            return function(event) {\r\n                isDragging = true;\r\n                startPos = getPositionX(event);\r\n                clearInterval(slideInterval);\r\n                animationID = requestAnimationFrame(animation);\r\n                track.style.cursor = 'grabbing';\r\n                track.style.transition = 'none';\r\n            }\r\n        }\r\n\r\n        function touchMove(event) {\r\n            if (isDragging) {\r\n                const currentPosition = getPositionX(event);\r\n                const currentTranslateX = prevTranslate + currentPosition - startPos;\r\n                currentTranslate = currentTranslateX;\r\n            }\r\n        }\r\n\r\n        function touchEnd() {\r\n            isDragging = false;\r\n            cancelAnimationFrame(animationID);\r\n            track.style.cursor = 'grab';\r\n            \r\n            const visibleCount = getVisibleCount();\r\n            const itemWidth = container.offsetWidth \/ visibleCount;\r\n            \r\n            const movedBy = currentTranslate - prevTranslate;\r\n            \r\n            \/\/ Snap to slide\r\n            if (movedBy < -50) currentIndex += 1;\r\n            if (movedBy > 50) currentIndex -= 1;\r\n\r\n            setPositionByIndex();\r\n            startAutoSlide();\r\n        }\r\n\r\n        function animation() {\r\n            setSliderPosition();\r\n            if (isDragging) requestAnimationFrame(animation);\r\n        }\r\n\r\n        function setSliderPosition() {\r\n            track.style.transform = `translateX(${currentTranslate}px)`;\r\n        }\r\n\r\n        function setPositionByIndex() {\r\n            const visibleCount = getVisibleCount();\r\n            const itemWidth = container.offsetWidth \/ visibleCount;\r\n            \r\n            \/\/ Infinite loop logic boundaries\r\n            if (currentIndex >= items.length) {\r\n                currentIndex = 0;\r\n                track.style.transition = 'none';\r\n                currentTranslate = currentIndex * -itemWidth;\r\n                prevTranslate = currentTranslate;\r\n                setSliderPosition();\r\n                \/\/ Force reflow\r\n                void track.offsetWidth;\r\n            } else if (currentIndex < 0) {\r\n                currentIndex = items.length - 1;\r\n                track.style.transition = 'none';\r\n                currentTranslate = currentIndex * -itemWidth;\r\n                prevTranslate = currentTranslate;\r\n                setSliderPosition();\r\n                void track.offsetWidth;\r\n            }\r\n\r\n            \/\/ Animate to new position\r\n            requestAnimationFrame(() => {\r\n                track.style.transition = 'transform 0.3s ease-out';\r\n                currentTranslate = currentIndex * -itemWidth;\r\n                prevTranslate = currentTranslate;\r\n                setSliderPosition();\r\n            });\r\n        }\r\n\r\n        function moveSlide() {\r\n            const visibleCount = getVisibleCount();\r\n            const itemWidth = container.offsetWidth \/ visibleCount;\r\n            \r\n            currentIndex++;\r\n            track.style.transition = 'transform 0.5s ease-in-out';\r\n            currentTranslate = currentIndex * -itemWidth;\r\n            prevTranslate = currentTranslate;\r\n            setSliderPosition();\r\n\r\n            if (currentIndex >= items.length) {\r\n                setTimeout(() => {\r\n                    track.style.transition = 'none';\r\n                    currentIndex = 0;\r\n                    currentTranslate = 0;\r\n                    prevTranslate = 0;\r\n                    setSliderPosition();\r\n                }, 500);\r\n            }\r\n        }\r\n\r\n        function startAutoSlide() {\r\n            clearInterval(slideInterval);\r\n            slideInterval = setInterval(moveSlide, autoSlideDelay);\r\n        }\r\n\r\n        \/\/ Event Listeners\r\n        track.addEventListener('mousedown', touchStart(currentIndex));\r\n        track.addEventListener('touchstart', touchStart(currentIndex));\r\n\r\n        track.addEventListener('mousemove', touchMove);\r\n        track.addEventListener('touchmove', touchMove);\r\n\r\n        track.addEventListener('mouseup', touchEnd);\r\n        track.addEventListener('mouseleave', () => {\r\n            if(isDragging) touchEnd();\r\n        });\r\n        track.addEventListener('touchend', touchEnd);\r\n\r\n        \/\/ Prevent context menu\r\n        track.oncontextmenu = function(event) {\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n            return false;\r\n        }\r\n\r\n        \/\/ Initial start\r\n        startAutoSlide();\r\n        track.style.cursor = 'grab';\r\n\r\n        \/\/ Resize handling\r\n        window.addEventListener('resize', () => {\r\n            setPositionByIndex();\r\n        });\r\n    });\r\n    <\/script>\r\n    [\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8220;px-4 py-16 lg:px-40 bg-white dark:bg-background-dark&#8220;][vc_row content_placement=&#8220;middle&#8220; el_class=&#8220;max-w-`{`1200px`}` mx-auto&#8220;][vc_column width=&#8220;1\/2&#8243;]    <div class=\"flex flex-col gap-6 mb-7 items-start justify-center\">\r\n        <div class=\"flex flex-col gap-1 text-left items-start\">\r\n            <div class=\"flex flex-col gap-2\">\r\n                                <span class=\"text-primary font-bold uppercase tracking-wider text-sm\">Wer Sind Wir?<\/span>\r\n                                \r\n                                <h2 class=\"text-slate-900 dark:text-white text-3xl font-bold leading-tight tracking-tight\">\r\n                    Ihr Professioneller Partner<br \/>\nF\u00fcr K\u00fcchenl\u00f6sungen                <\/h2>\r\n                            <\/div>\r\n                        <p class=\"text-slate-600 dark:text-[#9dabb9] text-base leading-relaxed\">\r\n                Mit \u00fcber 75 Jahren Erfahrung bieten wir professionelle, hygienische und hocheffiziente K\u00fcchenl\u00f6sungen f\u00fcr Hotels, Restaurants, Caf\u00e9s, Krankenh\u00e4user und Industrieanlagen. Wir verstehen Ihre Bed\u00fcrfnisse, entwerfen das passendste Projekt und setzen es um.            <\/p>\r\n                    <\/div>\r\n\r\n            <\/div>\r\n    [\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_row_inner][vc_column_inner width=&#8220;1\/2&#8243;]    <div class=\"flex items-center gap-4 rounded-xl border border-slate-200 dark:border-white\/5 bg-white dark:bg-surface-dark p-4 mb-4 hover:border-primary\/50 transition-colors h-full\">\r\n        <div class=\"flex items-center justify-center size-10 rounded-full bg-primary\/20 text-primary shrink-0\">\r\n            <span class=\"material-symbols-outlined\">group<\/span>\r\n        <\/div>\r\n        <h3 class=\"text-slate-900 dark:text-white font-bold\">Expertenteam<\/h3>\r\n    <\/div>\r\n        <div class=\"flex items-center gap-4 rounded-xl border border-slate-200 dark:border-white\/5 bg-white dark:bg-surface-dark p-4 mb-4 hover:border-primary\/50 transition-colors h-full\">\r\n        <div class=\"flex items-center justify-center size-10 rounded-full bg-primary\/20 text-primary shrink-0\">\r\n            <span class=\"material-symbols-outlined\">support_agent<\/span>\r\n        <\/div>\r\n        <h3 class=\"text-slate-900 dark:text-white font-bold\">Vertrieb &amp; Service<\/h3>\r\n    <\/div>\r\n    [\/vc_column_inner][vc_column_inner width=&#8220;1\/2&#8243;]    <div class=\"flex items-center gap-4 rounded-xl border border-slate-200 dark:border-white\/5 bg-white dark:bg-surface-dark p-4 mb-4 hover:border-primary\/50 transition-colors h-full\">\r\n        <div class=\"flex items-center justify-center size-10 rounded-full bg-primary\/20 text-primary shrink-0\">\r\n            <span class=\"material-symbols-outlined\">key<\/span>\r\n        <\/div>\r\n        <h3 class=\"text-slate-900 dark:text-white font-bold\">Schl\u00fcsselfertig<\/h3>\r\n    <\/div>\r\n        <div class=\"flex items-center gap-4 rounded-xl border border-slate-200 dark:border-white\/5 bg-white dark:bg-surface-dark p-4 mb-4 hover:border-primary\/50 transition-colors h-full\">\r\n        <div class=\"flex items-center justify-center size-10 rounded-full bg-primary\/20 text-primary shrink-0\">\r\n            <span class=\"material-symbols-outlined\">verified_user<\/span>\r\n        <\/div>\r\n        <h3 class=\"text-slate-900 dark:text-white font-bold\">Qualit\u00e4tsausstattung<\/h3>\r\n    <\/div>\r\n    [\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8220;px-4 py-16 lg:px-40 bg-slate-50 dark:bg-surface-dark\/50&#8243;][vc_row el_class=&#8220;max-w-`{`1200px`}` mx-auto&#8220;][vc_column]    <div class=\"flex flex-col gap-6 mb-7 items-start justify-center\">\r\n        <div class=\"flex flex-col gap-1 text-left items-start\">\r\n            <div class=\"flex flex-col gap-2\">\r\n                                \r\n                                <h2 class=\"text-slate-900 dark:text-white text-3xl font-bold leading-tight tracking-tight\">\r\n                    Unsere Leistungen                <\/h2>\r\n                            <\/div>\r\n                        <p class=\"text-slate-600 dark:text-[#9dabb9] text-base leading-relaxed\">\r\n                360\u00b0 L\u00f6sungen f\u00fcr Ihre branchenspezifischen Anforderungen            <\/p>\r\n                    <\/div>\r\n\r\n            <\/div>\r\n    [vc_row_inner][vc_column_inner width=&#8220;1\/4&#8243;]    <div class=\"group relative flex h-[360px] flex-col justify-end overflow-hidden rounded-2xl bg-white dark:bg-surface-dark border border-slate-200 dark:border-white\/5 transition-all hover:border-primary\/50 shadow-lg\">\r\n        <div class=\"absolute inset-0 bg-cover bg-center transition-transform duration-700 group-hover:scale-110\"\r\n            style=\"background-image: url('https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/mutfakplanlama.jpg');\">\r\n        <\/div>\r\n        <div class=\"absolute inset-0 bg-gradient-to-t from-background-dark via-background-dark\/70 to-transparent opacity-95\">\r\n        <\/div>\r\n        <div class=\"relative z-10 p-6 flex flex-col gap-2\">\r\n            <div class=\"mb-2 flex items-center gap-2\">\r\n                <span class=\"material-symbols-outlined text-primary text-3xl\">architecture<\/span>\r\n            <\/div>\r\n            <h3 class=\"text-white text-xl font-bold\">K\u00fcchenplanung<\/h3>\r\n            <p class=\"text-slate-200 dark:text-[#cbd5e1] text-sm leading-relaxed\">Der richtige Start mit Bedarfsanalyse, Fl\u00e4cheneffizienz und Kapazit\u00e4tsberechnung.<\/p>\r\n        <\/div>\r\n        <div class=\"absolute bottom-0 left-0 h-1 w-0 bg-primary transition-all duration-300 group-hover:w-full\">\r\n        <\/div>\r\n    <\/div>\r\n    [\/vc_column_inner][vc_column_inner width=&#8220;1\/4&#8243;]    <div class=\"group relative flex h-[360px] flex-col justify-end overflow-hidden rounded-2xl bg-white dark:bg-surface-dark border border-slate-200 dark:border-white\/5 transition-all hover:border-primary\/50 shadow-lg\">\r\n        <div class=\"absolute inset-0 bg-cover bg-center transition-transform duration-700 group-hover:scale-110\"\r\n            style=\"background-image: url('https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/proje.jpg');\">\r\n        <\/div>\r\n        <div class=\"absolute inset-0 bg-gradient-to-t from-background-dark via-background-dark\/70 to-transparent opacity-95\">\r\n        <\/div>\r\n        <div class=\"relative z-10 p-6 flex flex-col gap-2\">\r\n            <div class=\"mb-2 flex items-center gap-2\">\r\n                <span class=\"material-symbols-outlined text-primary text-3xl\">design_services<\/span>\r\n            <\/div>\r\n            <h3 class=\"text-white text-xl font-bold\">Projekt &amp; Design<\/h3>\r\n            <p class=\"text-slate-200 dark:text-[#cbd5e1] text-sm leading-relaxed\">Perfekte Raumaufteilung durch Arbeitsablaufoptimierung sowie 2D- und 3D-Visualisierung.<\/p>\r\n        <\/div>\r\n        <div class=\"absolute bottom-0 left-0 h-1 w-0 bg-primary transition-all duration-300 group-hover:w-full\">\r\n        <\/div>\r\n    <\/div>\r\n    [\/vc_column_inner][vc_column_inner width=&#8220;1\/4&#8243;]    <div class=\"group relative flex h-[360px] flex-col justify-end overflow-hidden rounded-2xl bg-white dark:bg-surface-dark border border-slate-200 dark:border-white\/5 transition-all hover:border-primary\/50 shadow-lg\">\r\n        <div class=\"absolute inset-0 bg-cover bg-center transition-transform duration-700 group-hover:scale-110\"\r\n            style=\"background-image: url('https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/ekipman.jpg');\">\r\n        <\/div>\r\n        <div class=\"absolute inset-0 bg-gradient-to-t from-background-dark via-background-dark\/70 to-transparent opacity-95\">\r\n        <\/div>\r\n        <div class=\"relative z-10 p-6 flex flex-col gap-2\">\r\n            <div class=\"mb-2 flex items-center gap-2\">\r\n                <span class=\"material-symbols-outlined text-primary text-3xl\">kitchen<\/span>\r\n            <\/div>\r\n            <h3 class=\"text-white text-xl font-bold\">Ger\u00e4teverkauf<\/h3>\r\n            <p class=\"text-slate-200 dark:text-[#cbd5e1] text-sm leading-relaxed\">Lieferung hochwertiger und langlebiger Ger\u00e4te von Weltmarken und lokalen Herstellern.<\/p>\r\n        <\/div>\r\n        <div class=\"absolute bottom-0 left-0 h-1 w-0 bg-primary transition-all duration-300 group-hover:w-full\">\r\n        <\/div>\r\n    <\/div>\r\n    [\/vc_column_inner][vc_column_inner width=&#8220;1\/4&#8243;]    <div class=\"group relative flex h-[360px] flex-col justify-end overflow-hidden rounded-2xl bg-white dark:bg-surface-dark border border-slate-200 dark:border-white\/5 transition-all hover:border-primary\/50 shadow-lg\">\r\n        <div class=\"absolute inset-0 bg-cover bg-center transition-transform duration-700 group-hover:scale-110\"\r\n            style=\"background-image: url('https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/destek.jpg');\">\r\n        <\/div>\r\n        <div class=\"absolute inset-0 bg-gradient-to-t from-background-dark via-background-dark\/70 to-transparent opacity-95\">\r\n        <\/div>\r\n        <div class=\"relative z-10 p-6 flex flex-col gap-2\">\r\n            <div class=\"mb-2 flex items-center gap-2\">\r\n                <span class=\"material-symbols-outlined text-primary text-3xl\">build<\/span>\r\n            <\/div>\r\n            <h3 class=\"text-white text-xl font-bold\">Service &amp; Support<\/h3>\r\n            <p class=\"text-slate-200 dark:text-[#cbd5e1] text-sm leading-relaxed\">Installation, Montage und 24\/7 technischer Wartungs- und Reparaturservice.<\/p>\r\n        <\/div>\r\n        <div class=\"absolute bottom-0 left-0 h-1 w-0 bg-primary transition-all duration-300 group-hover:w-full\">\r\n        <\/div>\r\n    <\/div>\r\n    [\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8220;px-4 py-16 lg:px-40 bg-slate-50 dark:bg-surface-dark\/50&#8243;][\/vc_section][vc_section el_class=&#8220;px-4 py-16 lg:px-40 bg-white dark:bg-background-dark&#8220;][vc_row el_class=&#8220;max-w-`{`1200px`}` mx-auto&#8220;][vc_column]    <div class=\"flex flex-col gap-6 mb-7 items-center justify-center\">\r\n        <div class=\"flex flex-col gap-1 text-center items-center\">\r\n            <div class=\"flex flex-col gap-2\">\r\n                                <span class=\"text-primary font-bold uppercase tracking-wider text-sm\">Wie Arbeiten Wir?<\/span>\r\n                                \r\n                                <h2 class=\"text-slate-900 dark:text-white text-3xl font-bold leading-tight tracking-tight\">\r\n                    Projektablauf                <\/h2>\r\n                            <\/div>\r\n                    <\/div>\r\n\r\n            <\/div>\r\n    [vc_row_inner][vc_column_inner width=&#8220;1\/5&#8243;]    <div class=\"flex lg:flex-col items-center gap-4 lg:gap-6 flex-1 group w-full lg:w-auto\">\r\n        <div class=\"relative flex items-center justify-center\">\r\n            <div class=\"size-12 lg:size-16 rounded-full bg-white dark:bg-surface-dark border-2 border-slate-200 dark:border-white\/20 text-slate-900 dark:text-white flex items-center justify-center font-bold text-xl z-10 group-hover:border-primary transition-colors shadow-sm group-hover:shadow-[0_0_15px_rgba(240,70,27,0.3)]\">\r\n                1            <\/div>\r\n                        <div class=\"hidden lg:block absolute left-1\/2 top-1\/2 w-[calc(100%+9rem)] h-0.5 bg-slate-200 dark:bg-white\/10 -z-0 ml-8\">\r\n            <\/div>\r\n                    <\/div>\r\n        <div class=\"flex flex-col lg:text-center\">\r\n            <h4 class=\"text-slate-900 dark:text-white font-bold text-lg\">Analyse &amp; Bedarfsermittlung<\/h4>\r\n            <p class=\"text-slate-600 dark:text-[#9dabb9] text-md mt-1\">Objektbesichtigung und Bedarfsermittlung<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    [\/vc_column_inner][vc_column_inner width=&#8220;1\/5&#8243;]    <div class=\"flex lg:flex-col items-center gap-4 lg:gap-6 flex-1 group w-full lg:w-auto\">\r\n        <div class=\"relative flex items-center justify-center\">\r\n            <div class=\"size-12 lg:size-16 rounded-full bg-white dark:bg-surface-dark border-2 border-slate-200 dark:border-white\/20 text-slate-900 dark:text-white flex items-center justify-center font-bold text-xl z-10 group-hover:border-primary transition-colors shadow-sm group-hover:shadow-[0_0_15px_rgba(240,70,27,0.3)]\">\r\n                2            <\/div>\r\n                        <div class=\"hidden lg:block absolute left-1\/2 top-1\/2 w-[calc(100%+9rem)] h-0.5 bg-slate-200 dark:bg-white\/10 -z-0 ml-8\">\r\n            <\/div>\r\n                    <\/div>\r\n        <div class=\"flex flex-col lg:text-center\">\r\n            <h4 class=\"text-slate-900 dark:text-white font-bold text-lg\">Planung<\/h4>\r\n            <p class=\"text-slate-600 dark:text-[#9dabb9] text-md mt-1\">Layoutplanung und technische Zeichnungen<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    [\/vc_column_inner][vc_column_inner width=&#8220;1\/5&#8243;]    <div class=\"flex lg:flex-col items-center gap-4 lg:gap-6 flex-1 group w-full lg:w-auto\">\r\n        <div class=\"relative flex items-center justify-center\">\r\n            <div class=\"size-12 lg:size-16 rounded-full bg-white dark:bg-surface-dark border-2 border-slate-200 dark:border-white\/20 text-slate-900 dark:text-white flex items-center justify-center font-bold text-xl z-10 group-hover:border-primary transition-colors shadow-sm group-hover:shadow-[0_0_15px_rgba(240,70,27,0.3)]\">\r\n                3            <\/div>\r\n                        <div class=\"hidden lg:block absolute left-1\/2 top-1\/2 w-[calc(100%+9rem)] h-0.5 bg-slate-200 dark:bg-white\/10 -z-0 ml-8\">\r\n            <\/div>\r\n                    <\/div>\r\n        <div class=\"flex flex-col lg:text-center\">\r\n            <h4 class=\"text-slate-900 dark:text-white font-bold text-lg\">Ausstattung<\/h4>\r\n            <p class=\"text-slate-600 dark:text-[#9dabb9] text-md mt-1\">Richtige Produktauswahl und Beschaffung<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    [\/vc_column_inner][vc_column_inner width=&#8220;1\/5&#8243;]    <div class=\"flex lg:flex-col items-center gap-4 lg:gap-6 flex-1 group w-full lg:w-auto\">\r\n        <div class=\"relative flex items-center justify-center\">\r\n            <div class=\"size-12 lg:size-16 rounded-full bg-white dark:bg-surface-dark border-2 border-slate-200 dark:border-white\/20 text-slate-900 dark:text-white flex items-center justify-center font-bold text-xl z-10 group-hover:border-primary transition-colors shadow-sm group-hover:shadow-[0_0_15px_rgba(240,70,27,0.3)]\">\r\n                4            <\/div>\r\n                        <div class=\"hidden lg:block absolute left-1\/2 top-1\/2 w-[calc(100%+9rem)] h-0.5 bg-slate-200 dark:bg-white\/10 -z-0 ml-8\">\r\n            <\/div>\r\n                    <\/div>\r\n        <div class=\"flex flex-col lg:text-center\">\r\n            <h4 class=\"text-slate-900 dark:text-white font-bold text-lg\">Umsetzung<\/h4>\r\n            <p class=\"text-slate-600 dark:text-[#9dabb9] text-md mt-1\">Montage, Installation und Tests<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    [\/vc_column_inner][vc_column_inner width=&#8220;1\/5&#8243;]    <div class=\"flex lg:flex-col items-center gap-4 lg:gap-6 flex-1 group w-full lg:w-auto\">\r\n        <div class=\"relative flex items-center justify-center\">\r\n            <div class=\"size-12 lg:size-16 rounded-full bg-white dark:bg-surface-dark border-2 border-slate-200 dark:border-white\/20 text-slate-900 dark:text-white flex items-center justify-center font-bold text-xl z-10 group-hover:border-primary transition-colors shadow-sm group-hover:shadow-[0_0_15px_rgba(240,70,27,0.3)]\">\r\n                5            <\/div>\r\n                    <\/div>\r\n        <div class=\"flex flex-col lg:text-center\">\r\n            <h4 class=\"text-slate-900 dark:text-white font-bold text-lg\">\u00dcbergabe<\/h4>\r\n            <p class=\"text-slate-600 dark:text-[#9dabb9] text-md mt-1\">Schulung und Projekt\u00fcbergabe<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    [\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8220;px-4 py-16 lg:px-40 bg-slate-50 dark:bg-surface-dark\/50&#8243;][vc_row el_class=&#8220;max-w-`{`1200px`}` mx-auto&#8220;][vc_column]    <div class=\"flex flex-col gap-6 mb-7 md:flex-row md:justify-between md:items-end\">\r\n        <div class=\"flex flex-col gap-1 text-left items-start\">\r\n            <div class=\"flex flex-col gap-2\">\r\n                                \r\n                                <h2 class=\"text-slate-900 dark:text-white text-3xl font-bold leading-tight tracking-tight\">\r\n                    Unsere Aktuellen Arbeiten                <\/h2>\r\n                            <\/div>\r\n                        <p class=\"text-slate-600 dark:text-[#9dabb9] text-base leading-relaxed\">\r\n                Einige unserer Referenzprojekte            <\/p>\r\n                    <\/div>\r\n\r\n                <div class=\"flex shrink-0\">\r\n            <a href=\"https:\/\/www.trinova.com.tr\/de\/projekte\/\"\r\n                class=\"flex min-w-[120px] cursor-pointer items-center justify-center overflow-hidden rounded-full h-10 px-4 bg-surface-dark border border-white\/10 text-white text-sm font-bold hover:bg-surface-dark\/80 transition-all\">\r\n                Alle Projekte            <\/a>\r\n        <\/div>\r\n            <\/div>\r\n    [vc_row_inner][vc_column_inner width=&#8220;1\/3&#8243;]    <a href=\"https:\/\/www.trinova.com.tr\/projeler\/su-kebap\/\" class=\"block group relative aspect-[4\/3] w-full overflow-hidden rounded-xl bg-surface-dark cursor-pointer\">\r\n        <div class=\"absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110\"\r\n            style='background-image: url(\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/ref1.jpg\");'>\r\n        <\/div>\r\n        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/90 via-black\/40 to-transparent opacity-80 transition-opacity duration-300\">\r\n        <\/div>\r\n        <div class=\"absolute bottom-0 left-0 p-6 translate-y-2 group-hover:translate-y-0 transition-transform duration-300\">\r\n            <span class=\"inline-block px-3 py-1 rounded-full bg-primary\/20 text-primary text-xs font-bold mb-2\">RESTORAN<\/span>\r\n            <h3 class=\"text-white text-xl font-bold\">Su Kebap<\/h3>\r\n            <p class=\"text-white\/70 text-sm mt-1 opacity-0 group-hover:opacity-100 transition-opacity delay-75\">\u0130stanbul, TR<\/p>\r\n        <\/div>\r\n    <\/a>\r\n    [\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;]    <a href=\"https:\/\/www.trinova.com.tr\/projeler\/han-lokantasi\/\" class=\"block group relative aspect-[4\/3] w-full overflow-hidden rounded-xl bg-surface-dark cursor-pointer\">\r\n        <div class=\"absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110\"\r\n            style='background-image: url(\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/ref2.jpg\");'>\r\n        <\/div>\r\n        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/90 via-black\/40 to-transparent opacity-80 transition-opacity duration-300\">\r\n        <\/div>\r\n        <div class=\"absolute bottom-0 left-0 p-6 translate-y-2 group-hover:translate-y-0 transition-transform duration-300\">\r\n            <span class=\"inline-block px-3 py-1 rounded-full bg-primary\/20 text-primary text-xs font-bold mb-2\">RESTORAN<\/span>\r\n            <h3 class=\"text-white text-xl font-bold\">Han Lokantas\u0131<\/h3>\r\n            <p class=\"text-white\/70 text-sm mt-1 opacity-0 group-hover:opacity-100 transition-opacity delay-75\">\u0130stanbul, TR<\/p>\r\n        <\/div>\r\n    <\/a>\r\n    [\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;]    <a href=\"https:\/\/www.trinova.com.tr\/projeler\/damak-street-food\/\" class=\"block group relative aspect-[4\/3] w-full overflow-hidden rounded-xl bg-surface-dark cursor-pointer\">\r\n        <div class=\"absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110\"\r\n            style='background-image: url(\"https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/ref3.jpg\");'>\r\n        <\/div>\r\n        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/90 via-black\/40 to-transparent opacity-80 transition-opacity duration-300\">\r\n        <\/div>\r\n        <div class=\"absolute bottom-0 left-0 p-6 translate-y-2 group-hover:translate-y-0 transition-transform duration-300\">\r\n            <span class=\"inline-block px-3 py-1 rounded-full bg-primary\/20 text-primary text-xs font-bold mb-2\">RESTORAN<\/span>\r\n            <h3 class=\"text-white text-xl font-bold\">Damak Street<\/h3>\r\n            <p class=\"text-white\/70 text-sm mt-1 opacity-0 group-hover:opacity-100 transition-opacity delay-75\">\u0130stanbul, TR<\/p>\r\n        <\/div>\r\n    <\/a>\r\n    [\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8220;px-4 py-16 lg:px-40 bg-white dark:bg-background-dark&#8220;][vc_row el_class=&#8220;max-w-`{`1200px`}` mx-auto&#8220;][vc_column]    <div class=\"flex flex-col gap-6 mb-7 items-center justify-center\">\r\n        <div class=\"flex flex-col gap-1 text-center items-center\">\r\n            <div class=\"flex flex-col gap-2\">\r\n                                \r\n                                <h2 class=\"text-slate-900 dark:text-white text-3xl font-bold leading-tight tracking-tight\">\r\n                    Warum Sollten Sie Uns W\u00e4hlen?                <\/h2>\r\n                            <\/div>\r\n                    <\/div>\r\n\r\n            <\/div>\r\n    [vc_row_inner css=&#8220;.vc_custom_1767277767353{margin-top: 40px !important;margin-bottom: 30px !important;}&#8220;][vc_column_inner width=&#8220;1\/3&#8243;]    <div class=\"flex gap-4\">\r\n        <span class=\"material-symbols-outlined text-primary text-4xl shrink-0\">engineering<\/span>\r\n        <div>\r\n            <h3 class=\"text-slate-900 dark:text-white font-bold text-lg mb-1\">Erfahrenes Team<\/h3>\r\n            <p class=\"text-slate-600 dark:text-[#9dabb9] text-sm\">Fehlerfreies Projektmanagement mit erfahrenen Ingenieuren und Fachpersonal.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    [\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;]    <div class=\"flex gap-4\">\r\n        <span class=\"material-symbols-outlined text-primary text-4xl shrink-0\">sanitizer<\/span>\r\n        <div>\r\n            <h3 class=\"text-slate-900 dark:text-white font-bold text-lg mb-1\">Hygienestandards<\/h3>\r\n            <p class=\"text-slate-600 dark:text-[#9dabb9] text-sm\">Vollst\u00e4ndig konforme Planung nach HACCP- und Lebensmittelsicherheitsrichtlinien.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    [\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;]    <div class=\"flex gap-4\">\r\n        <span class=\"material-symbols-outlined text-primary text-4xl shrink-0\">schedule<\/span>\r\n        <div>\r\n            <h3 class=\"text-slate-900 dark:text-white font-bold text-lg mb-1\">Termingerechte Lieferung<\/h3>\r\n            <p class=\"text-slate-600 dark:text-[#9dabb9] text-sm\">Wir halten den geplanten Zeitplan ein und unterbrechen Ihre Arbeitsabl\u00e4ufe nicht.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    [\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8220;1\/3&#8243;]    <div class=\"flex gap-4\">\r\n        <span class=\"material-symbols-outlined text-primary text-4xl shrink-0\">verified<\/span>\r\n        <div>\r\n            <h3 class=\"text-slate-900 dark:text-white font-bold text-lg mb-1\">Garantierte Produkte<\/h3>\r\n            <p class=\"text-slate-600 dark:text-[#9dabb9] text-sm\">Langlebige, robuste und garantierte K\u00fcchenausstattung.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    [\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;]    <div class=\"flex gap-4\">\r\n        <span class=\"material-symbols-outlined text-primary text-4xl shrink-0\">headset_mic<\/span>\r\n        <div>\r\n            <h3 class=\"text-slate-900 dark:text-white font-bold text-lg mb-1\">Starker Service<\/h3>\r\n            <p class=\"text-slate-600 dark:text-[#9dabb9] text-sm\">Schneller After-Sales-Service und Ersatzteilunterst\u00fctzung.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    [\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][\/vc_section][vc_section full_width=&#8220;stretch_row_content&#8220; el_class=&#8220;px-4 py-16 lg:px-40 bg-white dark:bg-background-dark&#8220;][vc_row full_width=&#8220;stretch_row_content_no_spaces&#8220; el_class=&#8220;max-w-`{`1200px`}` mx-auto&#8220;][vc_column]    <section class=\"w-full flex flex-col lg:flex-row min-h-[600px]\">\r\n        <!-- Left Side: Map -->\r\n        <div class=\"w-full lg:w-1\/2 min-h-[400px] lg:min-h-full relative\">\r\n            <div class=\"absolute inset-0 w-full h-full [&>iframe]:w-full [&>iframe]:h-full [&>iframe]:filter [&>iframe]:grayscale-[0.2]\">\r\n                <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3008.9633698339308!2d28.7979!3d41.0479!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0:0x0!2zNDHCsDAyJzUyLjQiTiAyOMKwNDcnNTIuNCJF!5e0!3m2!1str!2str!4v1635789000000!5m2!1str!2str\" width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right Side: Contact Info -->\r\n        <div class=\"w-full lg:w-1\/2 relative text-white p-12 lg:p-20 flex flex-col justify-center overflow-hidden\">\r\n            <!-- Background Image -->\r\n                        <div class=\"absolute inset-0 z-0 bg-cover bg-center\" \r\n                 style=\"background-image: url('https:\/\/www.trinova.com.tr\/wp-content\/uploads\/2026\/01\/proje.jpg');\">\r\n            <\/div>\r\n                        <!-- Color Overlay -->\r\n            <div class=\"absolute inset-0 z-[1]\" style=\"background-color: rgb(250 67 33 \/ 82%);\"><\/div>\r\n            \r\n            <div class=\"relative z-10 flex flex-col gap-10 max-w-lg\">\r\n                <!-- Title -->\r\n                <div class=\"flex flex-col gap-4\">\r\n                    <h2 class=\"text-4xl lg:text-5xl font-bold text-white\">Kontaktieren Sie Uns<\/h2>\r\n                    <div class=\"h-1.5 w-24 bg-white\/30 rounded-full\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Contact Items -->\r\n                <div class=\"flex flex-col gap-8\">\r\n                    <!-- Address -->\r\n                    <div class=\"flex gap-6 items-start\">\r\n                        <div class=\"shrink-0\">\r\n                            <span class=\"material-symbols-outlined text-5xl\">location_on<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex flex-col gap-1\">\r\n                            <h3 class=\"text-2xl font-bold text-white\">Adresse<\/h3>\r\n                            <p class=\"text-white\/90 text-sm leading-relaxed max-w-[300px]\">\r\n                                Dereboyu Str., Burcu Str. Nr.10 34303 K\u00fc\u00e7\u00fck\u00e7ekmece                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Phone -->\r\n                    <div class=\"flex gap-6 items-start\">\r\n                        <div class=\"shrink-0\">\r\n                            <span class=\"material-symbols-outlined text-5xl\">smartphone<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex flex-col gap-1\">\r\n                            <h3 class=\"text-2xl font-bold text-white\">Telefon<\/h3>\r\n                            <p class=\"text-white\/90 text-lg font-medium\">\r\n                                (+90) 212 472 59 63                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Email -->\r\n                    <div class=\"flex gap-6 items-start\">\r\n                        <div class=\"shrink-0\">\r\n                            <span class=\"material-symbols-outlined text-5xl\">send<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex flex-col gap-1\">\r\n                            <h3 class=\"text-2xl font-bold text-white\">E-Mail<\/h3>\r\n                            <p class=\"text-white\/90 text-lg font-medium\">\r\n                                info@trinova.com.tr                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Social Icons -->\r\n                <div class=\"flex gap-4 mt-4\">\r\n                                        <a href=\"#\" class=\"flex items-center justify-center size-10 rounded-full bg-black text-white hover:bg-white hover:text-black transition-colors\" target=\"_blank\">\r\n                        <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                    <\/a>\r\n                                        \r\n                                        <a href=\"#\" class=\"flex items-center justify-center size-10 rounded-full bg-black text-white hover:bg-white hover:text-black transition-colors\" target=\"_blank\">\r\n                        <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\r\n                    <\/a>\r\n                    \r\n                                        <a href=\"#\" class=\"flex items-center justify-center size-10 rounded-full bg-black text-white hover:bg-white hover:text-black transition-colors\" target=\"_blank\">\r\n                        <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n                    <\/a>\r\n                                        \r\n                                        <a href=\"#\" class=\"flex items-center justify-center size-10 rounded-full bg-black text-white hover:bg-white hover:text-black transition-colors\" target=\"_blank\">\r\n                        <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n                    <\/a>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    [\/vc_column][\/vc_row][\/vc_section]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8220;stretch_row&#8220;][vc_column][\/vc_column][\/vc_row][vc_section el_class=&#8220;bg-slate-50 dark:bg-surface-dark\/50&#8243;][vc_row el_class=&#8220;max-w-`{`1200px`}` mx-auto&#8220;][vc_column][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8220;px-4 py-16 lg:px-40 bg-white dark:bg-background-dark&#8220;][vc_row content_placement=&#8220;middle&#8220; el_class=&#8220;max-w-`{`1200px`}` mx-auto&#8220;][vc_column width=&#8220;1\/2&#8243;][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_row_inner][vc_column_inner width=&#8220;1\/2&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;1\/2&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8220;px-4 py-16 lg:px-40 bg-slate-50 dark:bg-surface-dark\/50&#8243;][vc_row el_class=&#8220;max-w-`{`1200px`}` mx-auto&#8220;][vc_column][vc_row_inner][vc_column_inner width=&#8220;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;1\/4&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8220;px-4 py-16 lg:px-40 bg-slate-50 dark:bg-surface-dark\/50&#8243;][\/vc_section][vc_section el_class=&#8220;px-4 py-16 lg:px-40 bg-white dark:bg-background-dark&#8220;][vc_row el_class=&#8220;max-w-`{`1200px`}` mx-auto&#8220;][vc_column][vc_row_inner][vc_column_inner width=&#8220;1\/5&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;1\/5&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;1\/5&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;1\/5&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;1\/5&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8220;px-4 py-16 lg:px-40 bg-slate-50 dark:bg-surface-dark\/50&#8243;][vc_row el_class=&#8220;max-w-`{`1200px`}` mx-auto&#8220;][vc_column][vc_row_inner][vc_column_inner width=&#8220;1\/3&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8220;px-4 py-16 lg:px-40 bg-white dark:bg-background-dark&#8220;][vc_row el_class=&#8220;max-w-`{`1200px`}` mx-auto&#8220;][vc_column][vc_row_inner css=&#8220;.vc_custom_1767277767353{margin-top: 40px !important;margin-bottom: 30px !important;}&#8220;][vc_column_inner width=&#8220;1\/3&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8220;1\/3&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][\/vc_section][vc_section full_width=&#8220;stretch_row_content&#8220; el_class=&#8220;px-4 py-16 lg:px-40 bg-white dark:bg-background-dark&#8220;][vc_row full_width=&#8220;stretch_row_content_no_spaces&#8220; el_class=&#8220;max-w-`{`1200px`}` mx-auto&#8220;][vc_column][\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"home.php","meta":{"footnotes":""},"class_list":["post-494","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.trinova.com.tr\/de\/wp-json\/wp\/v2\/pages\/494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.trinova.com.tr\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.trinova.com.tr\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.trinova.com.tr\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.trinova.com.tr\/de\/wp-json\/wp\/v2\/comments?post=494"}],"version-history":[{"count":5,"href":"https:\/\/www.trinova.com.tr\/de\/wp-json\/wp\/v2\/pages\/494\/revisions"}],"predecessor-version":[{"id":817,"href":"https:\/\/www.trinova.com.tr\/de\/wp-json\/wp\/v2\/pages\/494\/revisions\/817"}],"wp:attachment":[{"href":"https:\/\/www.trinova.com.tr\/de\/wp-json\/wp\/v2\/media?parent=494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}