▷ Rozwiązania automatyzacji procesu wtrysku

<!DOCTYPE html> <html lang="pl-PL" class="antialiased scroll-smooth"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="author" content="Engel — www.engelglobal.com" /> <meta name="format-detection" content="telephone=no" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta name="generator" content="storyblok" /> <meta name="cms" content="https://www.storyblok.com" /> <link rel="canonical" href="https://www.engelglobal.com/pl/pl/produkty/automatyzacja-procesu-wtrysku" /> <link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon.png?v=2"> <link rel="icon" type="image/png" sizes="32x32" href="/images/favicons/favicon-32x32.png?v=2"> <link rel="icon" type="image/png" sizes="16x16" href="/images/favicons/favicon-16x16.png?v=2"> <link rel="manifest" href="/images/favicons/site.webmanifest?v=2" crossorigin="use-credentials"> <link rel="mask-icon" href="/images/favicons/safari-pinned-tab.svg?v=2" color="#78b03d"> <link rel="shortcut icon" href="/images/favicons/favicon.ico?v=2"> <meta name="msapplication-TileColor" content="#78b03d"> <meta name="msapplication-config" content="/images/favicons/browserconfig.xml?v=2"> <meta name="theme-color" content="#ffffff"> <meta name="category" content="pl-pl"> <style> </style> <link rel="stylesheet" href="/styles/main.css?version=152185" media="all" /> <title>▷ Rozwiązania automatyzacji procesu wtrysku - ENGEL</title> <meta name="description" content="Automatyzacja procesu wtrysku ✓ Roboty ✓ Technologia przenośników taśmowych✓ Gotowość do pracy ✓ Centralne sterowanie ✓ Stabilne procesy ➠ Dowiedz się więcej!" /> <meta name="navigation_title" content="Automatyzacja" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="ENGEL" /> <meta property="og:title" content="▷ Rozwiązania automatyzacji procesu wtrysku - ENGEL" /> <meta property="og:image" content="https://a.storyblok.com/f/136567/1200x630/f9af80e17d/produkte-automation-spritzguss-meta.jpg/m/1200x0" /> <meta property="og:description" content="Automatyzacja procesu wtrysku ✓ Roboty ✓ Technologia przenośników taśmowych✓ Gotowość do pracy ✓ Centralne sterowanie ✓ Stabilne procesy ➠ Dowiedz się więcej!" /> <meta name="twitter:card" content="Automatyzacja procesu wtrysku ✓ Roboty ✓ Technologia przenośników taśmowych✓ Gotowość do pracy ✓ Centralne sterowanie ✓ Stabilne procesy ➠ Dowiedz się więcej!" /> <meta name="twitter:title" content="▷ Rozwiązania automatyzacji procesu wtrysku - ENGEL" /> <meta name="twitter:description" content="Automatyzacja procesu wtrysku ✓ Roboty ✓ Technologia przenośników taśmowych✓ Gotowość do pracy ✓ Centralne sterowanie ✓ Stabilne procesy ➠ Dowiedz się więcej!" /> <meta name="twitter:image" content="https:https://a.storyblok.com/f/136567/1200x630/f9af80e17d/produkte-automation-spritzguss-meta.jpg/m/1200x0" /> <meta property="algolia:image" content="https://a.storyblok.com/f/136567/1200x630/f9af80e17d/produkte-automation-spritzguss-meta.jpg/m/1200x0" /> <link rel="alternate" href="https://www.engelglobal.com/es/productos/automatizacion-del-moldeo-por-inyeccion" hreflang="es"> <link rel="alternate" href="https://www.engelglobal.com/es/mx/productos/automatizacion-del-moldeo-por-inyeccion" hreflang="es-MX"> <link rel="alternate" href="https://www.engelglobal.com/en/ca/products/injection-molding-automation" hreflang="en-CA"> <link rel="alternate" href="https://www.engelglobal.com/en/us/products/injection-molding-automation" hreflang="en-US"> <link rel="alternate" href="https://www.engelglobal.com/ru/ru/products/injection-moulding-automation" hreflang="ru-RU"> <link rel="alternate" href="https://www.engelglobal.com/de/produkte/spritzguss-automation" hreflang="de"> <link rel="alternate" href="https://www.engelglobal.com/de/at/produkte/spritzguss-automation" hreflang="de-AT"> <link rel="alternate" href="https://www.engelglobal.com/de/ch/produkte/spritzguss-automation" hreflang="de-CH"> <link rel="alternate" href="https://www.engelglobal.com/de/de/produkte/spritzguss-automation" hreflang="de-DE"> <link rel="alternate" href="https://www.engelglobal.com/zh/cn/products/injection-moulding-automation" hreflang="zh-CN"> <link rel="alternate" href="https://www.engelglobal.com/cs/cz/produkty/automatizace-vstrikovani" hreflang="cs-CZ"> <link rel="alternate" href="https://www.engelglobal.com/fr/produits/automatisation-du-moulage-par-injection" hreflang="fr"> <link rel="alternate" href="https://www.engelglobal.com/fr/fr/produits/automatisation-du-moulage-par-injection" hreflang="fr-FR"> <link rel="alternate" href="https://www.engelglobal.com/it/it/prodotti/automazione-dello-stampaggio-a-iniezione" hreflang="it-IT"> <link rel="alternate" href="https://www.engelglobal.com/en/products/injection-moulding-automation" hreflang="en"> <link rel="alternate" href="https://www.engelglobal.com/en/gb/products/injection-moulding-automation" hreflang="en-GB"> <link rel="alternate" href="https://www.engelglobal.com/pl/pl/produkty/automatyzacja-procesu-wtrysku" hreflang="pl-PL"> </head> <body class="font-sans text-base text-black bg-white">   <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M4LVL5V" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M4LVL5V" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <script type="text/javascript"> let isChina = false; </script> <script type="text/javascript"> const fontcachename = 'engel-fontsDatabase'; </script> <script type="text/javascript"> /* FONT indexedDB add styles */ function addStyles(s) { const headElement = document.head; const styleElement = headElement.querySelector('style'); if (styleElement) { // Do something with the <style> element styleElement.innerHTML += s; } else { const styleTag = document.createElement("style"); styleTag.innerHTML = s; headElement.appendChild(styleTag); } } </script> <div data-vue="Navigation"> <nav ref="navigation" id="main-navigation" class="fixed top-0 z-50 w-full overflow-hidden bg-white navigation shadow-navigation" :class="{ 'navigation--collapsed': isCollapsed, 'bottom-0 overflow-scroll': isMobileNavigationExpanded && !isServiceContactOpen, 'overflow-visible': visibleSubNav !== '', }" v-cloak > <div class="container justify-between hidden lg:flex" id="main-navigation-header"> <div class="flex"> <button @click="openLanguageSwitch()" class="flex items-center w-full py-3 text-gray-700 lg:py-6 lg:w-auto" id="language-switch-btn" > <span class="pl-2 text-sm font-normal leading-none text-left lg:text-xs lg:font-medium lg:pl-0 grow lg:grow-0"> Poland (PL) </span> <span class="mr-2 lg:mr-0 ml-0.5 text-gray-700 hover:black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </button> <button @click="openSearch()" class="flex items-center py-4 ml-3"> <span class="text-gray-700 hover:text-black"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M13.75 6.5c1.935 0 3.757.755 5.126 2.124A7.203 7.203 0 0121 13.75a7.199 7.199 0 01-1.408 4.295l-.188.244-.098.115 5.044 5.504a.95.95 0 01.095 1.163l-.07.094-.083.086a.948.948 0 01-1.246.033l-.097-.092-5.044-5.502-.118.084a7.182 7.182 0 01-3.418 1.2l-.308.02-.311.006a7.209 7.209 0 01-5.126-2.124A7.203 7.203 0 016.5 13.75c0-1.935.755-3.757 2.124-5.126A7.203 7.203 0 0113.75 6.5zm0 1.9c-2.95 0-5.35 2.4-5.35 5.35 0 2.95 2.4 5.35 5.35 5.35 2.949 0 5.35-2.4 5.35-5.35 0-2.95-2.401-5.35-5.35-5.35z"/></svg></span> <span class="text-xs font-medium text-gray-700">Wyszukaj</span> </button> </div> <div> <ul class="flex h-full"> <li class="flex h-full"> <a class=" tw-link-small text-sm font-normal py-2 lg:font-medium lg:px-3 lg:text-xs lg:py-0 w-full lg:w-auto " href="/pl/pl/firma/kariera" data-prevent-inner-obfuscation> <span class="mr-1"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" fill-rule="evenodd" stroke="currentColor" stroke-width=".2" d="M19.5 18c1.88 0 3.492.26 4.794.772 1.077.425 1.947 1.023 2.584 1.776C27.988 21.861 28 23.194 28 23.25c0 .965-.817 1.75-1.821 1.75H12.82c-1.003 0-1.82-.785-1.82-1.75v-.04c.01-.238.106-1.458 1.122-2.662.637-.753 1.507-1.35 2.584-1.776C16.006 18.26 17.62 18 19.5 18zm-9.667 1c.209 0 .415.006.615.017.321.018.568.3.551.63a.589.589 0 01-.613.568 10.32 10.32 0 00-.552-.014c-4.542 0-4.662 2.854-4.665 3.003a.592.592 0 00.583.596H9.25c.322 0 .583.269.583.6 0 .331-.261.6-.583.6l-.002-.001h-3.5c-.964 0-1.749-.808-1.749-1.8 0-.044.01-1.112.773-2.16.441-.605 1.043-1.084 1.788-1.425.891-.408 1.992-.614 3.272-.614zm9.667.167c-2.997 0-5.206.714-6.388 2.063-.859.98-.896 1.982-.898 2.023.002.321.274.58.607.58H26.18c.334 0 .606-.26.607-.58-.002-.04-.04-1.044-.898-2.023-1.182-1.35-3.391-2.063-6.388-2.063zM9.5 11c1.93 0 3.5 1.57 3.5 3.5S11.43 18 9.5 18 6 16.43 6 14.5 7.57 11 9.5 11zM20 7c2.758 0 5 2.242 5 5s-2.242 5-5 5-5-2.242-5-5 2.242-5 5-5zM9.5 12.167A2.336 2.336 0 007.167 14.5 2.336 2.336 0 009.5 16.833a2.336 2.336 0 002.333-2.333A2.336 2.336 0 009.5 12.167zM20 8.25A3.755 3.755 0 0016.25 12 3.755 3.755 0 0020 15.75 3.755 3.755 0 0023.75 12 3.755 3.755 0 0020 8.25z"/></svg></span> <span class="mt-px leading-tight">Kariera</span> </a> </li> <li class="flex h-full"> <a class=" tw-link-small text-sm font-normal py-2 lg:font-medium lg:px-3 lg:text-xs lg:py-0 w-full lg:w-auto " href="/pl/pl/rozwiazania-cyfrowe/e-connect-portal" data-prevent-inner-obfuscation> <span class="mr-1"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M24.363 7c.643 0 1.194.23 1.651.69.457.46.686 1.015.686 1.662v13.296c0 .647-.229 1.201-.686 1.662-.457.46-1.008.69-1.651.69H10.137c-.643 0-1.194-.23-1.651-.69a2.273 2.273 0 01-.686-1.662c0-.478.237-.716.711-.716s.712.238.712.716c0 .272.084.494.254.665.169.17.39.255.66.255h14.226a.89.89 0 00.66-.256c.17-.17.254-.392.254-.664V9.352c0-.272-.084-.494-.254-.664a.89.89 0 00-.66-.256H10.137a.89.89 0 00-.66.256c-.17.17-.254.392-.254.664 0 .478-.238.716-.712.716S7.8 9.83 7.8 9.352c0-.647.229-1.201.686-1.662A2.244 2.244 0 0110.137 7h14.226zm-9.49 13.13l3.245-3.389H6.71c-.473 0-.71-.247-.71-.741s.237-.741.71-.741h11.358l-3.296-3.388c-.338-.353-.338-.706 0-1.06a.673.673 0 01.507-.211.67.67 0 01.507.212l4.26 4.447c.236.247.354.512.354.794 0 .282-.118.547-.355.794l-4.158 4.341a.673.673 0 01-.507.212c-.135 0-.304-.07-.507-.212-.304-.388-.304-.74 0-1.059z"/></svg></span> <span class="mt-px leading-tight">Portal klienta</span> </a> </li> <li class="flex items-center ml-3 js-meta-sales-button" @click="toggleContactOverlay(true)" @keydown.esc="toggleContactOverlay(false)" > <button id="service-contact" class=" tw-button tw-button-contact w-full lg:w-auto " data-prevent-inner-obfuscation> <span class="mr-2 -ml-1 -mt-px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width=".3"><path d="M7.014 6.653a.4.4 0 01.15.784c-2.829.537-4.866 2.73-4.866 5.266 0 1.652.863 3.184 2.325 4.205a.4.4 0 01.17.363c-.064.702-.205 1.42-.382 2.017l-.016.053.056-.025a10.12 10.12 0 002.155-1.277l.048-.037a.4.4 0 01.331-.076c.505.11 1.004.167 1.502.167a6.903 6.903 0 002.838-.6.4.4 0 01.328.729 7.701 7.701 0 01-4.644.524l-.01-.002-.003.002a10.838 10.838 0 01-3.106 1.64l-.062.02a.4.4 0 01-.485-.55l.005-.01c.255-.5.507-1.43.62-2.37l.006-.053-.005-.003C2.436 16.267 1.52 14.584 1.5 12.76v-.058c0-2.94 2.327-5.445 5.514-6.05z"/><path d="M15.513 4c-3.848 0-6.986 2.758-6.986 6.188 0 3.43 3.138 6.188 6.986 6.188h.065a7.812 7.812 0 001.657-.192l.055-.013.042.032a10.815 10.815 0 003.202 1.688.4.4 0 00.48-.561l-.01-.02c-.276-.554-.54-1.59-.634-2.606l-.006-.07.008-.007c1.347-1.155 2.128-2.74 2.128-4.439C22.5 6.758 19.361 4 15.513 4zm0 .798c3.429 0 6.189 2.426 6.189 5.39 0 1.52-.732 2.94-2.001 3.959a.4.4 0 00-.149.336l.003.041c.052.788.205 1.606.404 2.271l.009.03-.05-.021a10.116 10.116 0 01-2.285-1.379.4.4 0 00-.35-.074c-.577.15-1.17.227-1.77.227-3.428 0-6.188-2.425-6.188-5.39 0-2.964 2.76-5.39 6.188-5.39z"/></g></svg></span> <span class="mt-px leading-tight">Kontakt Sprzedaź & Serwis</span> </button> </li> </ul> </div> </div> <div class="border-t border-gray-100"> <div class="container flex items-center justify-between lg:items-stretch"> <a class="py-4 navigation__logo lg:py-6 z-10" href="/pl/pl/home"> <svg width="128" height="31" viewBox="0 0 128 31" xmlns="http://www.w3.org/2000/svg"><path d="M78.181 20.923c-2.217 5.794-7.829 9.907-14.402 9.907-6.573 0-12.185-4.113-14.403-9.907v8.894h-6.172L30.86 12.329v17.488H0V1.013h21.602v6.172H6.172v5.144h15.43V18.5H6.173v5.145h18.516V1.013h6.172l12.344 17.488V1.013h6.171v8.894C51.594 4.113 57.206 0 63.779 0c4.259 0 8.114 1.727 10.904 4.519l-4.362 4.338a9.233 9.233 0 00-6.542-2.705 9.264 9.264 0 100 18.526 9.268 9.268 0 008.737-6.177h-8.734v-6.172h14.399V1.013h21.603v6.172H84.353v5.144h15.43V18.5H84.354v5.145h18.516V1.013h6.172v22.632h18.506l.011 6.172H78.181v-8.894z" fill="currentColor" fill-rule="evenodd"/></svg> </a> <div class="absolute left-0 right-0 flex flex-col main-navigation top-12 lg:inset-auto lg:static lg:block"> <ul class="lg:flex lg:h-full" @mouseleave="mouseLeaveMainNav" @mouseenter="mouseEnterMainNav" > <li class="px-5 mt-4 mb-3 appear-triggered appear-fade-in lg:hidden" :class="{ 'inview': isMobileNavigationExpanded }" @click="toggleContactOverlay(true)" > <button id="service-contact" class=" tw-button tw-button-contact w-full lg:w-auto " data-prevent-inner-obfuscation> <span class="mr-2 -ml-1 -mt-px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width=".3"><path d="M7.014 6.653a.4.4 0 01.15.784c-2.829.537-4.866 2.73-4.866 5.266 0 1.652.863 3.184 2.325 4.205a.4.4 0 01.17.363c-.064.702-.205 1.42-.382 2.017l-.016.053.056-.025a10.12 10.12 0 002.155-1.277l.048-.037a.4.4 0 01.331-.076c.505.11 1.004.167 1.502.167a6.903 6.903 0 002.838-.6.4.4 0 01.328.729 7.701 7.701 0 01-4.644.524l-.01-.002-.003.002a10.838 10.838 0 01-3.106 1.64l-.062.02a.4.4 0 01-.485-.55l.005-.01c.255-.5.507-1.43.62-2.37l.006-.053-.005-.003C2.436 16.267 1.52 14.584 1.5 12.76v-.058c0-2.94 2.327-5.445 5.514-6.05z"/><path d="M15.513 4c-3.848 0-6.986 2.758-6.986 6.188 0 3.43 3.138 6.188 6.986 6.188h.065a7.812 7.812 0 001.657-.192l.055-.013.042.032a10.815 10.815 0 003.202 1.688.4.4 0 00.48-.561l-.01-.02c-.276-.554-.54-1.59-.634-2.606l-.006-.07.008-.007c1.347-1.155 2.128-2.74 2.128-4.439C22.5 6.758 19.361 4 15.513 4zm0 .798c3.429 0 6.189 2.426 6.189 5.39 0 1.52-.732 2.94-2.001 3.959a.4.4 0 00-.149.336l.003.041c.052.788.205 1.606.404 2.271l.009.03-.05-.021a10.116 10.116 0 01-2.285-1.379.4.4 0 00-.35-.074c-.577.15-1.17.227-1.77.227-3.428 0-6.188-2.425-6.188-5.39 0-2.964 2.76-5.39 6.188-5.39z"/></g></svg></span> <span class="mt-px leading-tight">Kontakt Sprzedaź & Serwis</span> </button> </li> <li class="relative block lg:h-full lg:static"> <a class="hover:cursor-pointer hover:text-black lg:hover:main-navigation-item__link--active flex items-center h-full px-5 lg:px-3 xl:px-4 py-3 lg:py-0 overflow-hidden font-medium text-gray-700 main-navigation-item__link appear-triggered appear-fade " href="#" @mouseover="showSubNav('Branze')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Branze')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Branze'), 'inview': !isCollapsed || isMobileNavigationExpanded }" > <div class="relative main-navigation-item__text text-lg lg:text-navi lg:text-center flex h-full items-center lg:px-1 xl:px-2 pb-0.5 whitespace-nowrap"> Branże </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Branze'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Branze')" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></button> <div class="main-navigation-item"> <Transition name="navi"> <div class="overflow-hidden lg:absolute lg:inset-x-0 lg:bg-gray-50 lg:shadow-navigation" :class="isSubNavVisible('Branze') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Branze')" @mouseover="mouseOverSubNav" @mouseleave="mouseLeaveSubNav"> <div class="container pb-6 lg:py-8"> <ul class="grid grid-cols-1 lg:grid-cols-5 lg:gap-5"> <li class="block h-full"> <a class="group" href="/pl/pl/branze/wtrysk-tworzyw-sztucznych-automotive" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/495da1598b/branchen-spritzguss-automotive.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/495da1598b/branchen-spritzguss-automotive.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Motoryzacja & Mobilność" > </picture> </div> </div> <div class="pt-2 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Motoryzacja & Mobilność </div> </a> </li> <li class="block h-full"> <a class="group" href="/pl/pl/branze/opakowania-z-tworzyw-sztucznych-wtrysk" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/12ff96372a/branchen-kunststoffverpackung.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/12ff96372a/branchen-kunststoffverpackung.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Opakowania" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Opakowania </div> </a> </li> <li class="block h-full"> <a class="group" href="/pl/pl/branze/proces-wytryskowy-elektronika" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/52ed231eeb/branchen-spritzgussteile-elektronik.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/52ed231eeb/branchen-spritzgussteile-elektronik.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Elektronika" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Elektronika </div> </a> </li> <li class="block h-full"> <a class="group" href="/pl/pl/branze/produkty-technologii-medycznej" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/e47000f9b7/branchen-medizintechnik-produkte.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/e47000f9b7/branchen-medizintechnik-produkte.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Technologia medyczna" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Technologia medyczna </div> </a> </li> <li class="block h-full"> <a class="group" href="/pl/pl/branze/wtrysk-techniczny" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/3a951a9ea2/branchen-technischer-spritzguss.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/3a951a9ea2/branchen-technischer-spritzguss.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Wtrysk techniczny" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Wtrysk techniczny </div> </a> </li> </ul> </div> </div> </Transition> </div> </li> <li class="relative block lg:h-full lg:static"> <a class="hover:cursor-pointer hover:text-black lg:hover:main-navigation-item__link--active flex items-center h-full px-5 lg:px-3 xl:px-4 py-3 lg:py-0 overflow-hidden font-medium text-gray-700 main-navigation-item__link appear-triggered appear-fade main-navigation-item__link--active" href="#" @mouseover="showSubNav('Produkty')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Produkty')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Produkty'), 'inview': !isCollapsed || isMobileNavigationExpanded }" > <div class="relative main-navigation-item__text text-lg lg:text-navi lg:text-center flex h-full items-center lg:px-1 xl:px-2 pb-0.5 whitespace-nowrap"> Produkty </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Produkty'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Produkty')" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></button> <div class="main-navigation-item"> <Transition name="navi"> <div class="overflow-hidden lg:absolute lg:inset-x-0 lg:bg-gray-50 lg:shadow-navigation" :class="isSubNavVisible('Produkty') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Produkty')" @mouseover="mouseOverSubNav" @mouseleave="mouseLeaveSubNav"> <div class="container pb-6 lg:py-8"> <ul class="grid grid-cols-1 lg:grid-cols-5 lg:gap-5"> <li></li> <li></li> <li class="block h-full"> <a class="group" href="/pl/pl/produkty/wtryskarki" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/0f1187eba4/produkte-spritzgiessmaschinen.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/0f1187eba4/produkte-spritzgiessmaschinen.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Wtryskarki" > </picture> </div> </div> <div class="pt-2 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Wtryskarki </div> </a> <ul> <li class="block h-full"> <a class="inline-flex pt-4 pb-1 pl-5 text-sm text-gray-600 transition-colors lg:pt-2 lg:pl-0 lg:pb-0 font-regular lg:font-medium hover:text-black" href="/pl/pl/produkty/kup-wtryskarke-magazynowa" > Maszyny magazynowe </a> </li> <li class="block h-full"> <a class="inline-flex pt-4 pb-1 pl-5 text-sm text-gray-600 transition-colors lg:pt-2 lg:pl-0 lg:pb-0 font-regular lg:font-medium hover:text-black" href="/pl/pl/produkty/uzywane-wtryskarki" > Maszyny używane </a> </li> </ul> </li> <li class="block h-full"> <a class="group" href="/pl/pl/produkty/automatyzacja-procesu-wtrysku" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/3bf2bf71f5/produkte-automation-spritzguss.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/3bf2bf71f5/produkte-automation-spritzguss.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Automatyzacja" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Automatyzacja </div> </a> </li> <li class="block h-full"> <a class="group" href="/pl/pl/produkty/procesy-formowania-wtryskowego" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/11bbbbf9d4/produkte-folienhinterspritzen-spritzgussverfahren.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/11bbbbf9d4/produkte-folienhinterspritzen-spritzgussverfahren.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Procesy formowania wtryskowego" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Procesy formowania wtryskowego </div> </a> </li> </ul> </div> </div> </Transition> </div> </li> <li class="relative block lg:h-full lg:static"> <a class="hover:cursor-pointer hover:text-black lg:hover:main-navigation-item__link--active flex items-center h-full px-5 lg:px-3 xl:px-4 py-3 lg:py-0 overflow-hidden font-medium text-gray-700 main-navigation-item__link appear-triggered appear-fade " href="#" @mouseover="showSubNav('Rozwiazania-cyfrowe')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Rozwiazania-cyfrowe')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Rozwiazania-cyfrowe'), 'inview': !isCollapsed || isMobileNavigationExpanded }" > <div class="relative main-navigation-item__text text-lg lg:text-navi lg:text-center flex h-full items-center lg:px-1 xl:px-2 pb-0.5 whitespace-nowrap"> Rozwiązania cyfrowe </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Rozwiazania-cyfrowe'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Rozwiazania-cyfrowe')" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></button> <div class="main-navigation-item"> <Transition name="navi"> <div class="overflow-hidden lg:absolute lg:inset-x-0 lg:bg-gray-50 lg:shadow-navigation" :class="isSubNavVisible('Rozwiazania-cyfrowe') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Rozwiazania-cyfrowe')" @mouseover="mouseOverSubNav" @mouseleave="mouseLeaveSubNav"> <div class="container pb-6 lg:py-8"> <ul class="grid grid-cols-1 lg:grid-cols-5 lg:gap-5"> <li class="block h-full"> <a class="group" href="/pl/pl/rozwiazania-cyfrowe" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/2480x1817/d667cd0d32/digital-solutions.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/2480x1817/d667cd0d32/digital-solutions.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="O ENGEL inject 4.0" > </picture> </div> </div> <div class="pt-2 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> O ENGEL inject 4.0 </div> </a> </li> <li class="block h-full"> <a class="group" href="/pl/pl/rozwiazania-cyfrowe/projektowanie-detali-z-tworzyw-sztucznych" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/3543x2676/0cea619580/digitale-loesungen-kunststoffkonstruktion.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/3543x2676/0cea619580/digitale-loesungen-kunststoffkonstruktion.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Design" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Design </div> </a> </li> <li class="block h-full"> <a class="group" href="/pl/pl/rozwiazania-cyfrowe/pobieranie-probek-form-wtryskowych" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/3543x2362/dff1abe554/digitale-loesungen-abmusterung-von-spritzgiesswerkzeugen.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/3543x2362/dff1abe554/digitale-loesungen-abmusterung-von-spritzgiesswerkzeugen.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Wzorcowanie" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Wzorcowanie </div> </a> </li> <li class="block h-full"> <a class="group" href="/pl/pl/rozwiazania-cyfrowe/cyfrowa-produkcja-form-wtryskowych" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/3543x2686/793999089d/digitale-loesungen-spritzgussfertigung.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/3543x2686/793999089d/digitale-loesungen-spritzgussfertigung.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Produkcja" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Produkcja </div> </a> </li> <li class="block h-full"> <a class="group" href="/pl/pl/rozwiazania-cyfrowe/cyfrowe-rozwiazania-serwisowe" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/3543x3339/4a649d53b4/digitale-loesungen-wartung-service.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/3543x3339/4a649d53b4/digitale-loesungen-wartung-service.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Konserwacja & Serwis" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Konserwacja & Serwis </div> </a> </li> </ul> </div> </div> </Transition> </div> </li> <li class="relative block lg:h-full lg:static"> <a class="hover:cursor-pointer hover:text-black lg:hover:main-navigation-item__link--active flex items-center h-full px-5 lg:px-3 xl:px-4 py-3 lg:py-0 overflow-hidden font-medium text-gray-700 main-navigation-item__link appear-triggered appear-fade " href="#" @mouseover="showSubNav('Serwis')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Serwis')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Serwis'), 'inview': !isCollapsed || isMobileNavigationExpanded }" > <div class="relative main-navigation-item__text text-lg lg:text-navi lg:text-center flex h-full items-center lg:px-1 xl:px-2 pb-0.5 whitespace-nowrap"> Serwis </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Serwis'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Serwis')" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></button> <div class="main-navigation-item"> <Transition name="navi"> <div class="overflow-hidden lg:absolute lg:inset-x-0 lg:bg-gray-50 lg:shadow-navigation" :class="isSubNavVisible('Serwis') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Serwis')" @mouseover="mouseOverSubNav" @mouseleave="mouseLeaveSubNav"> <div class="container pb-6 lg:py-8"> <ul class="grid grid-cols-1 lg:grid-cols-5 lg:gap-5"> <li class="block h-full"> <a class="group" href="/pl/pl/serwis-wtryskarek-engel" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/0fe0f2e81f/service-engel.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/0fe0f2e81f/service-engel.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="O serwisie ENGEL" > </picture> </div> </div> <div class="pt-2 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> O serwisie ENGEL </div> </a> <ul> <li class="block h-full"> <a class="inline-flex pt-4 pb-1 pl-5 text-sm text-gray-600 transition-colors lg:pt-2 lg:pl-0 lg:pb-0 font-regular lg:font-medium hover:text-black" href="#servicecontact" target="_blank" > Kontakt do Serwisu <span class="ml-2 -my-px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </li> </ul> </li> <li class="block h-full"> <a class="group" href="/pl/pl/serwis-wtryskarek-engel/obsluga-klienta-konserwacja-wtryskarek" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/7ce3aba58f/service-spritzgiessmaschinen.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/7ce3aba58f/service-spritzgiessmaschinen.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Obsługa klienta & Konserwacja" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Obsługa klienta & Konserwacja </div> </a> </li> <li class="block h-full"> <a class="group" href="/pl/pl/serwis-wtryskarek-engel/szkolenie-z-zakresu-formowania-wtryskowego" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/440x288/ac1ebdfd16/service-trainings.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/440x288/ac1ebdfd16/service-trainings.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Szkolenia" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Szkolenia </div> </a> </li> <li class="block h-full"> <a class="group" href="/pl/pl/serwis-wtryskarek-engel/optymalizacja-procesu-wtrysku" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/c82f5ee64e/service-optimierung-spritzgiessprozesse.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/c82f5ee64e/service-optimierung-spritzgiessprozesse.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Optymalizacja procesu" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Optymalizacja procesu </div> </a> </li> <li class="block h-full"> <a class="group" href="/pl/pl/serwis-wtryskarek-engel/retrofity-maszyny-wtryskiwanie" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/deec6ed386/service-retrofit-maschine.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/deec6ed386/service-retrofit-maschine.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Modernizacje" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Modernizacje </div> </a> </li> </ul> </div> </div> </Transition> </div> </li> <li class="relative block lg:h-full lg:static"> <a class="hover:cursor-pointer hover:text-black lg:hover:main-navigation-item__link--active flex items-center h-full px-5 lg:px-3 xl:px-4 py-3 lg:py-0 overflow-hidden font-medium text-gray-700 main-navigation-item__link appear-triggered appear-fade " href="#" @mouseover="showSubNav('Zrownowazony-rozwoj')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Zrownowazony-rozwoj')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Zrownowazony-rozwoj'), 'inview': !isCollapsed || isMobileNavigationExpanded }" > <div class="relative main-navigation-item__text text-lg lg:text-navi lg:text-center flex h-full items-center lg:px-1 xl:px-2 pb-0.5 whitespace-nowrap"> Zrównoważony rozwój </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Zrownowazony-rozwoj'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Zrownowazony-rozwoj')" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></button> <div class="main-navigation-item"> <Transition name="navi"> <div class="overflow-hidden lg:absolute lg:inset-x-0 lg:bg-gray-50 lg:shadow-navigation" :class="isSubNavVisible('Zrownowazony-rozwoj') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Zrownowazony-rozwoj')" @mouseover="mouseOverSubNav" @mouseleave="mouseLeaveSubNav"> <div class="container pb-6 lg:py-8"> <ul class="grid grid-cols-1 lg:grid-cols-5 lg:gap-5"> <li></li> <li></li> <li></li> <li class="block h-full"> <a class="group" href="/pl/pl/zrownowazony-rozwoj-plastik" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/3543x2362/3dc37c8b8a/produkte-anwendung-spritzgussverfahren.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/3543x2362/3dc37c8b8a/produkte-anwendung-spritzgussverfahren.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="O zrównoważonym rozwoju ENGEL" > </picture> </div> </div> <div class="pt-2 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> O zrównoważonym rozwoju ENGEL </div> </a> </li> <li class="block h-full"> <a class="group" href="/pl/pl/zrownowazony-rozwoj-plastik/gospodarka-obiegu-zamknietego-recykling-tworzyw-sztucznych" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/812x455/0fd5974e06/nachhaltigkeit-circular-economy.png/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/812x455/0fd5974e06/nachhaltigkeit-circular-economy.png/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Gospodarka obiegu zamkniętego" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Gospodarka obiegu zamkniętego </div> </a> </li> </ul> </div> </div> </Transition> </div> </li> <li class="relative block lg:h-full lg:static"> <a class="hover:cursor-pointer hover:text-black lg:hover:main-navigation-item__link--active flex items-center h-full px-5 lg:px-3 xl:px-4 py-3 lg:py-0 overflow-hidden font-medium text-gray-700 main-navigation-item__link appear-triggered appear-fade lg:pr-0 xl:pr-0 " href="#" @mouseover="showSubNav('Firma')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Firma')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Firma'), 'inview': !isCollapsed || isMobileNavigationExpanded }" > <div class="relative main-navigation-item__text text-lg lg:text-navi lg:text-center flex h-full items-center lg:px-1 xl:px-2 pb-0.5 whitespace-nowrap"> Firma </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Firma'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Firma')" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></button> <div class="main-navigation-item"> <Transition name="navi"> <div class="overflow-hidden lg:absolute lg:inset-x-0 lg:bg-gray-50 lg:shadow-navigation" :class="isSubNavVisible('Firma') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Firma')" @mouseover="mouseOverSubNav" @mouseleave="mouseLeaveSubNav"> <div class="container pb-6 lg:py-8"> <ul class="grid grid-cols-1 lg:grid-cols-5 lg:gap-5"> <li class="block h-full"> <a class="group" href="/pl/pl/firma/engel-formowanie-wtryskowe" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/b470e4e49b/unternehmen-produktionshalle-schwertberg.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/b470e4e49b/unternehmen-produktionshalle-schwertberg.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="O nas" > </picture> </div> </div> <div class="pt-2 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> O nas </div> </a> <ul> <li class="block h-full"> <a class="inline-flex pt-4 pb-1 pl-5 text-sm text-gray-600 transition-colors lg:pt-2 lg:pl-0 lg:pb-0 font-regular lg:font-medium hover:text-black" href="/pl/pl/firma/engel-formowanie-wtryskowe/zarzadzanie-jakoscia" > Zarządzanie jakością </a> </li> </ul> </li> <li class="block h-full"> <a class="group" href="/pl/pl/firma/lokalizacje" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/3331x1530/f2ad4b59de/unternehmen-standorte.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/3331x1530/f2ad4b59de/unternehmen-standorte.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Lokalizacje" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Lokalizacje </div> </a> </li> <li class="block h-full"> <a class="group" href="/pl/pl/firma/zgodnosc-z-przepisami-i-ochrona-danych" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/4368x2912/080b743772/unternehmen-compliance-datenschutz.JPG/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/4368x2912/080b743772/unternehmen-compliance-datenschutz.JPG/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Zgodność z przepisami i ochrona danych" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Zgodność z przepisami i ochrona danych </div> </a> </li> <li class="block h-full"> <a class="group" href="/pl/pl/firma/centrum-multimedialne" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/8565x5710/17a9c3bfd8/unternehmen-media-center.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/8565x5710/17a9c3bfd8/unternehmen-media-center.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Centrum multimedialne" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Centrum multimedialne </div> </a> </li> <li class="block h-full"> <a class="group" href="/pl/pl/firma/kariera" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/e0ffd4a970/karriere-first-mover-engel-en.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/e0ffd4a970/karriere-first-mover-engel-en.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Kariera" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Kariera </div> </a> <ul> <li class="block h-full"> <a class="inline-flex pt-4 pb-1 pl-5 text-sm text-gray-600 transition-colors lg:pt-2 lg:pl-0 lg:pb-0 font-regular lg:font-medium hover:text-black" href="/pl/pl/firma/kariera/jestesmy-engel" > Jesteśmy ENGEL </a> </li> <li class="block h-full"> <a class="inline-flex pt-4 pb-1 pl-5 text-sm text-gray-600 transition-colors lg:pt-2 lg:pl-0 lg:pb-0 font-regular lg:font-medium hover:text-black" href="https://jobs.engelglobal.com" target="_blank" > Wolne miejsca pracy <span class="ml-2 -my-px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </li> </ul> </li> </ul> </div> </div> </Transition> </div> </li> </ul> <div class="flex flex-col justify-center px-5 mt-2 grow lg:grow-0 lg:hidden"> <form action="/pl/pl/szukaj" class="relative"> <input type="search" id="navigation-search-input" class="pr-6 form-input form-input-lg" name="term" placeholder=" " autocomplete="search"> <label for="navigation-search-input" class="form-float-label form-float-label-lg">Wyszukaj</label> <button type="submit" class="absolute bottom-0 py-1 right-1.5" aria-label="Wyszukaj"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M13.75 6.5c1.935 0 3.757.755 5.126 2.124A7.203 7.203 0 0121 13.75a7.199 7.199 0 01-1.408 4.295l-.188.244-.098.115 5.044 5.504a.95.95 0 01.095 1.163l-.07.094-.083.086a.948.948 0 01-1.246.033l-.097-.092-5.044-5.502-.118.084a7.182 7.182 0 01-3.418 1.2l-.308.02-.311.006a7.209 7.209 0 01-5.126-2.124A7.203 7.203 0 016.5 13.75c0-1.935.755-3.757 2.124-5.126A7.203 7.203 0 0113.75 6.5zm0 1.9c-2.95 0-5.35 2.4-5.35 5.35 0 2.95 2.4 5.35 5.35 5.35 2.949 0 5.35-2.4 5.35-5.35 0-2.95-2.401-5.35-5.35-5.35z"/></svg></button> </form> </div> <div class="py-6 mt-12 bg-gray-50 lg:hidden"> <div class="container"> <ul class="flex flex-col"> <li class="flex h-full"> <a class=" tw-link-small text-sm font-normal py-2 lg:font-medium lg:px-3 lg:text-xs lg:py-0 w-full lg:w-auto " href="/pl/pl/firma/kariera" data-prevent-inner-obfuscation> <span class="mr-1"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" fill-rule="evenodd" stroke="currentColor" stroke-width=".2" d="M19.5 18c1.88 0 3.492.26 4.794.772 1.077.425 1.947 1.023 2.584 1.776C27.988 21.861 28 23.194 28 23.25c0 .965-.817 1.75-1.821 1.75H12.82c-1.003 0-1.82-.785-1.82-1.75v-.04c.01-.238.106-1.458 1.122-2.662.637-.753 1.507-1.35 2.584-1.776C16.006 18.26 17.62 18 19.5 18zm-9.667 1c.209 0 .415.006.615.017.321.018.568.3.551.63a.589.589 0 01-.613.568 10.32 10.32 0 00-.552-.014c-4.542 0-4.662 2.854-4.665 3.003a.592.592 0 00.583.596H9.25c.322 0 .583.269.583.6 0 .331-.261.6-.583.6l-.002-.001h-3.5c-.964 0-1.749-.808-1.749-1.8 0-.044.01-1.112.773-2.16.441-.605 1.043-1.084 1.788-1.425.891-.408 1.992-.614 3.272-.614zm9.667.167c-2.997 0-5.206.714-6.388 2.063-.859.98-.896 1.982-.898 2.023.002.321.274.58.607.58H26.18c.334 0 .606-.26.607-.58-.002-.04-.04-1.044-.898-2.023-1.182-1.35-3.391-2.063-6.388-2.063zM9.5 11c1.93 0 3.5 1.57 3.5 3.5S11.43 18 9.5 18 6 16.43 6 14.5 7.57 11 9.5 11zM20 7c2.758 0 5 2.242 5 5s-2.242 5-5 5-5-2.242-5-5 2.242-5 5-5zM9.5 12.167A2.336 2.336 0 007.167 14.5 2.336 2.336 0 009.5 16.833a2.336 2.336 0 002.333-2.333A2.336 2.336 0 009.5 12.167zM20 8.25A3.755 3.755 0 0016.25 12 3.755 3.755 0 0020 15.75 3.755 3.755 0 0023.75 12 3.755 3.755 0 0020 8.25z"/></svg></span> <span class="mt-px leading-tight">Kariera</span> </a> </li> <li class="flex h-full"> <a class=" tw-link-small text-sm font-normal py-2 lg:font-medium lg:px-3 lg:text-xs lg:py-0 w-full lg:w-auto " href="/pl/pl/rozwiazania-cyfrowe/e-connect-portal" data-prevent-inner-obfuscation> <span class="mr-1"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M24.363 7c.643 0 1.194.23 1.651.69.457.46.686 1.015.686 1.662v13.296c0 .647-.229 1.201-.686 1.662-.457.46-1.008.69-1.651.69H10.137c-.643 0-1.194-.23-1.651-.69a2.273 2.273 0 01-.686-1.662c0-.478.237-.716.711-.716s.712.238.712.716c0 .272.084.494.254.665.169.17.39.255.66.255h14.226a.89.89 0 00.66-.256c.17-.17.254-.392.254-.664V9.352c0-.272-.084-.494-.254-.664a.89.89 0 00-.66-.256H10.137a.89.89 0 00-.66.256c-.17.17-.254.392-.254.664 0 .478-.238.716-.712.716S7.8 9.83 7.8 9.352c0-.647.229-1.201.686-1.662A2.244 2.244 0 0110.137 7h14.226zm-9.49 13.13l3.245-3.389H6.71c-.473 0-.71-.247-.71-.741s.237-.741.71-.741h11.358l-3.296-3.388c-.338-.353-.338-.706 0-1.06a.673.673 0 01.507-.211.67.67 0 01.507.212l4.26 4.447c.236.247.354.512.354.794 0 .282-.118.547-.355.794l-4.158 4.341a.673.673 0 01-.507.212c-.135 0-.304-.07-.507-.212-.304-.388-.304-.74 0-1.059z"/></svg></span> <span class="mt-px leading-tight">Portal klienta</span> </a> </li> </ul> <button @click="openLanguageSwitch()" class="flex items-center w-full py-3 text-gray-700 lg:py-6 lg:w-auto" id="language-switch-btn" > <span class="pl-2 text-sm font-normal leading-none text-left lg:text-xs lg:font-medium lg:pl-0 grow lg:grow-0"> Poland (PL) </span> <span class="mr-2 lg:mr-0 ml-0.5 text-gray-700 hover:black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </button> </div> </div> </div> <div class="absolute left-0 right-0 top-3 lg:top-24 appear-triggered appear-fade navigation-collapsed-items" :class="{ 'inview': isCollapsed && !isMobileNavigationExpanded, 'invisible': !isCollapsed }" > <div class="container"> <div class="flex items-center justify-end"> <li class="flex items-center lg:hidden"> <button @click="openLanguageSwitch()" > <span class="font-normal text-sm leading-none text-right pr-1 xs:pr-2"> PL (PL) </span> </button> </li> <li class="flex items-center lg:hidden"><button @click="openSearch()"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M13.75 6.5c1.935 0 3.757.755 5.126 2.124A7.203 7.203 0 0121 13.75a7.199 7.199 0 01-1.408 4.295l-.188.244-.098.115 5.044 5.504a.95.95 0 01.095 1.163l-.07.094-.083.086a.948.948 0 01-1.246.033l-.097-.092-5.044-5.502-.118.084a7.182 7.182 0 01-3.418 1.2l-.308.02-.311.006a7.209 7.209 0 01-5.126-2.124A7.203 7.203 0 016.5 13.75c0-1.935.755-3.757 2.124-5.126A7.203 7.203 0 0113.75 6.5zm0 1.9c-2.95 0-5.35 2.4-5.35 5.35 0 2.95 2.4 5.35 5.35 5.35 2.949 0 5.35-2.4 5.35-5.35 0-2.95-2.401-5.35-5.35-5.35z"/></svg></button></li> <div class="items-center hidden ml-3 lg:flex js-collapsed-sales-button" @click="toggleContactOverlay(true)" @keydown.esc="toggleContactOverlay(false)" > <button id="service-contact" class=" tw-button tw-button-contact w-full lg:w-auto " data-prevent-inner-obfuscation> <span class="mr-2 -ml-1 -mt-px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width=".3"><path d="M7.014 6.653a.4.4 0 01.15.784c-2.829.537-4.866 2.73-4.866 5.266 0 1.652.863 3.184 2.325 4.205a.4.4 0 01.17.363c-.064.702-.205 1.42-.382 2.017l-.016.053.056-.025a10.12 10.12 0 002.155-1.277l.048-.037a.4.4 0 01.331-.076c.505.11 1.004.167 1.502.167a6.903 6.903 0 002.838-.6.4.4 0 01.328.729 7.701 7.701 0 01-4.644.524l-.01-.002-.003.002a10.838 10.838 0 01-3.106 1.64l-.062.02a.4.4 0 01-.485-.55l.005-.01c.255-.5.507-1.43.62-2.37l.006-.053-.005-.003C2.436 16.267 1.52 14.584 1.5 12.76v-.058c0-2.94 2.327-5.445 5.514-6.05z"/><path d="M15.513 4c-3.848 0-6.986 2.758-6.986 6.188 0 3.43 3.138 6.188 6.986 6.188h.065a7.812 7.812 0 001.657-.192l.055-.013.042.032a10.815 10.815 0 003.202 1.688.4.4 0 00.48-.561l-.01-.02c-.276-.554-.54-1.59-.634-2.606l-.006-.07.008-.007c1.347-1.155 2.128-2.74 2.128-4.439C22.5 6.758 19.361 4 15.513 4zm0 .798c3.429 0 6.189 2.426 6.189 5.39 0 1.52-.732 2.94-2.001 3.959a.4.4 0 00-.149.336l.003.041c.052.788.205 1.606.404 2.271l.009.03-.05-.021a10.116 10.116 0 01-2.285-1.379.4.4 0 00-.35-.074c-.577.15-1.17.227-1.77.227-3.428 0-6.188-2.425-6.188-5.39 0-2.964 2.76-5.39 6.188-5.39z"/></g></svg></span> <span class="mt-px leading-tight">Kontakt Sprzedaź & Serwis</span> </button> </div> <button class="lg:p-0.5 ml-4 lg:ml-6 border border-gray-100 text-gray-700 bg-white transition-shadow hover:shadow-burger hover:border-transparent" @click="toggleNavView" ><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M24.943 20.332a.92.92 0 01.679.266.92.92 0 01.265.679.92.92 0 01-.265.678.92.92 0 01-.68.266H7.945a.92.92 0 01-.678-.266.92.92 0 01-.266-.678.92.92 0 01.266-.68.92.92 0 01.678-.265zm0-5.666a.92.92 0 01.679.266.92.92 0 01.265.678.92.92 0 01-.265.68.92.92 0 01-.68.265H7.945a.92.92 0 01-.678-.266A.92.92 0 017 15.61a.92.92 0 01.266-.678.92.92 0 01.678-.266zm0-5.666a.92.92 0 01.679.266.92.92 0 01.265.678.92.92 0 01-.265.68.92.92 0 01-.68.265H7.945a.92.92 0 01-.678-.266A.92.92 0 017 9.944a.92.92 0 01.266-.678A.92.92 0 017.944 9z"/></svg></button> </div> </div> </div> <button v-if="isMobileNavigationExpanded" @click="toggleMobileNavigation" class="mt-0.5 mr-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.503 4.773l-.05.064a.35.35 0 00.05.431l6.481 6.482-6.481 6.482a.35.35 0 000 .495l1.27 1.27.064.05a.35.35 0 00.431-.05l6.482-6.481 6.482 6.481a.35.35 0 00.495 0l1.27-1.27.05-.064a.35.35 0 00-.05-.431l-6.481-6.482 6.481-6.482a.35.35 0 000-.495l-1.27-1.27-.064-.05a.35.35 0 00-.431.05L11.75 9.984 5.268 3.503a.35.35 0 00-.495 0l-1.27 1.27z"/></svg></button> </div> </div> </nav> <div class="navigation__spacer"></div> </div> <div data-vue="ServiceContact" data-props='{ "contactPerson": {"name":"Piotr Nachi\u0142o","created_at":"2022-08-22T11:54:55.872Z","published_at":"2022-10-14T06:17:05.083Z","id":178503281,"uuid":"fc93497e-7084-4cc5-89fa-be92495092b1","content":{"_uid":"b05e0e26-6a83-49b2-87f6-15118e4897e1","image":{"id":5614417,"alt":null,"name":"","focus":null,"title":null,"filename":"https:\/\/a.storyblok.com\/f\/136567\/256x256\/9a07ea9206\/produkte-piotr-nachilo.jpg","copyright":null,"fieldtype":"asset"},"phone":"","lastname":"Nachi\u0142o","position":"managing-director","component":"contact-person","firstname":"Piotr"},"slug":"piotr-nachilo","full_slug":"contacts\/piotr-nachilo","sort_by_date":null,"position":170,"tag_list":[],"is_startpage":false,"parent_id":129195630,"meta_data":null,"group_id":"cdaf272b-e6e0-492b-aac2-1454941dc02c","first_published_at":"2022-10-12T11:09:33.791Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null}, "currService": {"_uid":"86920af2-08cb-4851-9da1-54dcc1f5930e","order":"service_parts_support","person":"fc93497e-7084-4cc5-89fa-be92495092b1","country":"pl","language":"pl","component":"contact-mapping","support_phone":"+43 50 620 3333","parts_distribution_email":"spareparts.pl@engel.at","parts_distribution_phone":"+48 22 510 3800","technical_customer_service_email":"service.pl@engel.at","technical_customer_service_phone":"+48 22 510 3800"} }' class="h-full"> <Transition name="modal-fade"> <div v-show="isVisible" class="fixed inset-0 z-60 hidden bg-gray-700 bg-opacity-30 lg:block" @click="isVisible = false" ></div> </Transition> <Transition name="appear"> <div v-show="isVisible" class="fixed right-0 z-60 w-full overflow-auto transform bg-white border-gray-200 h-service-contact lg:-translate-x-1/2 lg:mt-2 lg:rounded-sm lg:border top-13 lg:top-16 lg:right-12 lg:w-64 xl:w-72 lg:shadow-service-contact lg:h-auto lg:overflow-visible" ref="contactPopup" v-cloak > <div class="absolute top-0 hidden w-8 overflow-hidden transform -translate-x-1/2 -translate-y-full lg:inline-block left-1/2"> <div class="w-4 h-4 origin-bottom-left transform rotate-45 bg-white border border-gray-200"></div> </div> <button @click="toggleOverlay(false)" class="absolute hidden top-2 right-2 lg:block"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M2.335 3.182l-.033.042a.233.233 0 00.033.288l4.321 4.321-4.321 4.321a.233.233 0 000 .33l.847.848.042.033c.09.056.21.045.288-.033L7.833 9.01l4.321 4.32a.233.233 0 00.33 0l.848-.847.033-.042a.233.233 0 00-.033-.288L9.01 7.834l4.32-4.322a.233.233 0 000-.33l-.847-.847-.042-.033a.233.233 0 00-.288.033l-4.32 4.321-4.322-4.321a.233.233 0 00-.33 0l-.847.847z"/></svg> </button> <p class="mt-5 mb-1 text-sm text-center text-gray-700">Twój lokalny kontakt w</p> <div class="flex justify-center"> <div class="relative inline-block mb-6"> <select ref="countryList" name="countries_list" class="flex items-center pb-0.5 mx-auto text-sm text-gray-700 border-b border-gray-400 appearance-none pr-4 cursor-pointer !bg-transparent overflow-hidden whitespace-nowrap text-ellipsis max-w-56" @change="setCurrentServiceId()" > <option value="other" data-service-id="50d33578-a43f-4bf0-bb7b-e9b57685490b" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Inne</option> <option value="dz" data-service-id="96df54cd-aac6-47e7-873a-8cb00e44e31a" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >Algieria</option> <option value="at" data-service-id="22b2d5e4-379d-449e-801b-b097aa245874" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Austria</option> <option value="bs" data-service-id="91c35707-711c-4c17-a5f7-639c37430af5" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Bahamy</option> <option value="bd" data-service-id="79b04916-6d4e-467c-ba51-baa44202eac7" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >Bangladesz</option> <option value="bb" data-service-id="4cbfffd2-d859-4499-ae4e-d58022097652" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Barbados</option> <option value="be" data-service-id="b87da134-acef-44e9-8a36-b524d561ecc6" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Belgia</option> <option value="bz" data-service-id="0184ce53-b17c-4f67-b7d9-cbe4b228d78a" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Belize</option> <option value="bt" data-service-id="f1b9e4ae-d610-41d0-8caf-31f717019204" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >Bhutan</option> <option value="bo" data-service-id="83375d45-a3d9-4f73-b586-b5bab7e541a1" data-person-id="efd38ea8-97e5-4c5a-b716-86b64a237a68" >Boliwia</option> <option value="br" data-service-id="1a06e3b6-27d8-4f24-94e2-4124c70d3f53" data-person-id="efd38ea8-97e5-4c5a-b716-86b64a237a68" >Brazylia</option> <option value="cn" data-service-id="d826d427-2dec-4191-96e6-7c01dc5cdd53" data-person-id="a4f6a9ee-6837-46e9-9e9d-3939d2fc2696" >Chiny</option> <option value="cz" data-service-id="e70d77a2-8832-4e3e-879e-9e594799928d" data-person-id="ceb3d8cb-b275-4174-8a33-85b43a40bccd" >Czechy</option> <option value="dk" data-service-id="a9d1fd1b-c713-4fd4-b572-7e4d67cb2840" data-person-id="85a68b07-5961-44df-a097-cf49b35bfa27" >Dania</option> <option value="dm" data-service-id="23a0976f-b171-4492-b5f4-313836bf9fde" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Dominika</option> <option value="do" data-service-id="ef6add5f-da0e-4e30-aa6f-bad57bc164c7" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Dominikana</option> <option value="ph" data-service-id="6fdf6b05-6e00-43d5-94ef-4f4b6ddb301c" data-person-id="c74ea3d3-1c14-460a-a2f1-f9f07644e9ab" >Filipiny</option> <option value="fi" data-service-id="e78413c7-fd87-42e5-a28a-ea3ffbaae5ef" data-person-id="881d7ce0-1982-4ac6-98b0-925ead375136" >Finlandia</option> <option value="fr" data-service-id="0bb93a63-5c48-44cc-bfb8-12afcd887737" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >Francja</option> <option value="gd" data-service-id="14d62114-375a-4cc7-a137-578436cba4f9" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Grenada</option> <option value="gt" data-service-id="886ecc88-11b2-4009-9ba5-ed5c64cc8543" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Gwatemala</option> <option value="ht" data-service-id="989cb512-f46f-418e-a928-b94e74e71d8f" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Haiti</option> <option value="nl" data-service-id="3206eb4c-5aca-4140-b067-12f674d41539" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Holandia</option> <option value="hn" data-service-id="65d8e721-a210-4e99-a563-0b009a505aa9" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Honduras</option> <option value="hk" data-service-id="90d54e22-5098-43dc-9e41-5bdb0afaca79" data-person-id="a4f6a9ee-6837-46e9-9e9d-3939d2fc2696" >Hongkong</option> <option value="in" data-service-id="5aa050ea-47ef-4c40-94cb-7923073e16f1" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >Indie</option> <option value="id" data-service-id="f9de780c-d3b4-47aa-ae71-008a625dc491" data-person-id="c74ea3d3-1c14-460a-a2f1-f9f07644e9ab" >Indonezja</option> <option value="ie" data-service-id="fd814c2e-1e19-495e-b957-a3f6d890f0d1" data-person-id="f0fcb215-faa7-4e14-a49d-f7f4431779d6" >Irlandia</option> <option value="is" data-service-id="214b32b9-160a-4427-8aff-8c8e1c8fcdd7" data-person-id="85a68b07-5961-44df-a097-cf49b35bfa27" >Islandia</option> <option value="jm" data-service-id="68ca480c-c377-4a3a-9173-a15030a9df42" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Jamajka</option> <option value="jp" data-service-id="d81618f1-153c-4698-b861-f9102214090a" data-person-id="43e66318-db03-4894-a8c5-10cc124ea70f" >Japonia</option> <option value="ca" data-service-id="3e85d51c-cfe6-4911-b095-d4e5dbea46db" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Kanada</option> <option value="kr" data-service-id="40c79af0-4af3-46aa-8eb3-982af549c07b" data-person-id="d125eb77-3541-4e19-b492-c52846f7942a" >Korea Południowa</option> <option value="cr" data-service-id="5ab1777f-f992-4d95-b3c4-9a219dfe1fa0" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Kostaryka</option> <option value="li" data-service-id="8874ea2e-3f86-40dc-97dd-3abe705011be" data-person-id="af7b752f-942b-4c6f-a41f-dfcdf5cdbd54" >Liechtenstein</option> <option value="lu" data-service-id="dc4f1765-dec8-433e-a87e-cd153270902f" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Luksemburg</option> <option value="mv" data-service-id="fecee6f1-91ab-4b1f-9141-4bdee8b130ff" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >Malediwy</option> <option value="my" data-service-id="677c5e0c-d2ef-4a91-88d0-cd729d068c4a" data-person-id="c74ea3d3-1c14-460a-a2f1-f9f07644e9ab" >Malezja</option> <option value="ma" data-service-id="e5ac92cc-8c48-4b9e-8d8d-cce0bd3c5686" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >Maroko</option> <option value="mx" data-service-id="f10a3998-27cb-4fef-b3ba-ed75f73ee752" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Meksyk</option> <option value="mm" data-service-id="812724b3-e8d2-47fa-97ba-e2690765e0ee" data-person-id="359a11e1-3373-49e3-95d9-ea02244de406" >Mjanma</option> <option value="md" data-service-id="138943ac-6311-49cc-ac54-95c985628cc2" data-person-id="323fe954-feab-4b85-be84-0abb2e28d1ac" >Mołdawia</option> <option value="mc" data-service-id="32c40ef4-8fae-4370-b0c4-e928704c5cba" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >Monako</option> <option value="np" data-service-id="35256fe2-1c82-453a-a25d-aadc36f7ae9e" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >Nepal</option> <option value="de" data-service-id="99978ee9-956e-4ee0-8638-ed94ac1202e5" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Niemcy</option> <option value="ni" data-service-id="4f4bafe4-09fb-4dd2-8c14-c6bb84a1ef35" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Nikaragua</option> <option value="no" data-service-id="cfda11a8-2f7c-490e-ad76-27a743c60ec8" data-person-id="85a68b07-5961-44df-a097-cf49b35bfa27" >Norwegia</option> <option value="pa" data-service-id="7b807a2f-fb97-4097-9d01-2700e5e6aa19" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Panama</option> <option value="pl" data-service-id="86920af2-08cb-4851-9da1-54dcc1f5930e" data-person-id="fc93497e-7084-4cc5-89fa-be92495092b1" selected >Polska</option> <option value="pr" data-service-id="d9a3fa14-c4c6-491a-84c3-946150399ade" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Portoryko</option> <option value="ro" data-service-id="ff59acec-581c-4317-bc23-1e333661c001" data-person-id="323fe954-feab-4b85-be84-0abb2e28d1ac" >Rumunia</option> <option value="lc" data-service-id="d5ae4c0a-27c3-4662-a6e2-5d6961dad26b" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Saint Lucia</option> <option value="sv" data-service-id="717c587c-61e5-44d8-9113-0d0179870365" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Salwador</option> <option value="sg" data-service-id="93f1030b-345d-4abf-85cd-9442fedea5d6" data-person-id="c74ea3d3-1c14-460a-a2f1-f9f07644e9ab" >Singapur</option> <option value="lk" data-service-id="dbaf0f69-615c-4fb4-a19b-f20efab12e31" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >Sri Lanka</option> <option value="us" data-service-id="cf440214-4a0d-4ca4-97e3-ad02af7a2a2f" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Stany Zjednoczone</option> <option value="ch" data-service-id="21af6e9a-fd96-47da-8fbb-8b846e6f991c" data-person-id="af7b752f-942b-4c6f-a41f-dfcdf5cdbd54" >Szwajcaria</option> <option value="se" data-service-id="af21bc9d-421c-4b73-a82f-0161b8595367" data-person-id="97adfa52-76ca-4e60-881b-aef07da177cf" >Szwecja</option> <option value="th" data-service-id="50a03dad-a8fc-4834-b8fe-4e853c2a9632" data-person-id="359a11e1-3373-49e3-95d9-ea02244de406" >Tajlandia</option> <option value="tw" data-service-id="0d098261-0a9f-43e8-9578-cfc1a73125c5" data-person-id="a4f6a9ee-6837-46e9-9e9d-3939d2fc2696" >Tajwan</option> <option value="tt" data-service-id="d3140010-7b27-4722-a911-c03d9bd23fdf" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Trinidad and Tobago</option> <option value="tn" data-service-id="94697482-8daa-4b4b-a4f0-9cc6d86880eb" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >Tunezja</option> <option value="tr" data-service-id="030cc625-8033-488b-8bc3-fc2ff44f1476" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Turcja</option> <option value="ua" data-service-id="37c88b4f-0b9a-4200-9eac-74872824ceac" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Ukraina</option> <option value="hu" data-service-id="59c78234-263c-4445-940e-20286f47b5c9" data-person-id="cc4ed14a-08e9-4c32-9d7d-2771455372d0" >Węgry</option> <option value="gb" data-service-id="a5c5c6c7-fb2e-4764-87ac-c361472ef729" data-person-id="f0fcb215-faa7-4e14-a49d-f7f4431779d6" >Wielka Brytania</option> <option value="it" data-service-id="19c7fd29-9d5f-4ed8-acc4-4efaa2453e3c" data-person-id="485dce53-175e-4efa-be74-427d1db69f26" >Włochy</option> </select> <span class="absolute text-gray-700 -translate-y-1/2 pointer-events-none -right-1 top-1/2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </div> <button class="flex items-center justify-between w-full px-4 py-4 bg-gray-100 lg:py-2" @click="clickedIndex = clickedIndex === 1 ? -1 : 1" id="sales-contact-btn" > <span></span> <span class="flex items-center"> <span class="mr-2 text-gray-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width=".3"><path d="M7.014 6.653a.4.4 0 01.15.784c-2.829.537-4.866 2.73-4.866 5.266 0 1.652.863 3.184 2.325 4.205a.4.4 0 01.17.363c-.064.702-.205 1.42-.382 2.017l-.016.053.056-.025a10.12 10.12 0 002.155-1.277l.048-.037a.4.4 0 01.331-.076c.505.11 1.004.167 1.502.167a6.903 6.903 0 002.838-.6.4.4 0 01.328.729 7.701 7.701 0 01-4.644.524l-.01-.002-.003.002a10.838 10.838 0 01-3.106 1.64l-.062.02a.4.4 0 01-.485-.55l.005-.01c.255-.5.507-1.43.62-2.37l.006-.053-.005-.003C2.436 16.267 1.52 14.584 1.5 12.76v-.058c0-2.94 2.327-5.445 5.514-6.05z"/><path d="M15.513 4c-3.848 0-6.986 2.758-6.986 6.188 0 3.43 3.138 6.188 6.986 6.188h.065a7.812 7.812 0 001.657-.192l.055-.013.042.032a10.815 10.815 0 003.202 1.688.4.4 0 00.48-.561l-.01-.02c-.276-.554-.54-1.59-.634-2.606l-.006-.07.008-.007c1.347-1.155 2.128-2.74 2.128-4.439C22.5 6.758 19.361 4 15.513 4zm0 .798c3.429 0 6.189 2.426 6.189 5.39 0 1.52-.732 2.94-2.001 3.959a.4.4 0 00-.149.336l.003.041c.052.788.205 1.606.404 2.271l.009.03-.05-.021a10.116 10.116 0 01-2.285-1.379.4.4 0 00-.35-.074c-.577.15-1.17.227-1.77.227-3.428 0-6.188-2.425-6.188-5.39 0-2.964 2.76-5.39 6.188-5.39z"/></g></svg></span> <span class="text-sm font-medium text-gray-700 lg:text-xs xl:text-sm">Kontakt do działu handlowego</span> </span> <span class="flex-shrink-0 text-gray-700 transition-transform duration-200 ease-in-out" :class="{'transform rotate-180': clickedIndex === 1}" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </button> <div class="pr-6 overflow-hidden text-sm text-gray-700 transition-all duration-300 ease-in-out pl-7" :class="{'max-h-0': clickedIndex !== 1, 'pt-3 max-h-96 mb-6': clickedIndex === 1}" > <sales-contact-content :is-loading-contact-person="isLoadingContactPerson" :is-loading-service-contact="isLoadingServiceContact" :contact="contactPersonData"></sales-contact-content> </div> <button class="flex items-center justify-between w-full px-4 py-4 mt-1 bg-gray-100 lg:py-2" @click="clickedIndex = clickedIndex === 2 ? -1 : 2" id="service-contact-btn" > <span></span> <span class="flex items-center"> <span class="mr-2 text-gray-700"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.13 18.705a2.41 2.41 0 01-.71 1.715 2.41 2.41 0 01-1.715.71 2.41 2.41 0 01-1.715-.71l-6.91-6.91a5.452 5.452 0 01-5.614-1.31 5.488 5.488 0 01-1.26-5.759.38.38 0 01.625-.137l2.464 2.463h2.473V6.295L6.305 3.83a.38.38 0 01.137-.626 5.49 5.49 0 015.759 1.26 5.471 5.471 0 011.309 5.615l6.91 6.91a2.41 2.41 0 01.71 1.715zM11.663 5.004a4.714 4.714 0 00-4.368-1.259l2.123 2.123a.38.38 0 01.111.27v3.01c0 .21-.17.38-.38.38H6.137a.38.38 0 01-.269-.11L3.745 7.293a4.725 4.725 0 001.259 4.369 4.713 4.713 0 005.48.858l.006-.003c.144-.074.283-.155.418-.242l.002-.001c.132-.087.26-.18.382-.28l.01-.006a4.719 4.719 0 00.687-.688l.004-.006c.1-.124.195-.252.282-.385l.005-.01c.086-.132.165-.268.237-.409l.008-.016a4.714 4.714 0 00-.862-5.471zm8.219 12.523l-6.688-6.687-.004.007c-.026.05-.056.098-.083.148a5.515 5.515 0 01-.168.284c-.032.05-.066.099-.1.148a5.41 5.41 0 01-.204.278c-.032.04-.063.082-.096.122a5.502 5.502 0 01-.338.374c-.12.12-.245.23-.373.337l-.127.1a5.387 5.387 0 01-.696.463c-.054.03-.107.063-.162.09l-.003.003 6.687 6.688c.315.314.733.487 1.178.487.444 0 .862-.173 1.177-.487.314-.314.487-.733.487-1.177 0-.445-.173-.863-.487-1.177z" stroke="currentColor" stroke-width=".7" fill="currentColor"/></svg></span> <span class="text-sm font-medium text-gray-700 lg:text-xs xl:text-sm">Kontakt do Serwisu & Wsparcia technicznego</span> </span> <span class="flex-shrink-0 text-gray-700 transition-transform duration-200 ease-in-out" :class="{'transform rotate-180': clickedIndex === 2}" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </button> <div class="pr-6 overflow-hidden relative text-sm text-gray-700 transition-all duration-300 ease-in-out pl-7" :class="{'max-h-0': clickedIndex !== 2, 'pt-4 max-h-96 mb-6': clickedIndex === 2}" > <div :class="{ 'opacity-50': isLoadingContactPerson || isLoadingServiceContact }" v-if="isLoadingContactPerson || isLoadingServiceContact" class="absolute inset-0 bg-white flex items-center justify-center"> <div class="w-4 h-4 mr-2 animate-spin"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle opacity=".25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path opacity=".75" fill="currentColor" d="M4 12a8 8 0 018-8V0A12 12 0 000 12h4zm2 5.3A7.96 7.96 0 014 12H0c0 3.04 1.14 5.82 3 7.94l3-2.65z"/></svg> </div> </div> <service-contact-content :service="currServiceData"></service-contact-content> </div> </div> </Transition> </div> <div data-vue="ContactOverlay" data-props='{"contactFormCc":"", "emailSubject": "Zapytanie kontaktowe", "recaptchaSiteKey": "6LfYBBAgAAAAAGkFuKs7mUaNR1A0queHT2dZyNQk", "locale": "pl", "country": "pl" ,"externalIntro": "Dzi\u0119kujemy za zg\u0142oszenie! Skontaktujemy si\u0119 z Pa\u0144stwem w najbli\u017cszym czasie.", "prefillTopic": "industries_products", "prefillCountry": "pl" }' > <div class="fixed top-0 bottom-0 left-0 right-0 z-60 transition duration-300 ease-in-out" :class="{'bg-black bg-opacity-30': isOpen, 'pointer-events-none' : !isOpen}" @click="closeOverlay()" ></div> <div class="fixed top-0 bottom-0 right-0 z-60 w-full h-full px-0 sm:px-6 pt-6 pb-0 sm:pb-6 ml-auto overflow-auto transition duration-200 ease-in-out bg-white sm:px-8 lg:w-200" :class="!isOpen ? 'transform translate-x-full content-invisible' : 'content-visible'" v-cloak > <div class="flex items-start justify-between px-6 sm:px-0"> <h2 class="text-gray-700 tw-h2 ">Cieszymy się na Twoje zapytanie</h2> <button @click="closeOverlay()" class="sm:absolute flex-shrink-0 pt-0.5 top-6 right-4 sm:right-8"> <span class="sm:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.503 4.773l-.05.064a.35.35 0 00.05.431l6.481 6.482-6.481 6.482a.35.35 0 000 .495l1.27 1.27.064.05a.35.35 0 00.431-.05l6.482-6.481 6.482 6.481a.35.35 0 00.495 0l1.27-1.27.05-.064a.35.35 0 00-.05-.431l-6.481-6.482 6.481-6.482a.35.35 0 000-.495l-1.27-1.27-.064-.05a.35.35 0 00-.431.05L11.75 9.984 5.268 3.503a.35.35 0 00-.495 0l-1.27 1.27z"/></svg></span> <span class="hidden sm:block"><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M23.68 22.138L17.544 16l6.137-6.137a1.09 1.09 0 00-1.542-1.543L16 14.458 9.862 8.32A1.091 1.091 0 008.32 9.862l6.137 6.139-6.138 6.138a1.09 1.09 0 001.543 1.542L16 17.543l6.137 6.138a1.091 1.091 0 001.544-1.543z" fill="currentColor"/></svg></span> </button> </div> <div class="grid gap-6 mt-6 sm:gap-12 sm:grid-cols-8"> <div class="mx-auto mb-6 text-center sm:mb-0 sm:col-span-2">  <img v-if="contactPerson.image" class="w-24 h-24 mx-auto mb-2 rounded-full md:mb-4 md:w-32 md:h-32 lazyload" :src="$filters.imageService(contactPerson.image.filename, '256x256', 'webp')" :data-src="$filters.imageService(contactPerson.image.filename, '256x256', 'webp')" :title="contactPerson.image.title" :alt="contactPerson.image.alt" width="128" height="128" > <p v-if="contactPerson.firstname ||contactPerson.lastname" class="font-medium text-gray-700" v-text="`${contactPerson.firstname} ${contactPerson.lastname}`"></p> <p v-if="contactPerson.position && jobTitle" class="text-xs text-gray-600" v-text="jobTitle" ></p> <a v-if="contactPerson.phone" :href="`tel:${(contactPerson.phone).replace(/\s/g, '')}`" class="flex items-center justify-center mt-2 text-gray-600 hover:text-black" > <span class="mr-0.5 fill-current transition-colors duration-200 ease-in-out"><svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.168 1.55c.262 0 .557.165.933.513.277.257.585.602.89.993.198.256.422.568.625.892.312.5.494.906.494 1.182 0 .358-.19.593-.74.961l-.257.167-.444.276-.142.094a3.29 3.29 0 00-.06.042l-.106.08-.152.132c-.023.02-.035.028-.04.02.599 1.49 2.435 3.327 3.877 3.923.031-.01.096-.061.199-.19l.08-.105.136-.202.315-.507c.413-.656.695-.934 1.09-.934.276 0 .682.181 1.181.493.324.202.632.424.892.625.395.307.74.615.993.89.348.375.513.67.513.933 0 .446-.368 1.082-.86 1.619-.445.485-.959.868-1.489.975l-.133.02-.142.008-.244-.005c-1.07-.043-2.197-.364-3.358-.955-1.15-.585-2.286-1.423-3.285-2.423-.999-1.001-1.836-2.138-2.421-3.29-.636-1.251-.958-2.463-.958-3.604 0-.615.423-1.232.998-1.762.534-.492 1.169-.86 1.615-.86zm.016.786l-.022-.006-.045.005c-.215.039-.641.287-1.035.65-.462.424-.747.884-.747 1.188 0 4.253 5.24 9.497 9.488 9.497.303 0 .763-.287 1.188-.75.393-.429.652-.897.656-1.077-.014-.085-.153-.27-.391-.51l-.174-.17-.202-.182-.227-.192-.253-.201-.242-.18c-.04-.03-.08-.058-.12-.086l-.232-.159-.22-.141a8.012 8.012 0 00-.102-.063l-.19-.11a4.076 4.076 0 00-.164-.087l-.132-.061a.447.447 0 00-.13-.038c-.022.006-.087.059-.19.19l-.096.13-.11.165-.31.497c-.421.672-.71.956-1.116.956a.69.69 0 01-.258-.05c-1.692-.677-3.687-2.672-4.364-4.364-.119-.298-.039-.627.321-.954a1.81 1.81 0 01.131-.11l.154-.114.188-.126.631-.394.152-.102.122-.09.093-.08.094-.09a.646.646 0 00-.064-.204l-.074-.153-.098-.18a6.471 6.471 0 00-.058-.098l-.131-.212-.15-.227-.167-.237-.18-.242-.2-.252-.194-.228a8.035 8.035 0 00-.182-.201l-.168-.174a4.55 4.55 0 00-.152-.144l-.133-.112a.87.87 0 00-.195-.127z" stroke="currentColor" stroke-width=".4" fill="currentColor"/></svg></span> <span class="text-sm mt-0.5 transition-colors duration-200 ease-in-out" v-text="contactPerson.phone"></span> </a> </div> <div class="sm:col-span-6"> <form ref="contactForm" action="" @submit.prevent="submitForm()"> <div class="px-6 sm:px-0 grid w-full gap-5 text-gray-700 sm:grid-cols-2"> <div class="sm:hidden"> <h3 class="text-gray-700 font-medium ">Dane osobowe</h3> </div> <div class="relative "> <select id="cform__salutation" name="salutation" autocomplete="salutation" class="form-input form-select" :class="{'form-danger': formErrorsVisible && this.v$.formFields.salutation.$invalid}" v-model="formFields.salutation" > <option value="" default>Proszę wybrać</option> <option value="female" > Pani </option> <option value="male" > Pan </option> <option value="person" > Inne </option> </select> <label for="cform__salutation" class="form-float-label">Tytuł grzecznościowy *</label> <p v-if="formErrorsVisible && this.v$.formFields.salutation.$invalid" class="flex mt-1 text-red-500 text-xxs">Proszę wypełnić pola obowiązkowe</p> </div> <div class="hidden sm:block"></div> <div class="relative"> <input id="cform__firstname" name="firstname" type="text" placeholder="" autocomplete="given-name" class="form-input" v-model="formFields.firstname" > <label for="cform__firstname" class="form-float-label">Imię </label> </div> <div class="relative"> <input id="cform__lastname" name="lastname" type="text" placeholder="" autocomplete="family-name" class="form-input" :class="{'form-danger': formErrorsVisible && this.v$.formFields.lastname.$invalid}" v-model="formFields.lastname" > <label for="cform__lastname" class="form-float-label">Nazwisko *</label> <p v-if="formErrorsVisible && this.v$.formFields.lastname.$invalid" class="flex mt-1 text-red-500 text-xxs">Proszę wypełnić pola obowiązkowe</p> </div> <div class="relative"> <input id="cform__email" name="email" type="text" placeholder="" autocomplete="email" class="form-input" :class="{'form-danger': formErrorsVisible && this.v$.formFields.email.$invalid}" v-model="formFields.email" > <label for="cform__email" class="form-float-label">Adres mailowy *</label> <p v-if="formErrorsVisible && this.v$.formFields.email.$invalid && formFields.email === ''" class="flex mt-1 text-red-500 text-xxs">Proszę wypełnić pola obowiązkowe</p> <p v-if="formErrorsVisible && this.v$.formFields.email.$invalid" class="flex mt-1 text-red-500 text-xxs">Proszę podać poprawny format adresu mailowego</p> </div> <div class="relative"> <input id="cform__phone" name="phone" type="text" placeholder="" autocomplete="phone" class="form-input" v-model="formFields.phone" > <label for="cform__phone" class="form-float-label">Numer telefonu </label> </div> <div class="relative"> <input id="cform__company" name="company" type="text" placeholder="" autocomplete="company" class="form-input" :class="{'form-danger': formErrorsVisible && this.v$.formFields.company.$invalid}" v-model="formFields.company" > <label for="cform__company" class="form-float-label">Firma *</label> <p v-if="formErrorsVisible && this.v$.formFields.company.$invalid" class="flex mt-1 text-red-500 text-xxs">Proszę wypełnić pola obowiązkowe</p> </div> <div class="relative "> <select id="cform__country" name="country" autocomplete="country" class="form-input form-select" :class="{'form-danger': formErrorsVisible && this.v$.formFields.country.$invalid}" v-model="formFields.country" > <option value="" default>Wybierz kraj</option> <option value="other" > Inne </option> <option value="dz" > Algieria </option> <option value="at" > Austria </option> <option value="bs" > Bahamy </option> <option value="bd" > Bangladesz </option> <option value="bb" > Barbados </option> <option value="be" > Belgia </option> <option value="bz" > Belize </option> <option value="bt" > Bhutan </option> <option value="bo" > Boliwia </option> <option value="br" > Brazylia </option> <option value="cn" > Chiny </option> <option value="cz" > Czechy </option> <option value="dk" > Dania </option> <option value="dm" > Dominika </option> <option value="do" > Dominikana </option> <option value="ph" > Filipiny </option> <option value="fi" > Finlandia </option> <option value="fr" > Francja </option> <option value="gd" > Grenada </option> <option value="gt" > Gwatemala </option> <option value="ht" > Haiti </option> <option value="nl" > Holandia </option> <option value="hn" > Honduras </option> <option value="hk" > Hongkong </option> <option value="in" > Indie </option> <option value="id" > Indonezja </option> <option value="ie" > Irlandia </option> <option value="is" > Islandia </option> <option value="jm" > Jamajka </option> <option value="jp" > Japonia </option> <option value="ca" > Kanada </option> <option value="kr" > Korea Południowa </option> <option value="cr" > Kostaryka </option> <option value="li" > Liechtenstein </option> <option value="lu" > Luksemburg </option> <option value="mv" > Malediwy </option> <option value="my" > Malezja </option> <option value="ma" > Maroko </option> <option value="mx" > Meksyk </option> <option value="mm" > Mjanma </option> <option value="md" > Mołdawia </option> <option value="mc" > Monako </option> <option value="np" > Nepal </option> <option value="de" > Niemcy </option> <option value="ni" > Nikaragua </option> <option value="no" > Norwegia </option> <option value="pa" > Panama </option> <option value="pl" > Polska </option> <option value="pr" > Portoryko </option> <option value="ro" > Rumunia </option> <option value="lc" > Saint Lucia </option> <option value="sv" > Salwador </option> <option value="sg" > Singapur </option> <option value="lk" > Sri Lanka </option> <option value="us" > Stany Zjednoczone </option> <option value="ch" > Szwajcaria </option> <option value="se" > Szwecja </option> <option value="th" > Tajlandia </option> <option value="tw" > Tajwan </option> <option value="tt" > Trinidad and Tobago </option> <option value="tn" > Tunezja </option> <option value="tr" > Turcja </option> <option value="ua" > Ukraina </option> <option value="hu" > Węgry </option> <option value="gb" > Wielka Brytania </option> <option value="it" > Włochy </option> </select> <label for="cform__country" class="form-float-label">Kraj *</label> <p v-if="formErrorsVisible && this.v$.formFields.country.$invalid" class="flex mt-1 text-red-500 text-xxs">Proszę wypełnić pola obowiązkowe</p> </div> <div class="relative"> <input id="cform__zip" name="zip" type="text" placeholder="" autocomplete="postal code" class="form-input" :class="{'form-danger': formErrorsVisible && this.v$.formFields.zip.$invalid}" v-model="formFields.zip" > <label for="cform__zip" class="form-float-label">Kod pocztowy *</label> <p v-if="formErrorsVisible && this.v$.formFields.zip.$invalid" class="flex mt-1 text-red-500 text-xxs">Proszę wypełnić pola obowiązkowe</p> </div> <div class="relative"> <input id="cform__city" name="city" type="text" placeholder="" autocomplete="address-level2" class="form-input" v-model="formFields.city" > <label for="cform__city" class="form-float-label">Miejscowość </label> </div> <div class="mt-10 sm:hidden"> <h3 class="text-gray-700 font-medium ">W jakich sprawach możemy Państwu pomóc?</h3> </div> <div class="relative sm:col-span-2"> <select id="cform__topic" name="topic" autocomplete="topic" class="form-input form-select" :class="{'form-danger': formErrorsVisible && this.v$.formFields.topic.$invalid}" v-model="formFields.topic" > <option value="" default>W jakich sprawach możemy Państwu pomóc?</option> <option value="industries_products" > Branże/Produkty </option> <option value="service" > Serwis </option> <option value="company" > Firma </option> <option value="career" > Kariera </option> <option value="training" > Szkolenia </option> </select> <label for="cform__topic" class="form-float-label">Temat zapytania *</label> <p v-if="formErrorsVisible && this.v$.formFields.topic.$invalid" class="flex mt-1 text-red-500 text-xxs">Proszę wypełnić pola obowiązkowe</p> </div> <div class="relative sm:col-span-2" :class="{'form-danger': this.v$.formFields.message.$invalid}"> <textarea id="cform__message" name="message" placeholder="" class="form-input form-textarea scrollbar-hidden" v-model="formFields.message" cols="30" rows="3" oninput='this.style.height = "";this.style.height = this.scrollHeight + "px"'> </textarea> <label for="cform__message" class="w-full bg-white form-float-label">Twoja wiadomość </label> <p class="mt-2 text-xs" :class="{'text-gray-600': !this.v$.formFields.message.$invalid}"> <span v-text="formFields.message.length"></span> <span> / 350 Znak </span> </p> <p v-if="formErrorsVisible && this.v$.formFields.message.$invalid" class="flex mt-1 text-red-500 text-xxs">Proszę zwrócić uwagę na maksymalną długość znaków</p> </div> <div class="text-xs">* Proszę wypełnić pola obowiązkowe</div> <div class="mt-1 sm:col-span-2"> <div class="flex"> <input id="cform__privacy" name="privacy" type="checkbox" autocomplete="off" class="form-checkbox" v-model="formFields.dataprivacy" > <label for="cform__privacy" class="form-label flex flex-top ml-3 mt-0.5"><span>Niniejszym, <a href="/pl/pl/page/zgoda-na-przetwarzanie-danych-formularz-kontaktowy" class="tw-underline-link" target="_blank">wyrażam zgodę</a> na przetwarzanie podanych tutaj danych osobowych. Prosimy o zapoznanie się z informacjami na temat ochrony danych w firmie ENGEL pod adresem <a href="https://www.engelglobal.com/dataprotection" target="_blank" class="tw-underline-link">www.engelglobal.com/dataprotection</a>. *</span></label> </div> <p v-if="formErrorsVisible && this.v$.formFields.dataprivacy.$invalid" class="flex pl-px mt-1 ml-8 text-red-500 text-xxs"> Proszę zaakceptować naszą ochronę danych osobowych </p> </div> <div class="flex mt-2 sm:col-span-2"> <input id="cform__recaptcha" class="form-checkbox" type="checkbox" name="recaptcha" checked autocomplete="off" disabled> <p class="ml-3 mt-0.5 form-label form-recaptcha" ref="googleRecaptcha" data-label="Ta strona internetowa jest chroniona przez reChapta. Obowiązują tu $[0] i $[1] Google" data-privacy="Polityka prywatności" data-terms="Warunki użytkowania" v-html="recaptchaLabel" ></p> </div> <div class="mt-1 sm:col-span-2"> <div class="flex"> <input id="cform__newsletter" name="newsletter" type="checkbox" autocomplete="off" class="form-checkbox" v-model="formFields.newsletter" > <label for="cform__newsletter" class="form-label flex flex-top ml-3 mt-0.5"><span>Tak, chcę zapisac się na newsletter </span></label> </div> </div> </div> <button type="submit" class="items-center justify-center w-full mt-8 tw-button tw-button-primary sm:col-span-2 relative" :class="{'': emailSending}" :disabled="emailSending" title="Wyślij zapytanie" > <span v-show="!emailSending" class="mr-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3L3 8.063V18.75c0 .621.22 1.151.66 1.59.439.44.969.66 1.59.66h13.5c.621 0 1.151-.22 1.59-.66.44-.439.66-.969.66-1.59V8.063L12 3zM4.125 18.75V9.96l5.098 4.061-5.045 5.045a5.847 5.847 0 01-.035-.149.768.768 0 01-.018-.167zm.879 1.09l5.168-5.168L12 15.937l1.828-1.265 5.168 5.168c-.012.012-.747.017-2.206.017H7.219c-1.453 0-2.192-.005-2.215-.017zm14.871-1.09a.768.768 0 01-.018.167 5.847 5.847 0 01-.035.15l-5.045-5.046 5.098-4.06v8.789zM12 14.62L4.125 8.624l7.857-4.307 7.893 4.307L12 14.619z"/></svg></span> <span v-show="emailSending" class="w-4 h-4 mr-2 animate-spin"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle opacity=".25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path opacity=".75" fill="currentColor" d="M4 12a8 8 0 018-8V0A12 12 0 000 12h4zm2 5.3A7.96 7.96 0 014 12H0c0 3.04 1.14 5.82 3 7.94l3-2.65z"/></svg> </span> <span v-show="!emailSending" class="mt-px leading-tight">Wyślij wniosek</span> <span v-show="emailSending" class="mt-px leading-tight">Zapytanie jest wysyłane...</span> </button> <p v-show="!isSuccess" class="flex mt-1 text-sm text-red-500 sm:col-span-2" id="contactform-email-error" > Niestety, Twoje zapytanie z powodu błędu systemowego nie mogło zostać wysłane. Proszę spróbować ponownie jeszcze raz. </p> </form> </div> </div> </div> </div> <div data-vue="LanguageSwitchOverlay"> <div class="fixed inset-0 z-60 transition duration-300 ease-in-out h-full w-full" :class="{'bg-black bg-opacity-30': isOpen, 'pointer-events-none' : !isOpen}" @click="closeOverlay()"></div> <div class="z-60 left-1 right-0 fixed md:m-auto w-full px:0 md:pl-4 md:pr-6 py-3 ml-auto overflow-y-scroll md:overflow-y-auto bg-white md:bg-transparent transition duration-200 ease-in-out sm:px-8 max-w-7xl h-screen md:h-auto md:max-h-fit top-1/2 -translate-y-2/4 overflow-visible" :class="!isOpen ? 'transform translate-y-full hidden content-invisible' : 'content-visible'" v-cloak> <div class="container bg-white lg:bg-transparent sticky md:relative pt-6"> <div class="bg-white lg:-mx-5 xl:ml-0 xl:mr-0 lg:px-3 xl:px-0"> <button @click="closeOverlay()" class="absolute flex-shrink-0 pt-0.5 md:top-12 top-9 right-6 sm:right-16 xl:right-24"> <span class="sm:hidden text-gray-700 hover:text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.503 4.773l-.05.064a.35.35 0 00.05.431l6.481 6.482-6.481 6.482a.35.35 0 000 .495l1.27 1.27.064.05a.35.35 0 00.431-.05l6.482-6.481 6.482 6.481a.35.35 0 00.495 0l1.27-1.27.05-.064a.35.35 0 00-.05-.431l-6.481-6.482 6.481-6.482a.35.35 0 000-.495l-1.27-1.27-.064-.05a.35.35 0 00-.431.05L11.75 9.984 5.268 3.503a.35.35 0 00-.495 0l-1.27 1.27z"/></svg></span> <span class="hidden sm:block text-gray-700 hover:black"><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M23.68 22.138L17.544 16l6.137-6.137a1.09 1.09 0 00-1.542-1.543L16 14.458 9.862 8.32A1.091 1.091 0 008.32 9.862l6.137 6.139-6.138 6.138a1.09 1.09 0 001.543 1.542L16 17.543l6.137 6.138a1.091 1.091 0 001.544-1.543z" fill="currentColor"/></svg></span> </button> <countries-switch-list></countries-switch-list> </div> </div> </div> </div> <div data-vue="SearchOverlay" data-props='{ "language": "pl", "country": "pl", "searchPage": "/pl/pl/szukaj" }'> <div class="fixed inset-0 z-60 transition duration-300 ease-in-out h-full w-full" :class="{'bg-black bg-opacity-30': isOpen, 'pointer-events-none' : !isOpen}" @click="closeOverlay()"></div> <div class="z-60 fixed inset-0 w-full max-h-fit h-full md:mt-36 md:h-auto mx-auto overflow-scroll md:overflow-auto" :class="{'transform translate-y-full hidden': !isOpen}" v-cloak> <div class="container bg-white md:bg-transparent"> <div class="md:relative fixed bg-white top-0 inset-x-0 flex items-center shadow-search px-9 py-6 z-60"> <div> <span class="text-gray-700 hover:text-black"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M13.75 6.5c1.935 0 3.757.755 5.126 2.124A7.203 7.203 0 0121 13.75a7.199 7.199 0 01-1.408 4.295l-.188.244-.098.115 5.044 5.504a.95.95 0 01.095 1.163l-.07.094-.083.086a.948.948 0 01-1.246.033l-.097-.092-5.044-5.502-.118.084a7.182 7.182 0 01-3.418 1.2l-.308.02-.311.006a7.209 7.209 0 01-5.126-2.124A7.203 7.203 0 016.5 13.75c0-1.935.755-3.757 2.124-5.126A7.203 7.203 0 0113.75 6.5zm0 1.9c-2.95 0-5.35 2.4-5.35 5.35 0 2.95 2.4 5.35 5.35 5.35 2.949 0 5.35-2.4 5.35-5.35 0-2.95-2.401-5.35-5.35-5.35z"/></svg></span> </div> <div class="mx-2 w-full">  <input type="text" class="text-base sm:text-sm leading-normal appearance-none bg-white w-full outline-none text-black" :value="searchTerm" @input="e => searchTerm = e.target.value" @keyup.enter="visitSearchPage()" ref="searchInputElement" > </div> <button @click="closeOverlay()"> <span class="text-gray-700 hover:text-black"><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M23.68 22.138L17.544 16l6.137-6.137a1.09 1.09 0 00-1.542-1.543L16 14.458 9.862 8.32A1.091 1.091 0 008.32 9.862l6.137 6.139-6.138 6.138a1.09 1.09 0 001.543 1.542L16 17.543l6.137 6.138a1.091 1.091 0 001.544-1.543z" fill="currentColor"/></svg></span> </button> </div> <div v-if="searchTerm.length > 1 && results.length > 0 && !isLoading && !inputDebounceTimeout" class="py-20 md:py-0 md:overflow-auto bg-white md:h-96 md:relative inset-x-0"> <a :href="result.url" v-for="result in results" class="flex items-center px-5 md:px-9 py-5 hover:shadow-search transition duration-200 ease-in-out"> <img class="object-cover md:h-32 h-20 w-32 md:w-48 lazyload" :data-src="preImageService(result.image, '192x128', 'webp')" :src="preImageService(result.image, '192x128', 'webp')" width="192" height="128"> <div class="ml-5"> <div class="block text-gray-700 mb-1 line-clamp-2"> {{result.title}} </div> <div class="text-xs text-gray-700 max-w-3xl line-clamp-3"> {{ result.text }} </div> </div> </a> </div> <div class="md:relative fixed top-20 md:top-0 inset-x-0 justify-center py-6 bg-white flex items-center text-gray-700" v-if="isLoading && searchTerm.length > 1"> <div class="w-4 h-4 mr-2 animate-spin justify-center"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle opacity=".25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path opacity=".75" fill="currentColor" d="M4 12a8 8 0 018-8V0A12 12 0 000 12h4zm2 5.3A7.96 7.96 0 014 12H0c0 3.04 1.14 5.82 3 7.94l3-2.65z"/></svg> </div> Ładowanie </div> <div class="md:relative fixed top-20 md:top-0 inset-x-0 text-center py-6 bg-white" v-if="searchTerm.length > 1 && results.length === 0 && !isLoading && !inputDebounceTimeout "> Przepraszamy, nie znaleziono żadnych wyników. </div> <a :href="getFullSearchUrl()" class="md:relative fixed bg-white bottom-0 inset-x-0 flex items-center justify-center py-4 shadow-inner" v-if="searchPage && searchTerm.length > 1 && results.length > 0 && !isLoading"> <span class="text-gray-700 hover:text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.27 7.414l1.333-1.331a.35.35 0 01.494 0l5.669 5.668a.35.35 0 010 .495l-5.669 5.668a.35.35 0 01-.494 0L9.27 16.582l-.05-.064a.35.35 0 01.05-.431l4.078-4.089L9.27 7.909a.35.35 0 010-.495z"/></svg></span> <span class="font-semibold text-xs text-gray-700">Wszystkie wyniki dla hasła wyszukiwania</span> </a> </div> </div> </div>  <main id="main" class="sb-indexed__body">  <section class="relative space-y-8 my-0">  <div class="mx-5 lg:mx-10 header" data-vue="Header"> <picture class="block overflow-hidden h-30vh sm:h-40vh md:h-45vh"> <source media="(max-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/640x280/ce9954b392/produkte-automation-spritzguss-mobil.jpg/m/0x280/filters:format(webp)" type="image/webp" width="620" height="280"> <source media="(max-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/640x280/ce9954b392/produkte-automation-spritzguss-mobil.jpg/m/0x280" width="620" height="280"> <source data-srcset="https://a.storyblok.com/f/136567/1920x440/cdb8a7ab11/produkte-automation-spritzguss-desktop.jpg/m/0x440/filters:format(webp)" type="image/webp" width="1920" height="440"> <source data-srcset="https://a.storyblok.com/f/136567/1920x440/cdb8a7ab11/produkte-automation-spritzguss-desktop.jpg/m/0x440" width="1920" height="440"> <img data-src="https://a.storyblok.com/f/136567/1920x440/cdb8a7ab11/produkte-automation-spritzguss-desktop.jpg/m/0x440/filters:format(webp)" class="object-cover object-center w-full h-full lazyload" alt="Grafika przedstawia rozwiązania automatyzacji procesu wtrysku ENGEL" title="Automatyzacja procesu wtrysku | ENGEL" width="1920" height="440" > </picture> <div class="container pl-0 xl:pl-10"> <ul class="flex flex-wrap mt-4 md:mt-6"> <li class="flex items-center text-gray-700"> <a class="text-xs transition hover:text-black" href="https://www.engelglobal.com/pl/pl/home">Strona główna</a> <span class="mx-px"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.27 7.414l1.333-1.331a.35.35 0 01.494 0l5.669 5.668a.35.35 0 010 .495l-5.669 5.668a.35.35 0 01-.494 0L9.27 16.582l-.05-.064a.35.35 0 01.05-.431l4.078-4.089L9.27 7.909a.35.35 0 010-.495z"/></svg> </span> </li> <li class="flex items-center text-gray-700"> <span class="text-xs whitespace-break-spaces">Automatyzacja</span> </li> </ul> </div> <div class="max-w-3xl mx-auto px-5 mt-12"> <h1 class="tw-hero text-center font-normal ">Automatyzacja procesu wtrysku ENGEL</h1> <h2 class="tw-h3 text-center mt-4">Kompletne gniazda produkcyjne z jednego źródła</h2> <div class="tw-paragraph text-center text-gray-600 tw-h3 mt-4"> <p>Kompetencje w obszarze automatyzacji procesu wtrysku na wszystkich poziomach: od wtryskarki, przez roboty i systemy przenośników, po urządzenia peryferyjne. Wszystkie procesy i komponenty są idealnie skoordynowane. Dzięki temu mają Państwo zapewnioną najlepszą jakość detali, stabilne procesy i wysoką wydajność.</p> </div> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32"> <div class="grid gap-4 pt-4 lg:pt-6 pb-8 rounded shadow-teaser facts grid-cols-1 md:grid-cols-3">  <div class="px-8 facts-item"> <div class="tw-h1 text-center mt-4">40</div> <div class="tw-paragraph font-medium text-gray-600 text-center mt-1"> <p>lat doświadczenia w zakresie automatyzacji procesu wtrysku.</p> </div> </div>  <div class="px-8 facts-item"> <div class="tw-h1 text-center mt-4">25.000</div> <div class="tw-paragraph font-medium text-gray-600 text-center mt-1"> <p>zainstalowanych robotów i rozwiązań automatyzacji na całym świecie</p> </div> </div>  <div class="px-8 facts-item"> <div class="tw-h1 text-center mt-4">4</div> <div class="tw-paragraph font-medium text-gray-600 text-center mt-1"> <p>globalne ośrodki automatyzacji</p> </div> </div> </div> </section>  <section class="relative space-y-8 my-24 lg:my-32">  <div class="bg-gray-50 gray-bg-darker-underlines" data-vue="FeatureList" data-props='{ "featureCount": 5 }'> <div class="hidden lg:block " @mouseover="pauseAutoSliding = true" @mouseout="pauseAutoSliding = false"> <div class="container py-12"> <div class="tw-h2 text-gray-700 ">Zalety naszych rozwiązań w obszarze automatyzacji procesu wtrysku</div> <div class="grid grid-cols-12 gap-5 mt-10"> <div class="relative col-span-5 h-128"> <div class="h-full overflow-hidden" ref="labelContainer"> <div style="width: 2px;" class="absolute top-0 bottom-0 bg-gray-200 left-px"></div> <div class="relative"> <div class="absolute transition-transform bg-green-500" style="width: 5px; height: 80px;" :style="{ transform: 'translateY(' + sliderOffset + 'px)' }"></div> <ul ref="featureListContainer" class="relative"> <li class="h-20 pl-5 mb-5" data-slide-index="0" :class="{'inview': currentSlide === 0 }"> <a href="#" @click.prevent="showFeature(0)" class="flex items-center h-full group"> <div :class="{ 'text-gray-700': activeSlide(0), 'text-gray-400': !activeSlide(0) }" class="transition-colors line-clamp-2 tw-h3 group-hover:text-black"> Szeroka gama produktów do automatyzacji procesu wtrysku </div> </a> </li> <li class="h-20 pl-5 mb-5" data-slide-index="1" :class="{'inview': currentSlide === 1 }"> <a href="#" @click.prevent="showFeature(1)" class="flex items-center h-full group"> <div :class="{ 'text-gray-700': activeSlide(1), 'text-gray-400': !activeSlide(1) }" class="transition-colors line-clamp-2 tw-h3 group-hover:text-black"> Automatyzacja procesu wtrysku dostosowana do Państwa wymagań </div> </a> </li> <li class="h-20 pl-5 mb-5" data-slide-index="2" :class="{'inview': currentSlide === 2 }"> <a href="#" @click.prevent="showFeature(2)" class="flex items-center h-full group"> <div :class="{ 'text-gray-700': activeSlide(2), 'text-gray-400': !activeSlide(2) }" class="transition-colors line-clamp-2 tw-h3 group-hover:text-black"> Przyspieszenie i zwiększenie wydajności procesów produkcyjnych </div> </a> </li> <li class="h-20 pl-5 mb-5" data-slide-index="3" :class="{'inview': currentSlide === 3 }"> <a href="#" @click.prevent="showFeature(3)" class="flex items-center h-full group"> <div :class="{ 'text-gray-700': activeSlide(3), 'text-gray-400': !activeSlide(3) }" class="transition-colors line-clamp-2 tw-h3 group-hover:text-black"> Oszczędność czasu poprzez sprawną konfigurację i uruchomienie </div> </a> </li> <li class="h-20 pl-5 mb-12" data-slide-index="4" :class="{'inview': currentSlide === 4 }"> <a href="#" @click.prevent="showFeature(4)" class="flex items-center h-full group"> <div :class="{ 'text-gray-700': activeSlide(4), 'text-gray-400': !activeSlide(4) }" class="transition-colors line-clamp-2 tw-h3 group-hover:text-black"> Jednolite standardy w Europie, Azji i Ameryce </div> </a> </li> </ul> <div class="hidden translate-y-0 lg:block appear-triggered appear-fade" :class="{ 'inview': displayDownArrow }"></div> </div> <div class="absolute bottom-0 left-0 right-0 bg-gray-50"> <button @click="previousSlide" :class="{'opacity-60': !displayUpArrow, 'hover:text-black': displayUpArrow}" class="flex items-center justify-center w-full text-gray-700 fill-current"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 15.247l-1.331-1.331a.35.35 0 010-.495l5.668-5.668a.35.35 0 01.495 0l5.668 5.668a.35.35 0 010 .495l-1.332 1.331-.064.05a.35.35 0 01-.431-.05l-4.089-4.078-4.089 4.079a.35.35 0 01-.495 0z"/></svg> </button> <button @click="scrollDown" :class="{'opacity-60': !displayDownArrow, 'hover:text-black': displayDownArrow}" class="flex items-center justify-center w-full text-gray-700 fill-current"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg> </button> </div> </div> </div> <div class="col-span-7 overflow-hidden h-128"> <div class="relative transition-transform duration-500 ease-out" :style="{transform: 'translateY(-' + slideOffset + 'px)'}">  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/700x350/b980ec4ea5/produkte-automation-spritzguss.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/700x350/b980ec4ea5/produkte-automation-spritzguss.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Zdjęcie przedstawia system automatyzacji z robotem przegubowym ENGEL" title="System automatyzacji | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Sami opracowujemy i produkujemy wszystkie istotne komponenty do systemów automatyzacji procesu wtrysku. Obejmują one roboty liniowe i przegubowe, urządzenia peryferyjne i przenośnikowe, a także chwytaki i osłony bezpieczeństwa. Dzięki tym produktom projektujemy i budujemy dokładnie takie rozwiązania, jakie są potrzebne do niezawodnej produkcji i bezpiecznej obsługi detali.</p> </div> </div>  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/700x350/6d0d8176f5/produkte-automation-sicherheitsumwehrung.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/700x350/6d0d8176f5/produkte-automation-sicherheitsumwehrung.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Zdjęcie przedstawia wtryskarkę z osłoną bezpieczeństwa od ENGEL" title="Automatyzacja procesu wtrysku na zamówienie | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Od prostych rozwiązań z zakresu robotyki i automatyki po złożone i dostosowane do potrzeb klienta systemy produkcyjne dla wszystkich gałęzi przemysłu. Integracja poszczególnych elementów pod względem mechanicznym i systemów sterowania pozwala na uzyskanie kompaktowych rozwiązań, które minimalizują powierzchnię posadowienia i umożliwiają ergonomiczną pracę.</p> </div> </div>  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/700x350/97dd498a52/produkte-steuerung-spritzgiessanlage.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/700x350/97dd498a52/produkte-steuerung-spritzgiessanlage.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Zdjęcie przedstawia wtryskarkę z jednostką sterującą CC300 od ENGEL" title="Cyfrowe rozwiązania automatyzacji procesu wtrysku| ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Oprócz wielu rozwiązań z zakresu automatyzacjimechanicznej, elektrycznej i pneumatycznej w procesach wtrysku, oferujemy również innowacyjne rozwiązania cyfrowe z naszego portfolio produktów inject 4.0. Inteligentne systemy wspomagające pracę robota pomagają w znacznym stopniu zwiększyć wydajność całej produkcji wtryskowej.</p> </div> </div>  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/700x350/af6ee6a654/produkte-maschinenbediener-automation-spritzguss.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/700x350/af6ee6a654/produkte-maschinenbediener-automation-spritzguss.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Zdjęcie przedstawia operatora maszyny przy jednostce sterującej robota ENGEL" title="Szybkie uruchomienie automatyzacji procesu wtrysku| ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Zintegrowana koncepcja sterowania maszyną, robotem i urządzeniami peryferyjnymi za pomocą naszej jednostki sterującej <a href="/pl/pl/produkty/jednostka-sterujaca-wtryskarki" target="_self">wtryskarki CC300 </a>oznacza mniejsze nakłady na szkolenie i szybsze uruchamianie. Wspólne zarządzanie danymi formy, robota i maszyny umożliwia również szybsze przezbrajanie i minimalizuje liczbę błędów.</p> </div> </div>  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/700x350/505101e38c/produkte-montage-spritzguss-roboter.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/700x350/505101e38c/produkte-montage-spritzguss-roboter.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Zdjęcie przedstawia montaż robota ENGEL" title="Jednolite standardy w każdym ośrodku automatyzacji | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Eksperci z naszych ośrodków automatyzacji na całym świecie wspierają Państwo w procesie projektowania i tworzenia koncepcji zautomatyzowanej komórki produkcyjnej. Korzystamy z wiedzy i doświadczenia całej sieci ENGEL. Ponad 55 oddziałów rozmieszczonych na całym świecie i 31 przedstawicielstw gwarantuje jednolite standardy i szybkie wsparcie w zakresie automatyzacji procesu wtrysku.</p> </div> </div> </div> </div> </div> </div> </div> <div class="block lg:hidden"> <div class="container py-14"> <div class="tw-h2 text-gray-700 ">Zalety naszych rozwiązań w obszarze automatyzacji procesu wtrysku</div> <div class="mt-10 divide-y-2 divide-gray-100 border-y-gray-100 border-y-2"> <div class="py-6 sm:px-10"> <a href="#" @click.prevent="toggleAccordion('53c8cad5-caf7-4310-b0f6-ef7c2ed68f20', $event)" class="flex items-center justify-between"> <div class="flex items-center"> <div class="tw-h3 text-gray-700 ">Szeroka gama produktów do automatyzacji procesu wtrysku</div> </div> <div class="ml-6"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpenedInAccordion('53c8cad5-caf7-4310-b0f6-ef7c2ed68f20') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpenedInAccordion('53c8cad5-caf7-4310-b0f6-ef7c2ed68f20') ? 'max-h-180' : 'max-h-0'" class="overflow-hidden duration-300 ease-in-out transition-max-h"> <div class="mt-6">  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/700x350/b980ec4ea5/produkte-automation-spritzguss.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/700x350/b980ec4ea5/produkte-automation-spritzguss.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Zdjęcie przedstawia system automatyzacji z robotem przegubowym ENGEL" title="System automatyzacji | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Sami opracowujemy i produkujemy wszystkie istotne komponenty do systemów automatyzacji procesu wtrysku. Obejmują one roboty liniowe i przegubowe, urządzenia peryferyjne i przenośnikowe, a także chwytaki i osłony bezpieczeństwa. Dzięki tym produktom projektujemy i budujemy dokładnie takie rozwiązania, jakie są potrzebne do niezawodnej produkcji i bezpiecznej obsługi detali.</p> </div> </div> </div> </div> </div> <div class="py-6 sm:px-10"> <a href="#" @click.prevent="toggleAccordion('04c53e67-6f98-47f4-ad99-5c02b71f22bc', $event)" class="flex items-center justify-between"> <div class="flex items-center"> <div class="tw-h3 text-gray-700 ">Automatyzacja procesu wtrysku dostosowana do Państwa wymagań</div> </div> <div class="ml-6"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpenedInAccordion('04c53e67-6f98-47f4-ad99-5c02b71f22bc') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpenedInAccordion('04c53e67-6f98-47f4-ad99-5c02b71f22bc') ? 'max-h-180' : 'max-h-0'" class="overflow-hidden duration-300 ease-in-out transition-max-h"> <div class="mt-6">  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/700x350/6d0d8176f5/produkte-automation-sicherheitsumwehrung.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/700x350/6d0d8176f5/produkte-automation-sicherheitsumwehrung.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Zdjęcie przedstawia wtryskarkę z osłoną bezpieczeństwa od ENGEL" title="Automatyzacja procesu wtrysku na zamówienie | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Od prostych rozwiązań z zakresu robotyki i automatyki po złożone i dostosowane do potrzeb klienta systemy produkcyjne dla wszystkich gałęzi przemysłu. Integracja poszczególnych elementów pod względem mechanicznym i systemów sterowania pozwala na uzyskanie kompaktowych rozwiązań, które minimalizują powierzchnię posadowienia i umożliwiają ergonomiczną pracę.</p> </div> </div> </div> </div> </div> <div class="py-6 sm:px-10"> <a href="#" @click.prevent="toggleAccordion('e0c76192-1ffd-4a81-94b1-ee6f14141a99', $event)" class="flex items-center justify-between"> <div class="flex items-center"> <div class="tw-h3 text-gray-700 ">Przyspieszenie i zwiększenie wydajności procesów produkcyjnych</div> </div> <div class="ml-6"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpenedInAccordion('e0c76192-1ffd-4a81-94b1-ee6f14141a99') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpenedInAccordion('e0c76192-1ffd-4a81-94b1-ee6f14141a99') ? 'max-h-180' : 'max-h-0'" class="overflow-hidden duration-300 ease-in-out transition-max-h"> <div class="mt-6">  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/700x350/97dd498a52/produkte-steuerung-spritzgiessanlage.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/700x350/97dd498a52/produkte-steuerung-spritzgiessanlage.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Zdjęcie przedstawia wtryskarkę z jednostką sterującą CC300 od ENGEL" title="Cyfrowe rozwiązania automatyzacji procesu wtrysku| ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Oprócz wielu rozwiązań z zakresu automatyzacjimechanicznej, elektrycznej i pneumatycznej w procesach wtrysku, oferujemy również innowacyjne rozwiązania cyfrowe z naszego portfolio produktów inject 4.0. Inteligentne systemy wspomagające pracę robota pomagają w znacznym stopniu zwiększyć wydajność całej produkcji wtryskowej.</p> </div> </div> </div> </div> </div> <div class="py-6 sm:px-10"> <a href="#" @click.prevent="toggleAccordion('b64b00f1-c497-40d4-a10d-fa7cfcc68faf', $event)" class="flex items-center justify-between"> <div class="flex items-center"> <div class="tw-h3 text-gray-700 ">Oszczędność czasu poprzez sprawną konfigurację i uruchomienie</div> </div> <div class="ml-6"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpenedInAccordion('b64b00f1-c497-40d4-a10d-fa7cfcc68faf') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpenedInAccordion('b64b00f1-c497-40d4-a10d-fa7cfcc68faf') ? 'max-h-180' : 'max-h-0'" class="overflow-hidden duration-300 ease-in-out transition-max-h"> <div class="mt-6">  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/700x350/af6ee6a654/produkte-maschinenbediener-automation-spritzguss.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/700x350/af6ee6a654/produkte-maschinenbediener-automation-spritzguss.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Zdjęcie przedstawia operatora maszyny przy jednostce sterującej robota ENGEL" title="Szybkie uruchomienie automatyzacji procesu wtrysku| ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Zintegrowana koncepcja sterowania maszyną, robotem i urządzeniami peryferyjnymi za pomocą naszej jednostki sterującej <a href="/pl/pl/produkty/jednostka-sterujaca-wtryskarki" target="_self">wtryskarki CC300 </a>oznacza mniejsze nakłady na szkolenie i szybsze uruchamianie. Wspólne zarządzanie danymi formy, robota i maszyny umożliwia również szybsze przezbrajanie i minimalizuje liczbę błędów.</p> </div> </div> </div> </div> </div> <div class="py-6 sm:px-10"> <a href="#" @click.prevent="toggleAccordion('c4ad0449-1c30-48d9-9d18-8810e5768b45', $event)" class="flex items-center justify-between"> <div class="flex items-center"> <div class="tw-h3 text-gray-700 ">Jednolite standardy w Europie, Azji i Ameryce</div> </div> <div class="ml-6"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpenedInAccordion('c4ad0449-1c30-48d9-9d18-8810e5768b45') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpenedInAccordion('c4ad0449-1c30-48d9-9d18-8810e5768b45') ? 'max-h-180' : 'max-h-0'" class="overflow-hidden duration-300 ease-in-out transition-max-h"> <div class="mt-6">  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/700x350/505101e38c/produkte-montage-spritzguss-roboter.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/700x350/505101e38c/produkte-montage-spritzguss-roboter.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Zdjęcie przedstawia montaż robota ENGEL" title="Jednolite standardy w każdym ośrodku automatyzacji | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Eksperci z naszych ośrodków automatyzacji na całym świecie wspierają Państwo w procesie projektowania i tworzenia koncepcji zautomatyzowanej komórki produkcyjnej. Korzystamy z wiedzy i doświadczenia całej sieci ENGEL. Ponad 55 oddziałów rozmieszczonych na całym świecie i 31 przedstawicielstw gwarantuje jednolite standardy i szybkie wsparcie w zakresie automatyzacji procesu wtrysku.</p> </div> </div> </div> </div> </div> </div> </div> </div> <modal :showing="showModal" @close="closeModal" v-cloak> <video-playback v-if="videoUrl" :url="videoUrl" :cookies-accepted="false"></video-playback> </modal> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32">  <div class="max-w-4xl px-4 mx-auto cta-box"> <div class="flex justify-center"> </div> <div class="tw-h2 text-center mt-4">Czy mają Państwa pytania dotyczące automatyzacji procesu wtrysku ENGEL?</div> <div class="tw-paragraph text-gray-600 text-center mt-2"> <p>Jesteśmy do Państwa dyspozycji jeśli chodzi o fachowe doradztwo i wspólne poszukiwanie indywidualnych rozwiązań z zakresu automatyzacji produkcji wtryskowej.</p> </div> <div class="flex justify-center"> <a class="mt-6 tw-button tw-button-primary " href="#contact" target="_self" title="Link do kontaktu" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Zapraszamy do kontaktu</span> </a> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32">  <div class="grid grid-cols-1 gap-5 lg:grid-cols-12 md:max-w-3xl md:mx-auto lg:max-w-none image-text"> <div class="lg:col-span-7 w-full "> <div class="overflow-hidden max-h-72 md:max-h-full md:overflow-visible w-full"> <div class="w-full h-fit m-0"> <picture class="block flex h-full"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/700x350/135844d7f7/produkte-spritzguss-automation-roboter.jpg/m/1280x0/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/700x350/135844d7f7/produkte-spritzguss-automation-roboter.jpg/m/640x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/700x350/135844d7f7/produkte-spritzguss-automation-roboter.jpg/m/1536x0/filters:format(webp)" type="image/webp"><source media="(min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/700x350/135844d7f7/produkte-spritzguss-automation-roboter.jpg/m/768x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 1024px)" data-srcset="https://a.storyblok.com/f/136567/700x350/135844d7f7/produkte-spritzguss-automation-roboter.jpg/m/2048x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1024px)" data-srcset="https://a.storyblok.com/f/136567/700x350/135844d7f7/produkte-spritzguss-automation-roboter.jpg/m/1024x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 1280px)" data-srcset="https://a.storyblok.com/f/136567/700x350/135844d7f7/produkte-spritzguss-automation-roboter.jpg/m/2560x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1280px)" data-srcset="https://a.storyblok.com/f/136567/700x350/135844d7f7/produkte-spritzguss-automation-roboter.jpg/m/1280x0/filters:format(webp)" type="image/webp"> <source media="" data-srcset="https://a.storyblok.com/f/136567/700x350/135844d7f7/produkte-spritzguss-automation-roboter.jpg/m/640x0" srcset="" width="640" height="0"> <img data-src="https://a.storyblok.com/f/136567/700x350/135844d7f7/produkte-spritzguss-automation-roboter.jpg/m/640x0/filters:format(webp)" width="640" height="0" class="lazyload object-cover " alt="Zdjęcie przedstawia robota ENGEL" title="Robot dla produkcji wtryskowej | ENGEL" > </picture> </div> </div> </div> <div class="lg:col-span-5 lg:pl-5"> <div class="tw-h1 ">Roboty ENGEL</div> <div class="tw-paragraph font-medium text-gray-700 mt-4"> <p>Zwiększenie wydajności dzięki innowacyjnej robotyce</p> </div> <div class="tw-paragraph text-gray-600 text-sm mt-4"> <p>Oferujemy niezawodne i precyzyjne roboty liniowe i wieloosiowe dla wymagających wyzwań produkcyjnych w zróżnicowanym otoczeniu. W ramach oferty automatyzacji nasze roboty są zoptymalizowane pod kątem produkcji wtryskowej w wielu konfiguracjach, w wielu zakresach udźwigu i zasięgu. Zapewniają one wysoką wydajność i efektywną obsługę detali.</p> </div> </div> </div> </section>  <section class="relative space-y-8 my-24 lg:my-32">  <div class="teaser-group " data-vue="TeaserGroup" data-props='{ "teaserCount": 3, "useThirds": "", "groupSize": 3, "slideable": true }'> <div class="container"> <div class="teaser-group-wrapper max-w-3xl mx-auto"> <div class="tw-h1 text-center ">Nasze portfolio robotów</div> </div> <div class="relative mt-2"> <div ref="container" class="mt-8 keen-slider "> <div class="keen-slider__slide">  <div class="relative flex flex-col h-full overflow-hidden bg-white rounded-sm shadow-teaser teaser"> <a href="/pl/pl/produkty/automatyzacja-procesu-wtrysku/robot-liniowy" target="_self" title="Link wewnętrzny" class="relative flex-shrink-0 block overflow-hidden max-h-60 m-0.5"> <picture class="block transition-transform duration-500 hover:scale-105 flex h-full"> <source media="" data-srcset="https://a.storyblok.com/f/136567/1400x640/399e9e7cee/produkte-linearroboter.jpg/m/720x420" srcset="" width="720" height="420"> <img data-src="https://a.storyblok.com/f/136567/1400x640/399e9e7cee/produkte-linearroboter.jpg/m/720x420/filters:format(webp)" width="720" height="420" class="lazyload object-cover transition-transform duration-500 " alt="Zdjęcie przedstawia robota liniowego ENGEL" title="Robot liniowy | ENGEL" > </picture> </a> <div class="flex flex-col justify-between h-full px-10 pt-8 pb-10"> <h3 class="tw-h3 text-center ">Robot liniowy</h3> <div class="mb-0.5"> <div class="tw-paragraph text-sm font-medium text-gray-700 text-center mt-2"> <p>viper</p> </div> </div> <div class="teaser__text"> <div class="tw-paragraph text-gray-600 text-sm text-center mt-2"> <p>Wydajne i elastyczne roboty liniowe do szerokiej gamy zastosowań</p> </div> </div> <div class="flex justify-center mt-auto"> <a class="mt-6 tw-button tw-button-secondary-outline " href="/pl/pl/produkty/automatyzacja-procesu-wtrysku/robot-liniowy" target="_self" title="Link wewnętrzny" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Dowiedz się więcej</span> </a> </div> </div> </div> </div> <div class="keen-slider__slide">  <div class="relative flex flex-col h-full overflow-hidden bg-white rounded-sm shadow-teaser teaser"> <a href="/pl/pl/produkty/automatyzacja-procesu-wtrysku/chwytak-wlewkow" target="_self" title="Link wewnętrzny" class="relative flex-shrink-0 block overflow-hidden max-h-60 m-0.5"> <picture class="block transition-transform duration-500 hover:scale-105 flex h-full"> <source media="" data-srcset="https://a.storyblok.com/f/136567/1400x640/42dcac74c3/produkte-angusspicker.jpg/m/720x420" srcset="" width="720" height="420"> <img data-src="https://a.storyblok.com/f/136567/1400x640/42dcac74c3/produkte-angusspicker.jpg/m/720x420/filters:format(webp)" width="720" height="420" class="lazyload object-cover transition-transform duration-500 " alt="Zdjęcie przedstawia chwytak wlewków ENGEL" title="Chwytak wlewków | ENGEL" > </picture> </a> <div class="flex flex-col justify-between h-full px-10 pt-8 pb-10"> <h3 class="tw-h3 text-center ">Chwytak wlewków</h3> <div class="mb-0.5"> <div class="tw-paragraph text-sm font-medium text-gray-700 text-center mt-2"> <p>pic & e-pic</p> </div> </div> <div class="teaser__text"> <div class="tw-paragraph text-gray-600 text-sm text-center mt-2"> <p>Kompaktowe, niezawodne i energooszczędne roboty i chwytaki wlewków typu pic & e-pic</p> </div> </div> <div class="flex justify-center mt-auto"> <a class="mt-6 tw-button tw-button-secondary-outline " href="/pl/pl/produkty/automatyzacja-procesu-wtrysku/chwytak-wlewkow" target="_self" title="Link wewnętrzny" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Dowiedz się więcej</span> </a> </div> </div> </div> </div> <div class="keen-slider__slide">  <div class="relative flex flex-col h-full overflow-hidden bg-white rounded-sm shadow-teaser teaser"> <a href="/pl/pl/produkty/automatyzacja-procesu-wtrysku/robot-przegubowy" target="_self" title="Link wewnętrzny" class="relative flex-shrink-0 block overflow-hidden max-h-60 m-0.5"> <picture class="block transition-transform duration-500 hover:scale-105 flex h-full"> <source media="" data-srcset="https://a.storyblok.com/f/136567/1400x640/86783fd42b/produkte-knickarmroboter.jpg/m/720x420" srcset="" width="720" height="420"> <img data-src="https://a.storyblok.com/f/136567/1400x640/86783fd42b/produkte-knickarmroboter.jpg/m/720x420/filters:format(webp)" width="720" height="420" class="lazyload object-cover transition-transform duration-500 " alt="Zdjęcie przedstawia robota przegubowego ENGEL" title="Robot przegubowy | ENGEL" > </picture> </a> <div class="flex flex-col justify-between h-full px-10 pt-8 pb-10"> <h3 class="tw-h3 text-center ">Robot przegubowy</h3> <div class="mb-0.5"> <div class="tw-paragraph text-sm font-medium text-gray-700 text-center mt-2"> <p>easix</p> </div> </div> <div class="teaser__text"> <div class="tw-paragraph text-gray-600 text-sm text-center mt-2"> <p>Do elastycznych i złożonych zadań manipulacyjnych oraz precyzyjnej obróbki detali</p> </div> </div> <div class="flex justify-center mt-auto"> <a class="mt-6 tw-button tw-button-secondary-outline " href="/pl/pl/produkty/automatyzacja-procesu-wtrysku/robot-przegubowy" target="_self" title="Link wewnętrzny" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Dowiedz się więcej</span> </a> </div> </div> </div> </div> </div> <button v-if="slider && isLooping && !isDisabled" @click="slider.prev()" class="ml-2.5 lg:ml-0 slider__arrow slider__arrow-prev" aria-label="Poprzedni slajd"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.765 7.414l-1.332-1.331a.35.35 0 00-.494 0L7.27 11.75a.35.35 0 000 .495l5.669 5.668a.35.35 0 00.494 0l1.332-1.332.05-.064a.35.35 0 00-.05-.431l-4.078-4.089 4.079-4.089a.35.35 0 000-.495z"/></svg></button> <button v-if="slider && isLooping && !isDisabled" @click="slider.next()" class="mr-2.5 lg:mr-0 slider__arrow slider__arrow-next" aria-label="Następny slajd"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.27 7.414l1.333-1.331a.35.35 0 01.494 0l5.669 5.668a.35.35 0 010 .495l-5.669 5.668a.35.35 0 01-.494 0L9.27 16.582l-.05-.064a.35.35 0 01.05-.431l4.078-4.089L9.27 7.909a.35.35 0 010-.495z"/></svg></button> </div> <div v-if="slider && isLooping && !isDisabled" class="flex justify-center mt-8"> <button v-for="(_slide, idx) in dotHelper" @click="slider.moveToIdx(idx)" :class="{ 'slider__dot': true, 'slider__dot--active': current === idx }" :key="idx" aria-hidden></button> </div> <modal :showing="showModal" @close="closeModal" v-cloak> <video-playback v-if="videoUrl" :url="videoUrl" :cookies-accepted="false"></video-playback> </modal> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32">  <div class="grid grid-cols-1 gap-5 lg:grid-cols-12 md:max-w-3xl md:mx-auto lg:max-w-none image-text"> <div class="lg:col-span-7 w-full lg:col-start-6"> <div class="overflow-hidden max-h-72 md:max-h-full md:overflow-visible w-full"> <div class="w-full h-fit m-0"> <picture class="block flex h-full"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1460x820/74e22a7599/produkte-foerdertechnik.jpg/m/1280x0/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1460x820/74e22a7599/produkte-foerdertechnik.jpg/m/640x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/1460x820/74e22a7599/produkte-foerdertechnik.jpg/m/1536x0/filters:format(webp)" type="image/webp"><source media="(min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/1460x820/74e22a7599/produkte-foerdertechnik.jpg/m/768x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 1024px)" data-srcset="https://a.storyblok.com/f/136567/1460x820/74e22a7599/produkte-foerdertechnik.jpg/m/2048x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1024px)" data-srcset="https://a.storyblok.com/f/136567/1460x820/74e22a7599/produkte-foerdertechnik.jpg/m/1024x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 1280px)" data-srcset="https://a.storyblok.com/f/136567/1460x820/74e22a7599/produkte-foerdertechnik.jpg/m/2560x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1280px)" data-srcset="https://a.storyblok.com/f/136567/1460x820/74e22a7599/produkte-foerdertechnik.jpg/m/1280x0/filters:format(webp)" type="image/webp"> <source media="" data-srcset="https://a.storyblok.com/f/136567/1460x820/74e22a7599/produkte-foerdertechnik.jpg/m/640x0" srcset="" width="640" height="0"> <img data-src="https://a.storyblok.com/f/136567/1460x820/74e22a7599/produkte-foerdertechnik.jpg/m/640x0/filters:format(webp)" width="640" height="0" class="lazyload object-cover " alt="Zdjęcie przedstawia technologię przenośnika wtryskarki ENGEL" title="Technika przenośników wtryskowych Wtryskarka | ENGEL" > </picture> </div> </div> </div> <div class="lg:col-span-5 lg:pr-5 lg:col-start-1 lg:row-start-1"> <div class="tw-h1 ">Technologia przenośników taśmowych</div> <div class="tw-paragraph font-medium text-gray-700 mt-4"> <p>Wszechstronne systemy przenośników taśmowych do wydajnego przenoszenia detali</p> </div> <div class="tw-paragraph text-gray-600 text-sm mt-4"> <p>Nasza technologia przenośników składa się z różnych rozwiązań przenośników taśmowych, które ostrożnie i sprawnie przekłądają elementy formowane wtryskowo poza jednostkę produkcyjną. Z robotem lub bez, wolnostojące lub zintegrowane. Nasza technologia przenośników oferuje elastyczne rozwiązania, jakich potrzebują Państwo w przypadku szybkich i niezawodnych procesów produkcyjnych.</p> </div> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32">  <div class="max-w-4xl mx-auto customer-quote" data-vue="CustomerQuote"> <div class="tw-h1 text-center ">Tak ziała automatyzacja 24/7</div> <div class="relative"> <div ref="container" class=" mt-6 keen-slider">  <div class="flex flex-col md:grid md:gap-8 keen-slider__slide md:grid-cols-12"> <div class="flex justify-center md:col-span-5 md:items-center customer-quote__image"> <picture class="block "> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/680x680/7be43b29a2/produkte-hannes-peterseil_schlecht.jpg/m/730x730/filters:format(webp)" type="image/webp"><source media="(min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/680x680/7be43b29a2/produkte-hannes-peterseil_schlecht.jpg/m/365x365/filters:format(webp)" type="image/webp"> <source media="" data-srcset="https://a.storyblok.com/f/136567/680x680/7be43b29a2/produkte-hannes-peterseil_schlecht.jpg/m/192x192" srcset="" width="192" height="192"> <img data-src="https://a.storyblok.com/f/136567/680x680/7be43b29a2/produkte-hannes-peterseil_schlecht.jpg/m/192x192/filters:format(webp)" width="192" height="192" class="lazyload " alt="Zdjęcie przedstawia kierownika zakładu w Steinbach International GmbH" title="Hannes Peterseil | Steinbach International GmbH" > </picture> </div> <div class="flex flex-col justify-center mt-6 md:mt-0 md:col-span-7"> <figure class="relative text-center md:text-left"> <span class="hidden text-gray-400 md:ml-px md:block" aria-hidden><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M2.835 28.194C9.475 24.93 13.58 18.86 13.58 12.246 13.58 7.353 10.872 4 6.94 4 3.62 4 1 6.537 1 9.89c0 2.537 1.573 4.621 3.931 5.255 2.709.635 2.796.725 2.796 2.175 0 3.171-2.271 6.071-6.64 8.699l1.748 2.175zm17.419 0C26.894 24.93 31 18.86 31 12.246 31 7.353 28.292 4 24.36 4c-3.32 0-5.94 2.537-5.94 5.89 0 2.537 1.572 4.621 3.93 5.255 2.71.635 2.797.725 2.797 2.175 0 3.171-2.272 6.071-6.64 8.699l1.747 2.175z"/></svg></span> <blockquote class="md:mt-2 md:pr-8 tw-h2 md:text-left customer-quote__blockquote"> <p>Kiedy wysyłamy zgłoszenie serwisowe do ENGEL, zdarza się nawet, że już 20 minut później technik serwisu jest w zakładzie. Dostajemy doskonałą technologię i najszybszy serwis.</p> </blockquote> <figcaption class="mt-3"> <cite class="text-xs not-italic leading-normal text-gray-600">Hannes Peterseil, dyrektor zakładu w Steinbach International GmbH</cite> </figcaption> </figure> </div> </div> </div> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32">  <div class="video-explorer explorer" data-vue="Explorer" data-props='{ "totalSlides": 5 }'> <div class="max-w-3xl mb-5"> <div class="tw-h2 ">Automatyzacja procesu wtrysku stosowana w wielu gałęziach przemysłu</div> </div> <div class="lg:grid lg:grid-cols-12 lg:gap-5" @mouseover="pauseAutoSliding = true" @mouseout="pauseAutoSliding = false"> <div class="hidden lg:block lg:col-span-7"> <ul class="relative">  <li class="cursor-pointer explorer-item keen-slider__slide appear-triggered appear-fade absolute inset-0" data-slide-index="0" :class="{ 'inview': current === 0 }" > <button @click="openModal('https://www.youtube.com/watch?v=X_13z2H5TsY', '1ca63357-58ae-48b9-929a-6c746196d3ca')" class="relative block w-full group " id="1ca63357-58ae-48b9-929a-6c746196d3ca"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1274/659"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1274x659/dbb337bc13/produkte-medizintechnik-anwendung.jpg/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1274x659/dbb337bc13/produkte-medizintechnik-anwendung.jpg/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1274x659/dbb337bc13/produkte-medizintechnik-anwendung.jpg/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Wideo pokazuje zastosowanie technologii medycznej" title="Zastosowanie w technice medycznej" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> </li>  <li class="cursor-pointer explorer-item keen-slider__slide appear-triggered appear-fade absolute inset-0" data-slide-index="1" :class="{ 'inview': current === 1 }" > <button @click="openModal('https://www.youtube.com/watch?v=6mDuaPAQiEY', '72d426c2-ed9c-4a75-a08b-af34b53900e3')" class="relative block w-full group " id="72d426c2-ed9c-4a75-a08b-af34b53900e3"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1270/660"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1270x660/c345ce79a6/produkte-automobil-mobilitaet-anwendung.jpg/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1270x660/c345ce79a6/produkte-automobil-mobilitaet-anwendung.jpg/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1270x660/c345ce79a6/produkte-automobil-mobilitaet-anwendung.jpg/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Wideo pokazuje zastosowanie motoryzacji" title="Zastosowanie w motoryzacji" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> </li>  <li class="cursor-pointer explorer-item keen-slider__slide appear-triggered appear-fade absolute inset-0" data-slide-index="2" :class="{ 'inview': current === 2 }" > <button @click="openModal('https://www.youtube.com/watch?v=D0EUQjlhaPc', '35b35805-be8a-4049-9328-c3755a466780')" class="relative block w-full group " id="35b35805-be8a-4049-9328-c3755a466780"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1227/615"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1227x615/dd67b4fa7a/produkte-verpackung-anwendung.jpg/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1227x615/dd67b4fa7a/produkte-verpackung-anwendung.jpg/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1227x615/dd67b4fa7a/produkte-verpackung-anwendung.jpg/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Film pokazuje zastosowanie w przemyśle opakowaniowym" title="Zastosowanie w przemyśle opakowaniowym" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> </li>  <li class="cursor-pointer explorer-item keen-slider__slide appear-triggered appear-fade absolute inset-0" data-slide-index="3" :class="{ 'inview': current === 3 }" > <button @click="openModal('https://www.youtube.com/watch?v=iK-yMxyP3HQ', 'a475d8dc-93d0-491f-9dff-d2631b56ecaa')" class="relative block w-full group " id="a475d8dc-93d0-491f-9dff-d2631b56ecaa"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1274/664"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1274x664/9410e3a755/produkte-technischer-spritzguss-anwendung.JPG/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1274x664/9410e3a755/produkte-technischer-spritzguss-anwendung.JPG/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1274x664/9410e3a755/produkte-technischer-spritzguss-anwendung.JPG/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Film pokazuje zastosowanie w technicznych formach wtryskowych" title="Zastosowanie we wtrysku technicznym" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> </li>  <li class="cursor-pointer explorer-item keen-slider__slide appear-triggered appear-fade absolute inset-0" data-slide-index="4" :class="{ 'inview': current === 4 }" > <button @click="openModal('https://www.youtube.com/watch?v=CnB7POR_hGQ', 'ea488c0f-a4c5-4fb9-8ca5-e44765628bd6')" class="relative block w-full group " id="ea488c0f-a4c5-4fb9-8ca5-e44765628bd6"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1274/655"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1274x655/f4a69d311b/produkte-elektronik-anwendung.JPG/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1274x655/f4a69d311b/produkte-elektronik-anwendung.JPG/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1274x655/f4a69d311b/produkte-elektronik-anwendung.JPG/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Wideo pokazuje automatyzację formowania wtryskowego w elektronice użytkowej" title="Automatyzacja procesu wtrysku w elektronice użytkowej" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> </li> </ul> </div> <div class="relative lg:col-span-5"> <div class="flex flex-col overflow-hidden lg:h-picture-md explorer-remove-scroll-shadow-mobile"> <div class="z-10 hidden rotate-180 translate-y-0 lg:block explorer-scroll-gradient appear-triggered appear-fade" :class="{ 'inview': showTopGradient }"></div> <ul ref="container" class="relative h-full keen-slider scrollbar-hidden lg:overflow-hidden" :class="{ 'explorer-video-list': totalSlides > 1 }">  <li class="cursor-pointer explorer-item keen-slider__slide lg:pr-5 explorer-item--full" data-slide-index="0" :class="{ 'inview': current === 0 }" @click="moveToSlideUponClick(0)" > <button @click="openModal('https://www.youtube.com/watch?v=X_13z2H5TsY', '1ca63357-58ae-48b9-929a-6c746196d3ca')" class="relative block w-full group lg:hidden" id="1ca63357-58ae-48b9-929a-6c746196d3ca"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1274/659"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1274x659/dbb337bc13/produkte-medizintechnik-anwendung.jpg/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1274x659/dbb337bc13/produkte-medizintechnik-anwendung.jpg/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1274x659/dbb337bc13/produkte-medizintechnik-anwendung.jpg/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Wideo pokazuje zastosowanie technologii medycznej" title="Zastosowanie w technice medycznej" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> <div class="tw-h2 text-gray-700 mt-2">Zastosowanie w technice medycznej</div> <div class="transition-opacity explorer-item__text"> <div class="tw-paragraph text-gray-600 text-sm mt-2"> <p>Kompaktowość ENGEL compact cell w znaczącym stopniu podnosi także kompaktowość konstrukcji gniazda produkcyjnego dla komponentów medycznych.</p> </div> </div> </li>  <li class="cursor-pointer explorer-item keen-slider__slide lg:pr-5 explorer-item--full" data-slide-index="1" :class="{ 'inview': current === 1 }" @click="moveToSlideUponClick(1)" > <button @click="openModal('https://www.youtube.com/watch?v=6mDuaPAQiEY', '72d426c2-ed9c-4a75-a08b-af34b53900e3')" class="relative block w-full group lg:hidden" id="72d426c2-ed9c-4a75-a08b-af34b53900e3"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1270/660"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1270x660/c345ce79a6/produkte-automobil-mobilitaet-anwendung.jpg/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1270x660/c345ce79a6/produkte-automobil-mobilitaet-anwendung.jpg/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1270x660/c345ce79a6/produkte-automobil-mobilitaet-anwendung.jpg/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Wideo pokazuje zastosowanie motoryzacji" title="Zastosowanie w motoryzacji" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> <div class="tw-h2 text-gray-700 mt-2">Zastosowanie w motoryzacji</div> <div class="transition-opacity explorer-item__text"> <div class="tw-paragraph text-gray-600 text-sm mt-2"> <p>Kompaktowe gniazdo produkcyjne do formowania trzech arkuszy organoleptycznych o różnych grubościach. Zastosowano tu rozwiązanie wykorzystujące trzy roboty przegubowe easix i dwa piece na podczerwień.</p> </div> </div> </li>  <li class="cursor-pointer explorer-item keen-slider__slide lg:pr-5 explorer-item--full" data-slide-index="2" :class="{ 'inview': current === 2 }" @click="moveToSlideUponClick(2)" > <button @click="openModal('https://www.youtube.com/watch?v=D0EUQjlhaPc', '35b35805-be8a-4049-9328-c3755a466780')" class="relative block w-full group lg:hidden" id="35b35805-be8a-4049-9328-c3755a466780"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1227/615"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1227x615/dd67b4fa7a/produkte-verpackung-anwendung.jpg/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1227x615/dd67b4fa7a/produkte-verpackung-anwendung.jpg/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1227x615/dd67b4fa7a/produkte-verpackung-anwendung.jpg/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Film pokazuje zastosowanie w przemyśle opakowaniowym" title="Zastosowanie w przemyśle opakowaniowym" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> <div class="tw-h2 text-gray-700 mt-2">Zastosowanie w przemyśle opakowaniowym</div> <div class="transition-opacity explorer-item__text"> <div class="tw-paragraph text-gray-600 text-sm mt-2"> <p>Na wtryskarce e-motion 220 zastosowano proces wtrysku z rozdmuchem w technologii cube do produkcji małych pojemników razem z robotem przegubowym easix.</p> </div> </div> </li>  <li class="cursor-pointer explorer-item keen-slider__slide lg:pr-5 explorer-item--full" data-slide-index="3" :class="{ 'inview': current === 3 }" @click="moveToSlideUponClick(3)" > <button @click="openModal('https://www.youtube.com/watch?v=iK-yMxyP3HQ', 'a475d8dc-93d0-491f-9dff-d2631b56ecaa')" class="relative block w-full group lg:hidden" id="a475d8dc-93d0-491f-9dff-d2631b56ecaa"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1274/664"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1274x664/9410e3a755/produkte-technischer-spritzguss-anwendung.JPG/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1274x664/9410e3a755/produkte-technischer-spritzguss-anwendung.JPG/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1274x664/9410e3a755/produkte-technischer-spritzguss-anwendung.JPG/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Film pokazuje zastosowanie w technicznych formach wtryskowych" title="Zastosowanie we wtrysku technicznym" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> <div class="tw-h2 text-gray-700 mt-2">Zastosowanie we wtrysku technicznym</div> <div class="transition-opacity explorer-item__text"> <div class="tw-paragraph text-gray-600 text-sm mt-2"> <p>Zobacz produkcję skrzynek transportowych z surowców pochodzących z recyklatu i porównawczo z surowca pierwotnego na wtryskarce duo z robotem liniowym viper.</p> </div> </div> </li>  <li class="cursor-pointer explorer-item keen-slider__slide lg:pr-5 explorer-item--full" data-slide-index="4" :class="{ 'inview': current === 4 }" @click="moveToSlideUponClick(4)" > <button @click="openModal('https://www.youtube.com/watch?v=CnB7POR_hGQ', 'ea488c0f-a4c5-4fb9-8ca5-e44765628bd6')" class="relative block w-full group lg:hidden" id="ea488c0f-a4c5-4fb9-8ca5-e44765628bd6"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1274/655"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1274x655/f4a69d311b/produkte-elektronik-anwendung.JPG/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1274x655/f4a69d311b/produkte-elektronik-anwendung.JPG/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1274x655/f4a69d311b/produkte-elektronik-anwendung.JPG/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Wideo pokazuje automatyzację formowania wtryskowego w elektronice użytkowej" title="Automatyzacja procesu wtrysku w elektronice użytkowej" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> <div class="tw-h2 text-gray-700 mt-2">Automatyzacja procesu wtrysku w elektronice użytkowej</div> <div class="transition-opacity explorer-item__text"> <div class="tw-paragraph text-gray-600 text-sm mt-2"> <p>Wielokrotna forma o złożonej geometrii detalu prezentuje zalety naszej wtryskarki e-mac w połączeniu z robotem liniowym viper.</p> </div> </div> </li> <div v-if="slider && slider.slides.length > 1" class="z-10 hidden explorer-scroll-indicator lg:block" :style=" {transform: `translateY(${slideIndicatorTop}px) scale3d(1, ${slideIndicatorHeight}, 1)`}"></div> </ul> <div class="hidden translate-y-0 lg:block explorer-scroll-gradient appear-triggered appear-fade" :class="{ 'inview': displayDownArrow }"></div> <div class="mt-auto"> <button @click="slider.prev()" class="ml-2.5 lg:ml-0 slider__arrow slider__arrow-prev lg:hidden md:top-56" aria-label="Poprzedni slajd"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.765 7.414l-1.332-1.331a.35.35 0 00-.494 0L7.27 11.75a.35.35 0 000 .495l5.669 5.668a.35.35 0 00.494 0l1.332-1.332.05-.064a.35.35 0 00-.05-.431l-4.078-4.089 4.079-4.089a.35.35 0 000-.495z"/></svg></button> <button @click="slider.next()" class="mr-2.5 lg:mr-0 slider__arrow slider__arrow-next lg:hidden md:top-56" aria-label="Następny slajd"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.27 7.414l1.333-1.331a.35.35 0 01.494 0l5.669 5.668a.35.35 0 010 .495l-5.669 5.668a.35.35 0 01-.494 0L9.27 16.582l-.05-.064a.35.35 0 01.05-.431l4.078-4.089L9.27 7.909a.35.35 0 010-.495z"/></svg></button> </div> <button @click.prevent="scrollUp" v-if="slider && slider.slides.length > 1" :class="{ 'opacity-60': !displayUpArrow, 'hover:text-black': displayUpArrow }" class="items-center justify-center hidden text-gray-700 transition-opacity fill-current lg:flex"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 15.247l-1.331-1.331a.35.35 0 010-.495l5.668-5.668a.35.35 0 01.495 0l5.668 5.668a.35.35 0 010 .495l-1.332 1.331-.064.05a.35.35 0 01-.431-.05l-4.089-4.078-4.089 4.079a.35.35 0 01-.495 0z"/></svg> </button> <button @click.prevent="scrollDown" v-if="slider && slider.slides.length > 1" :class="{ 'opacity-60': !displayDownArrow, 'hover:text-black': displayDownArrow }" class="items-center justify-center hidden text-gray-700 transition-opacity fill-current lg:flex"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg> </button> </div> <div v-if="slider" class="flex justify-center mt-8 lg:hidden"> <button v-for="(_slide, idx) in dotHelper" @click="slider.moveToIdx(idx)" :class="{ 'slider__dot': true, 'slider__dot--active': current === idx }" :key="idx" aria-hidden></button> </div> <modal :showing="showModal" @close="closeModal" v-cloak> <video-playback v-if="videoUrl" :url="videoUrl" :cookies-accepted="false"></video-playback> </modal> </div> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32">   <div class="max-w-4xl mx-auto customer-quote" data-vue="CustomerQuote"> <div class="grid grid-cols-1 md:gap-8 md:grid-cols-12"> <div class="text-center md:col-start-4 md:col-span-9 tw-h2 md:text-left">Skuteczność wspólnych działań w automatyzacji formowania wtryskowego</div> </div> <div class="relative"> <div ref="container" class="md:mt-0 mt-6 keen-slider">  <div class="flex flex-col md:grid md:gap-8 keen-slider__slide md:grid-cols-12"> <div class="flex justify-center md:col-span-3 md:items-center customer-quote__image"> <picture class="block "> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/240x240/ab56f6836c/produkte-joerg-fuhrmann.jpg/m/240x240/filters:format(webp)" type="image/webp"><source media="(min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/240x240/ab56f6836c/produkte-joerg-fuhrmann.jpg/m/120x120/filters:format(webp)" type="image/webp"> <source media="" data-srcset="https://a.storyblok.com/f/136567/240x240/ab56f6836c/produkte-joerg-fuhrmann.jpg/m/120x120" srcset="" width="120" height="120"> <img data-src="https://a.storyblok.com/f/136567/240x240/ab56f6836c/produkte-joerg-fuhrmann.jpg/m/120x120/filters:format(webp)" width="120" height="120" class="lazyload rounded-full" alt="Zdjęcie przedstawia kierownika działu automatyzacji w ENGEL Austria" title="Jörg Fuhrmann | ENGEL" > </picture> </div> <div class="flex flex-col justify-start mt-6 md:justify-center md:col-span-9"> <figure class="relative text-center md:text-left"> <span class="hidden text-gray-400 md:ml-px md:block" aria-hidden><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M2.835 28.194C9.475 24.93 13.58 18.86 13.58 12.246 13.58 7.353 10.872 4 6.94 4 3.62 4 1 6.537 1 9.89c0 2.537 1.573 4.621 3.931 5.255 2.709.635 2.796.725 2.796 2.175 0 3.171-2.271 6.071-6.64 8.699l1.748 2.175zm17.419 0C26.894 24.93 31 18.86 31 12.246 31 7.353 28.292 4 24.36 4c-3.32 0-5.94 2.537-5.94 5.89 0 2.537 1.572 4.621 3.93 5.255 2.71.635 2.797.725 2.797 2.175 0 3.171-2.272 6.071-6.64 8.699l1.747 2.175z"/></svg></span> <blockquote class="text-gray-700 md:mt-2 md:pr-8 md:text-lg md:text-left customer-quote__blockquote"> <p>W ENGEL wtryskarka i robot to praca zespołowa: wspólna baza danych, koordynacja dopasowanych do siebie ruchów i dynamika determinowana sytuacją. Jako duet - wtryskarka ENGEL i robot ENGEL - są bezkonkurencyjne, jeśli chodzi o krótkie cykle i optymalną wydajność energetyczną.</p> </blockquote> <figcaption class="mt-3"> <cite class="text-xs not-italic leading-normal text-gray-600">Jörg Fuhrmann, kierownik działu automatyki w ENGEL Austria</cite> </figcaption> </figure> <div class="flex justify-center md:justify-start"> <a class="mt-6 tw-button tw-button-primary " href="#contact" target="_self" title="Link do kontaktu" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Zapytaj o rozwiązanie</span> </a> </div> </div> </div> </div> </div> </div> </section>  <section class="relative space-y-8 my-24 lg:my-32"> <span id="magazine" class="absolute left-0 w-full h-px -top-32 md:-top-48"></span>  <div class="relative" data-vue="Downloads" data-props='{"downloadsCount": 2, "slideable": false }'> <div class="bg-gray-50 absolute inset-x-0 top-0 h-3/5"></div> <div class="container relative py-14 px-8"> <div class="tw-h1 text-center text-gray-700 ">Dokumenty do pobrania</div> <div class="mt-8"> <div class="relative"> <div class="relative flex justify-center"> <div class="max-w-full flex-shrink-0 flex-grow-0 relative"> <div ref="container" class="keen-slider lg:relative lg:flex lg:justify-content">  <div class="flex justify-center keen-slider__slide px-5 " data-download-item="bfffd456-d5fd-43fb-bf28-13ab2bf6fabc"> <div class="relative flex flex-col max-w-64" style="max-width: 256px"> <a class="download-item__image group flex overflow-hidden shadow-download-image hover:shadow-download-image-hover" href=" https://www.yumpu.com/en/document/read/68736228/engel-injection-moulding-automation" style="min-height: 325px; min-width: 230px;" target="_blank"> <div class="max-w-full flex-shrink-0 flex-grow-0 relative inline-block rounded-sm transition-transform duration-500 group-hover:scale-105" style="aspect-ratio:595/842"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/595x842/ca5d0156e8/brochure-automation-robots.jpg/m/256x361" srcset="" width="256" height="361"> <img data-src="https://a.storyblok.com/f/136567/595x842/ca5d0156e8/brochure-automation-robots.jpg/m/256x361/filters:format(webp)" width="256" height="361" class="lazyload " alt="Zdjęcie przedstawia okładkę broszury Automation" title="Broszura Automation | ENGEL" > </picture> </div> </a> <div class="mt-5"> <div class="text-sm font-medium text-gray-600"> </div> <div class=""> <div class="tw-h3 text-gray-700 hyphenate ">Roboty</div> </div> <div class="mt-5 flex items-center justify-start"> <div class="relative mr-4 -mt-2 flex-shrink-0"> <select class="form-input form-select" name="download-language" @change="languageChanged($event, 'bfffd456-d5fd-43fb-bf28-13ab2bf6fabc')"> <option value="en" data-file="https://www.yumpu.com/en/document/read/68736228/engel-injection-moulding-automation">EN</option> </select> </div> <div v-show="isDownloadButtonShown('bfffd456-d5fd-43fb-bf28-13ab2bf6fabc', 'en', true)"> <a class=" tw-button tw-button-secondary-outline " href="https://www.yumpu.com/en/document/read/68736228/engel-injection-moulding-automation" target="_blank" title="Link zewnętrzny" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">zobacz więcej</span> </a> </div> </div> </div> </div> </div> <div class="flex justify-center keen-slider__slide px-5 " data-download-item="fb1edca7-fb0b-4acf-8efc-50634f8278bb"> <div class="relative flex flex-col max-w-64" style="max-width: 256px"> <a class="download-item__image group flex overflow-hidden shadow-download-image hover:shadow-download-image-hover" href=" https://www.yumpu.com/en/document/read/68809400/conveyor-systems" style="min-height: 325px; min-width: 230px;" target="_blank"> <div class="max-w-full flex-shrink-0 flex-grow-0 relative inline-block rounded-sm transition-transform duration-500 group-hover:scale-105" style="aspect-ratio:595/842"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/595x842/94b505faed/brochure-conveyor-systems.jpg/m/256x361" srcset="" width="256" height="361"> <img data-src="https://a.storyblok.com/f/136567/595x842/94b505faed/brochure-conveyor-systems.jpg/m/256x361/filters:format(webp)" width="256" height="361" class="lazyload " alt="Zdjęcie przedstawia systemy przenośników Okładka broszury" title="Broszura dotycząca systemów przenośników | ENGEL " > </picture> </div> </a> <div class="mt-5"> <div class="text-sm font-medium text-gray-600"> </div> <div class=""> <div class="tw-h3 text-gray-700 hyphenate ">Systemy przenośników</div> </div> <div class="mt-5 flex items-center justify-start"> <div class="relative mr-4 -mt-2 flex-shrink-0"> <select class="form-input form-select" name="download-language" @change="languageChanged($event, 'fb1edca7-fb0b-4acf-8efc-50634f8278bb')"> <option value="en" data-file="https://www.yumpu.com/en/document/read/68809400/conveyor-systems">EN</option> </select> </div> <div v-show="isDownloadButtonShown('fb1edca7-fb0b-4acf-8efc-50634f8278bb', 'en', true)"> <a class=" tw-button tw-button-secondary-outline " href="https://www.yumpu.com/en/document/read/68809400/conveyor-systems" target="_blank" title="Link zewnętrzny" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">zobacz więcej</span> </a> </div> </div> </div> </div> </div> </div> </div> <div class="sm:hidden"> <button @click="slider.prev()" class="ml-2 slider__arrow slider__arrow-prev top-48" aria-label="Poprzedni slajd"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.765 7.414l-1.332-1.331a.35.35 0 00-.494 0L7.27 11.75a.35.35 0 000 .495l5.669 5.668a.35.35 0 00.494 0l1.332-1.332.05-.064a.35.35 0 00-.05-.431l-4.078-4.089 4.079-4.089a.35.35 0 000-.495z"/></svg></button> <button @click="slider.next()" class="mr-2 slider__arrow slider__arrow-next top-48" aria-label="Następny slajd"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.27 7.414l1.333-1.331a.35.35 0 01.494 0l5.669 5.668a.35.35 0 010 .495l-5.669 5.668a.35.35 0 01-.494 0L9.27 16.582l-.05-.064a.35.35 0 01.05-.431l4.078-4.089L9.27 7.909a.35.35 0 010-.495z"/></svg></button> </div> </div> <div class="sm:hidden"> <div v-if="slider" class="flex justify-center mt-8"> <button v-for="(_slide, idx) in dotHelper" @click="slider.moveToIdx(idx)" :class="{ 'slider__dot': true, 'slider__dot--active': current === idx }" :key="idx" aria-hidden></button> </div> </div> </div> </div> </div> </div> </section> </main>  <aside data-vue="StickyContact" v-cloak> <div class="fixed z-40 inline-flex items-center transition-all rounded-sm appearance-none sm:right-0 whitespace-nowrap sm:bottom-8 ease duration-700 translate-y-0" :class="{ 'bottom-4 right-3 bg-transparent hover:bg-transparent cursor-pointer pr-1 pl-2 h-11 md:hover:bg-green-600 md:bg-green-500 md:shadow-button-primary md:pr-5 ': !isSuccess, 'bottom-0 right-0 pl-3 sm:pl-4 h-24 bg-white shadow-service-contact sm:pr-20 w-full sm:w-auto': isSuccess, '-translate-y-12': isAtBottom }" id="js-sticky-contact" @click="openContactOverlay('\u007B\u0022_uid\u0022\u003A\u0022b05e0e26\u002D6a83\u002D49b2\u002D87f6\u002D15118e4897e1\u0022,\u0022image\u0022\u003A\u007B\u0022id\u0022\u003A5614417,\u0022alt\u0022\u003Anull,\u0022name\u0022\u003A\u0022\u0022,\u0022focus\u0022\u003Anull,\u0022title\u0022\u003Anull,\u0022filename\u0022\u003A\u0022https\u003A\\\/\\\/a.storyblok.com\\\/f\\\/136567\\\/256x256\\\/9a07ea9206\\\/produkte\u002Dpiotr\u002Dnachilo.jpg\u0022,\u0022copyright\u0022\u003Anull,\u0022fieldtype\u0022\u003A\u0022asset\u0022\u007D,\u0022phone\u0022\u003A\u0022\u0022,\u0022lastname\u0022\u003A\u0022Nachi\\u0142o\u0022,\u0022position\u0022\u003A\u0022managing\u002Ddirector\u0022,\u0022component\u0022\u003A\u0022contact\u002Dperson\u0022,\u0022firstname\u0022\u003A\u0022Piotr\u0022\u007D', 'dyrektor\u0020zarz\u0105dzaj\u0105cy')" > <span class="absolute top-0 bottom-0 left-0 w-1 transition bg-green-500 rounded-l-sm" :class="{'opacity-0': !isSuccess}" ></span> <div class="relative"> <img class="transition-all border-white rounded-full w-14 h-14" :class="{ 'md:border-3 border-4 mr-1 shadow-sticky-contact md:shadow-none md:transform md:-translate-y-3': !isSuccess, 'border-1 sm:border-0 mr-2 sm:mr-4': isSuccess }" src="https://a.storyblok.com/f/136567/256x256/9a07ea9206/produkte-piotr-nachilo.jpg/m/112x112/filters:format(webp)" alt="" title="" width="56" height="56" > <span v-show="isSuccess" class="absolute text-green-500 cursor-pointer right-2 -bottom-1" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 24a11.75 11.75 0 01-6.048-1.632 12.148 12.148 0 01-4.32-4.32A11.75 11.75 0 010 12c0-2.176.544-4.192 1.632-6.048a12.148 12.148 0 014.32-4.32A11.75 11.75 0 0112 0c2.176 0 4.192.544 6.048 1.632a12.148 12.148 0 014.32 4.32A11.75 11.75 0 0124 12a11.75 11.75 0 01-1.632 6.048 12.148 12.148 0 01-4.32 4.32A11.75 11.75 0 0112 24zm-1.636-6.272l8.958-8.957L17.525 7l-7.16 7.16-3.568-3.592L5 12.364l5.364 5.364z"/><path fill="#fff" d="M10.364 17.728l8.958-8.957L17.525 7l-7.161 7.161-3.567-3.593L5 12.364z"/></svg></span> </div> <span v-show="!isSuccess" class="hidden text-xs font-bold tracking-wide text-white uppercase md:inline-block leading-tighter" >Zapraszamy do kontaktu</span> <div v-show="isSuccess" class="pr-3"> <p class="block font-bold text-gray-700 normal-case">Dziękujemy</p> <p class="block text-sm text-gray-700 normal-case">Twoja wiadomość została pomyślnie wysłana </p> </div> <span v-show="isSuccess" class="absolute w-4 h-4 text-gray-700 cursor-pointer right-4 top-4 hover:text-black" ><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M2.335 3.182l-.033.042a.233.233 0 00.033.288l4.321 4.321-4.321 4.321a.233.233 0 000 .33l.847.848.042.033c.09.056.21.045.288-.033L7.833 9.01l4.321 4.32a.233.233 0 00.33 0l.848-.847.033-.042a.233.233 0 00-.033-.288L9.01 7.834l4.32-4.322a.233.233 0 000-.33l-.847-.847-.042-.033a.233.233 0 00-.288.033l-4.32 4.321-4.322-4.321a.233.233 0 00-.33 0l-.847.847z"/></svg></span> </div> </aside> <div class="bg-gray-50" data-vue="OpenContactOverlay"> <div class="container py-10 grid lg:grid-cols-11"> <div class="lg:col-span-11 grid px-5 lg:grid-cols-12 lg:px-0"> <div class="mx-auto mb-6 text-center lg:col-span-2 lg:mb-0"> <img class="w-20 h-20 mx-auto mb-2 border-white rounded-full lg:mb-4 lg:w-24 lg:h-24 border-3 lazyload" data-src="https://a.storyblok.com/f/136567/256x256/9a07ea9206/produkte-piotr-nachilo.jpg/m/0x180/filters:format(webp)" alt="" width="90" height="90"> <p class="font-medium text-gray-700">Piotr Nachiło</p> <p class="text-xs text-gray-600">dyrektor zarządzający</p> </div> <div></div> <div class="max-w-lg mx-auto text-center lg:col-span-9 lg:text-left lg:mx-0 relative lg:pb-16"> <p class="tw-h2">Napisz do nas</p> <div class="mt-1 text-xs lg:mt-2 lg:text-base">Zespół ENGEL jest do Twojej dyspozycji, oferując rozległą wiedzę na temat przetwórstwa tworzyw</div> <button title="Zapraszamy do kontaktu" class="mt-6 tw-button tw-button-primary lg:absolute lg:bottom-0" @click="openContactOverlay('\u007B\u0022_uid\u0022\u003A\u0022b05e0e26\u002D6a83\u002D49b2\u002D87f6\u002D15118e4897e1\u0022,\u0022image\u0022\u003A\u007B\u0022id\u0022\u003A5614417,\u0022alt\u0022\u003Anull,\u0022name\u0022\u003A\u0022\u0022,\u0022focus\u0022\u003Anull,\u0022title\u0022\u003Anull,\u0022filename\u0022\u003A\u0022https\u003A\\\/\\\/a.storyblok.com\\\/f\\\/136567\\\/256x256\\\/9a07ea9206\\\/produkte\u002Dpiotr\u002Dnachilo.jpg\u0022,\u0022copyright\u0022\u003Anull,\u0022fieldtype\u0022\u003A\u0022asset\u0022\u007D,\u0022phone\u0022\u003A\u0022\u0022,\u0022lastname\u0022\u003A\u0022Nachi\\u0142o\u0022,\u0022position\u0022\u003A\u0022managing\u002Ddirector\u0022,\u0022component\u0022\u003A\u0022contact\u002Dperson\u0022,\u0022firstname\u0022\u003A\u0022Piotr\u0022\u007D', 'dyrektor\u0020zarz\u0105dzaj\u0105cy')" > <span class="mt-px leading-tight">Zapraszamy do kontaktu</span> </button> </div> </div> </div> </div> <footer class="relative pt-10 mt-10 bg-white md:pt-16"> <a class="absolute top-0 p-2 text-gray-700 -translate-x-1/2 -translate-y-1/2 bg-white z-20 shadow fill-current left-1/2" href="#" data-vue="BackToTop" @click.prevent="scrollToTop"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 15.247l-1.331-1.331a.35.35 0 010-.495l5.668-5.668a.35.35 0 01.495 0l5.668 5.668a.35.35 0 010 .495l-1.332 1.331-.064.05a.35.35 0 01-.431-.05l-4.089-4.078-4.089 4.079a.35.35 0 01-.495 0z"/></svg> </a> <div class="container flex flex-wrap justify-between"> <div class="order-1 w-full text-center md:w-1/4 md:text-left"> <address class="not-italic"> <div class="text-gray-700 mb-2.5">Skontaktuj się z nami</div> <div class="flex mb-2.5 justify-center md:justify-start"> <span class="fill-current text-gray-700 mr-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.587 2.9c.37 0 .785.232 1.317.723.39.363.826.85 1.255 1.402.28.36.596.8.882 1.258.44.705.696 1.278.696 1.667 0 .506-.267.838-1.042 1.357l-.364.235-.626.39-.2.132-.085.06-.15.114-.214.185c-.032.028-.05.039-.055.027.843 2.104 3.434 4.695 5.469 5.536.044-.015.134-.087.28-.268l.113-.149.192-.285.445-.715c.582-.925.98-1.318 1.537-1.318.39 0 .963.256 1.667.696.457.285.892.598 1.259.882a11.91 11.91 0 011.4 1.256c.492.53.724.946.724 1.316 0 .63-.519 1.526-1.213 2.284-.628.684-1.353 1.225-2.1 1.376l-.188.029-.201.01-.344-.007c-1.509-.06-3.1-.513-4.738-1.347-1.623-.826-3.225-2.008-4.635-3.42-1.41-1.411-2.59-3.015-3.416-4.64C3.355 9.92 2.9 8.21 2.9 6.6c0-.867.598-1.738 1.408-2.486.754-.694 1.65-1.214 2.28-1.214zm.023 1.11L6.579 4l-.064.007c-.303.055-.905.405-1.46.916C4.403 5.523 4 6.172 4 6.6c0 6 7.393 13.4 13.387 13.4.427 0 1.076-.405 1.676-1.06.555-.603.92-1.264.926-1.518-.02-.12-.216-.38-.553-.72l-.245-.238-.284-.257-.322-.272-.356-.284-.342-.255a15.046 15.046 0 00-.168-.12l-.328-.224-.31-.2-.145-.088-.267-.156a5.75 5.75 0 00-.231-.122l-.187-.086a.63.63 0 00-.182-.054c-.033.01-.124.083-.27.268l-.135.184-.155.233-.437.701c-.595.948-1.002 1.349-1.575 1.349a.972.972 0 01-.364-.071c-2.388-.956-5.202-3.77-6.157-6.157-.168-.421-.055-.885.452-1.346.059-.053.12-.104.186-.156l.217-.16.265-.178.89-.556.214-.144.172-.127.133-.111.131-.13a.912.912 0 00-.09-.286l-.104-.216-.139-.254a9.13 9.13 0 00-.081-.14l-.186-.298-.211-.32-.235-.334-.255-.341-.283-.356-.272-.321a11.337 11.337 0 00-.257-.285l-.237-.244a6.42 6.42 0 00-.215-.204l-.187-.159a1.227 1.227 0 00-.275-.178z"/></svg></span> <a href="tel:+48 22 510 3801" class="text-xs text-gray-700 hover:text-black mr-6 md:mr-0">+48 22 510 3801</a> </div> <div class="flex justify-center md:justify-start mb-14"> <span class="fill-current text-gray-700 mr-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.364 21.77L7.16 16.568a7.056 7.056 0 01-1.915-3.338 7.211 7.211 0 010-3.73 7.139 7.139 0 011.907-3.347 7.139 7.139 0 013.346-1.907 7.211 7.211 0 013.731 0 7.139 7.139 0 013.346 1.907 7.139 7.139 0 011.907 3.346 7.211 7.211 0 010 3.731 7.056 7.056 0 01-1.915 3.338l-5.203 5.204zm4.058-6.348a5.733 5.733 0 001.489-2.602 5.73 5.73 0 000-2.913 5.646 5.646 0 00-1.497-2.593 5.646 5.646 0 00-2.594-1.498 5.73 5.73 0 00-2.913 0 5.646 5.646 0 00-2.593 1.498 5.646 5.646 0 00-1.498 2.593 5.73 5.73 0 000 2.913c.262.993.764 1.86 1.506 2.602l4.042 4.042 4.058-4.059v.017zM12.364 13a1.57 1.57 0 01-1.154-.483 1.574 1.574 0 01-.483-1.153c0-.448.161-.832.483-1.154a1.574 1.574 0 011.154-.483c.447 0 .831.161 1.153.483.322.322.483.706.483 1.154 0 .447-.16.831-.483 1.153a1.574 1.574 0 01-1.153.483z"/></svg></span> <span class="text-xs text-gray-700 mr-6 md:mr-2">ENGEL POLSKA Sp. z o.o.<br /> ul. Ostródzka 50 B<br /> 03-289 Warszawa<br /> Polska</span> </div> </address> </div> <div class="order-2 w-full text-center md:w-1/4 md:text-left"> <div data-vue="FooterNavigation"> <div class=" justify-center md:justify-start mb-2.5 flex items-center md:mb-2.5" @click.prevent="toggle"> <div class="text-gray-700 text-sm md:text-base">Platformy usług</div> </div> <div class=""> <ul class="mb-14"> <li class="mb-2.5"> <a href="https://engel.sourcing-eu.ariba.com/ad/selfRegistration" class="tw-link-small" target="_blank" > <span>Zgłoś się jako dostawca</span> <span class="fill-current text-gray-700 ml-2 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </li> <li class="mb-2.5"> <a href="https://purchasing.engelglobal.com/" class="tw-link-small" target="_blank" > <span>Portal dla dostawców</span> <span class="fill-current text-gray-700 ml-2 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </li> <li class="mb-2.5"> <a href="https://customertraining.engelglobal.com/" class="tw-link-small" target="_blank" > <span>Platforma e-learningowa</span> <span class="fill-current text-gray-700 ml-2 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </li> <li class="mb-2.5"> <a href="/pl/pl/rozwiazania-cyfrowe/e-connect-portal" class="tw-link-small" > <span>Portal klienta e-connect</span> </a> </li> </ul> </div> </div> </div> <div class="order-3 w-full md:w-1/4"> <div data-vue="FooterNavigation"> <div class=" lg:cursor-auto cursor-pointer py-7 border-t-2 border-gray-200 px-4 md:px-0 md:border-0 md:p-0 justify-between flex items-center md:mb-2.5" @click.prevent="toggle"> <div class="text-gray-700 text-sm md:text-base">Inne obszary</div> <span class="fill-current md:hidden transition-transform duration-300 ease-in-out" :class="{ 'rotate-180': open, 'rotate-0': !open }"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> <div :class="{ 'max-h-0': !open, 'max-h-80': open }" class=" md:max-h-full overflow-hidden px-4 md:px-0 ease-in-out duration-300 transition-max-h "> <ul class="mb-14"> <li class="mb-2.5"> <a href="/pl/pl/targi-i-imprezy" class="tw-link-small" > <span>Targi i imprezy</span> </a> </li> <li class="mb-2.5"> <a href="https://blog.engelglobal.com" class="tw-link-small" target="_blank" > <span>Blog</span> <span class="fill-current text-gray-700 ml-2 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </li> <li class="mb-2.5"> <a href="/pl/pl/newsletter" class="tw-link-small" > <span>Subskrybuj nasz newsletter</span> </a> </li> <li class="mb-2.5"> <a href="/pl/pl/firma/centrum-multimedialne/nowosci-prasa" class="tw-link-small" > <span>Nowości i prasa</span> </a> </li> <li class="mb-2.5"> <a href="/pl/pl/certyfikat-jakosci" class="tw-link-small" > <span>Certyfikaty</span> </a> </li> <li class="mb-2.5"> <a href="/pl/pl/global-supply-chain-management" class="tw-link-small" > <span>Zakupy</span> </a> </li> <li class="mb-2.5"> <a href="https://app.loupe.link/whistleblowing/ff56d0b5-3cab-4a3a-918f-3665f49389ad" class="tw-link-small" target="_blank" > <span>Infolinia integralności</span> <span class="fill-current text-gray-700 ml-2 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </li> </ul> </div> </div> </div> <div class="order-1 w-full text-center md:w-1/4 md:order-4 md:text-left"> <div> <div class="text-gray-700 mb-2.5"> Obserwuj nas </div> <div class="text-xs text-gray-700 mb-4"> Zajrzyj za kulisy świata formowania wtryskowego </div> <div class="flex justify-center md:justify-start mb-14 flex-wrap"> <a href="https://www.linkedin.com/company/76790490" target="_blank" class="mr-6 mb-2.5"> <span class="fill-current transition-all text-gray-700 hover:text-black"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M24.445 24.453h-3.55v-5.57c0-1.328-.027-3.035-1.856-3.035-1.851 0-2.133 1.44-2.133 2.937v5.668h-3.554V12.998h3.414v1.563h.046c.476-.903 1.637-1.851 3.368-1.851 3.6 0 4.269 2.37 4.269 5.453v6.288l-.004.001zM9.336 11.434a2.063 2.063 0 01-2.063-2.067 2.065 2.065 0 112.063 2.067zm1.78 13.02h-3.56V13h3.562v11.453zM26.228 4H5.77C4.793 4 4 4.773 4 5.73v20.54c0 .957.793 1.73 1.77 1.73h20.453C27.2 28 28 27.228 28 26.27V5.73C28 4.773 27.199 4 26.223 4h.004z"/></svg></span> </a> <a href="https://www.facebook.com/ENGEL-Polska-103107008029611/" target="_blank" class="mr-6 mb-2.5"> <span class="fill-current transition-all text-gray-700 hover:text-black"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M26.675 4H5.325C4.593 4 4 4.593 4 5.325v21.35C4 27.408 4.593 28 5.325 28h11.494v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.324 0 2.463.098 2.795.143v3.24h-1.918c-1.504 0-1.795.715-1.795 1.764v2.312h3.586l-.467 3.622h-3.12V28h6.117c.731 0 1.324-.593 1.324-1.325V5.325A1.325 1.325 0 0026.675 4z"/></svg></span> </a> <a href="https://www.youtube.com/c/engelglobal" target="_blank" class="mr-6 mb-2.5"> <span class="fill-current transition-all text-gray-700 hover:text-black"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16.85 14.2c2.265.004 4.517.033 6.65.3.9 0 1.8.9 2.1 1.95.3 1.5.3 3.15.3 4.65v.505c-.004 1.36-.033 2.812-.3 4.145-.15 1.05-1.05 1.8-2.1 1.95-2.55.3-4.95.3-7.5.3s-4.95 0-7.5-.3c-1.05-.15-1.8-.9-2.1-1.95-.3-1.5-.3-3.15-.3-4.65v-.505c.004-1.36.033-2.812.3-4.145.3-1.05 1.2-1.95 2.1-1.95 2.55-.3 4.95-.3 7.5-.3zm5.6 4.65c-.75 0-1.2.3-1.5.75-.15.3-.3.75-.3 1.5v2.25c0 .6.15 1.2.45 1.5.45.45.9.75 1.5.75.75 0 1.2-.3 1.5-.75.15-.3.3-.45.3-.75v-.9h-1.2v.75c-.15.3-.3.45-.6.45-.45 0-.6-.3-.6-.9v-1.2h2.1v-1.38c-.003-.537-.03-1.05-.3-1.32-.3-.45-.75-.75-1.35-.75zm-10.65-2.4H7.6v1.35h1.35v7.65h1.35V17.8h1.5v-1.35zm1.35 2.25h-1.2v5.25c0 .6.15.9.15 1.05.15.3.3.45.75.45s.9-.15 1.35-.75v.75h1.2V18.7h-1.2v4.95c-.3.45-.45.6-.75.6-.15 0-.3-.15-.3-.3V18.7zm4.5-2.25h-1.2v8.85h1.2v-.6c.3.45.75.75 1.2.75.45 0 .75-.3.9-.75.15-.3.15-.75.15-1.35v-2.918c-.002-.492-.019-.87-.15-1.132-.15-.45-.45-.75-.9-.75s-.75.3-1.2.75v-2.85zm.6 3.3c.3 0 .45.3.45.9v2.85c0 .6-.15.9-.45.9-.15 0-.45-.15-.6-.3v-4.05c.15-.15.45-.3.6-.3zm4.35 0c.45 0 .6.3.6.9v.6H22v-.6c0-.6.15-.9.6-.9zM10.75 4l.9 3.45.9-3.45h1.35l-1.65 5.4V13H10.9V9.4c0-.6-.3-1.65-.75-2.85-.3-.9-.6-1.65-.9-2.55h1.5zm4.95 2.25c.6 0 1.05.15 1.35.6.3.45.45.9.45 1.65v2.25c0 .75-.15 1.35-.45 1.5-.3.45-.75.75-1.35.75-.6 0-1.05-.15-1.35-.6-.3-.3-.45-.75-.45-1.5V8.5c0-.75.15-1.2.45-1.5.3-.45.75-.75 1.35-.75zm4.05 0v5.4c0 .15.15.3.3.3.3 0 .45-.15.75-.6v-5.1H22V13h-1.2v-.75c-.45.45-.9.75-1.35.75-.45 0-.75-.15-.75-.45-.15-.3-.15-.6-.15-1.05V6.25h1.2zM15.7 7.3c-.45 0-.6.3-.6.9v2.85c0 .6.15.9.6.9.45 0 .6-.3.6-.9V8.2c0-.6-.15-.9-.6-.9z"/></svg></span> </a> <a href="https://www.instagram.com/engel_injection_moulding/" target="_blank" class="mb-2.5"> <span class="fill-current transition-all text-gray-700 hover:text-black"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 11.834A4.174 4.174 0 0011.834 16 4.174 4.174 0 0016 20.166 4.174 4.174 0 0020.166 16 4.174 4.174 0 0016 11.834zM28.494 16c0-1.725.015-3.434-.081-5.156-.097-2-.554-3.775-2.016-5.238-1.466-1.465-3.238-1.918-5.238-2.015-1.725-.097-3.434-.082-5.156-.082-1.725 0-3.434-.015-5.156.082-2 .096-3.775.553-5.238 2.015-1.465 1.466-1.918 3.238-2.015 5.238-.097 1.725-.081 3.434-.081 5.156 0 1.722-.016 3.434.08 5.156.098 2 .554 3.775 2.016 5.238 1.466 1.465 3.238 1.919 5.238 2.015 1.725.097 3.434.082 5.156.082 1.725 0 3.434.015 5.156-.082 2-.096 3.775-.553 5.238-2.015 1.466-1.466 1.919-3.238 2.016-5.238.1-1.722.08-3.431.08-5.156zM16 22.41A6.4 6.4 0 019.59 16 6.4 6.4 0 0116 9.59 6.4 6.4 0 0122.41 16 6.4 6.4 0 0116 22.41zm6.672-11.585a1.495 1.495 0 01-1.497-1.497c0-.828.669-1.497 1.497-1.497.828 0 1.497.669 1.497 1.497a1.495 1.495 0 01-1.497 1.497z"/></svg></span> </a> </div> </div> </div> <div class="order-4 w-full md:hidden"> <div data-vue="FooterNavigation"> <div class=" lg:cursor-auto cursor-pointer py-7 border-t-2 border-gray-200 px-4 md:px-0 md:border-0 md:p-0 justify-between flex items-center md:mb-2.5" @click.prevent="toggle"> <div class="text-gray-700 text-sm md:text-base">Impressum & Ochrona danych</div> <span class="fill-current md:hidden transition-transform duration-300 ease-in-out" :class="{ 'rotate-180': open, 'rotate-0': !open }"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> <div :class="{ 'max-h-0': !open, 'max-h-80': open }" class=" md:max-h-full overflow-hidden px-4 md:px-0 ease-in-out duration-300 transition-max-h "> <ul class="mb-14"> <li class="mb-2.5"> <a href="/pl/pl/mapa-witryny" class="tw-link-small" > <span>Mapa witryny</span> </a> </li> <li class="mb-2.5"> <a href="/pl/pl/impressum" class="tw-link-small" > <span>Impressum</span> </a> </li> <li class="mb-2.5"> <a href="/pl/pl/owd" class="tw-link-small" > <span>OWD</span> </a> </li> <li class="mb-2.5"> <a href="/pl/pl/firma/zgodnosc-z-przepisami-i-ochrona-danych" class="tw-link-small" > <span>Ochrona danych</span> </a> </li> </ul> </div> </div> </div> </div> <div class="bg-gray-50"> <div class="container flex items-center py-5"> <div class="flex-grow text-xs text-gray-700">Prawa autorskie ENGEL</div> <ul class="hidden md:block"> <li class="inline ml-7"> <a href="/pl/pl/mapa-witryny" class="tw-link-small" > <span>Mapa witryny</span> </a> </li> <li class="inline ml-7"> <a href="/pl/pl/impressum" class="tw-link-small" > <span>Impressum</span> </a> </li> <li class="inline ml-7"> <a href="/pl/pl/owd" class="tw-link-small" > <span>OWD</span> </a> </li> <li class="inline ml-7"> <a href="/pl/pl/firma/zgodnosc-z-przepisami-i-ochrona-danych" class="tw-link-small" > <span>Ochrona danych</span> </a> </li> </ul> </div> </div> </footer> <template id="accordion"> <div class="accordion flex flex-col" :class="{ 'accordion--opened' : isOpen }"> <a class="accordion-title" @click.prevent="toggleContent" href="#"> <slot name="title">Title</slot> </a> <div class="accordion-content" :class="{ 'accordion-content--shown' : isOpen }"> <slot name="content">Content</slot> </div> </div> </template> <template id="accept-cookies"> <div class="max-w-2xl px-6 py-16 mx-auto text-center"> <div class="flex justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" viewBox="0 0 90 90"><g fill="currentColor" fill-rule="evenodd"><path d="M27.5 45.985l20.943.001c1.428 0 2.702-.74 3.41-1.98a3.886 3.886 0 00-.027-3.943L30.883 4.55A3.893 3.893 0 0027.5 2.618c-1.405 0-2.67.723-3.383 1.932L3.174 40.063a3.884 3.884 0 00-.027 3.944 3.885 3.885 0 003.41 1.979H27.5zm20.943 2.62L27.5 48.603H6.557a6.476 6.476 0 01-5.684-3.299 6.476 6.476 0 01.046-6.572L21.862 3.221A6.486 6.486 0 0127.5 0a6.488 6.488 0 015.639 3.22l20.943 35.513a6.476 6.476 0 01.045 6.572 6.475 6.475 0 01-5.684 3.3z" mask="url(#b)" transform="translate(18 21)"/><path d="M45.5 53.73a1.31 1.31 0 01-1.31-1.31V34.09a1.31 1.31 0 012.62 0v18.33a1.31 1.31 0 01-1.31 1.31m1.31 5.403a1.31 1.31 0 11-2.62 0 1.31 1.31 0 012.62 0"/></g></svg> </div> <div class="text-center text-current tw-h3">W celu bezproblemowego i interaktywnego korzystania z naszych treści multimedialnych (np. filmów wideo, map), prosimy o wyrażenie zgody na zapisywanie niezbędnych plików cookie (szczegółowe informacje na temat tych plików cookie znajdują się w części dotyczącej ochrony danych) dla celów marketingowych.</div> <button @click="acceptAll()" class="mt-6 tw-button tw-button-primary">Akceptuj</button> </div> </template> <template id="countries-switch-list"> <div class="container pt-6 pb-8 sm:pt-3 sm:pb-0"> <div class="mt-6 md:mt-4"> <h2 class="tw-h2 text-center ">Zmiana lokalizacji</h2> </div> <div class="justify-between divide-y-2 md:flex mt-14 md:divide-y-0"> <div>  <div class="flex py-6 cursor-pointer md:hidden" @click="toggleContinentLanguages('eu', $event)"> <div class="text-gray-700 font-medium ">Europe</div> <span class="ml-auto transition-transform duration-300 ease-in-out fill-current md:hidden" :class="{ 'rotate-180': showContinent === 'eu', 'rotate-0': showContinent !== 'eu' }"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> <div class="hidden mb-3 md:block"> <div class="text-gray-700 mr-4 ">Europe</div> </div> <div class="continent-section continent-eu md:max-h-full overflow-hidden ease-in-out duration-300 transition-max-h" :class="{ 'max-h-160': showContinent === 'eu', 'max-h-0': showContinent !== 'eu' }"> <div class="mb-10 space-y-5 md:space-y-2"> <div class="flex items-center"> <a data-country="at" data-language="" href="https://www.engelglobal.com/de/at/produkte/spritzguss-automation" @click="setCountryCookie('at', 'de')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-at"></span> <span class="text-sm text-gray-700 group-hover:text-black">Austria</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>DE</span> </div> </a> </div> <div class="flex items-center"> <a data-country="cz" data-language="" href="https://www.engelglobal.com/cs/cz/produkty/automatizace-vstrikovani" @click="setCountryCookie('cz', 'cs')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-cz"></span> <span class="text-sm text-gray-700 group-hover:text-black">Czech Republic</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>CS</span> </div> </a> </div> <div class="flex items-center"> <a data-country="dk" data-language="" href="/da/dk/home" @click="setCountryCookie('dk', 'da')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-dk"></span> <span class="text-sm text-gray-700 group-hover:text-black">Denmark</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>DA</span> </div> </a> <tooltip-vue text="Dla tego kraju dostępna jest skrócona wersja strony internetowej." id="DK"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="fr" data-language="" href="https://www.engelglobal.com/fr/fr/produits/automatisation-du-moulage-par-injection" @click="setCountryCookie('fr', 'fr')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-fr"></span> <span class="text-sm text-gray-700 group-hover:text-black">France</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>FR</span> </div> </a> </div> <div class="flex items-center"> <a data-country="de" data-language="" href="https://www.engelglobal.com/de/de/produkte/spritzguss-automation" @click="setCountryCookie('de', 'de')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-de"></span> <span class="text-sm text-gray-700 group-hover:text-black">Germany</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>DE</span> </div> </a> </div> <div class="flex items-center"> <a data-country="hu" data-language="" href="/hu/hu/home" @click="setCountryCookie('hu', 'hu')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-hu"></span> <span class="text-sm text-gray-700 group-hover:text-black">Hungary</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>HU</span> </div> </a> <tooltip-vue text="Dla tego kraju dostępna jest skrócona wersja strony internetowej." id="HU"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="it" data-language="" href="https://www.engelglobal.com/it/it/prodotti/automazione-dello-stampaggio-a-iniezione" @click="setCountryCookie('it', 'it')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-it"></span> <span class="text-sm text-gray-700 group-hover:text-black">Italy</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>IT</span> </div> </a> </div> <div class="flex items-center"> <a data-country="nl" data-language="" href="/nl/nl/home" @click="setCountryCookie('nl', 'nl')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-nl"></span> <span class="text-sm text-gray-700 group-hover:text-black">Netherlands</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>NL</span> </div> </a> <tooltip-vue text="Dla tego kraju dostępna jest skrócona wersja strony internetowej." id="NL"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="pl" data-language="" href="https://www.engelglobal.com/pl/pl/produkty/automatyzacja-procesu-wtrysku" @click="setCountryCookie('pl', 'pl')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-pl"></span> <span class="text-sm text-gray-700 group-hover:text-black">Poland</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>PL</span> </div> </a> </div> <div class="flex items-center"> <a data-country="ru" data-language="" href="https://www.engelglobal.com/ru/ru/products/injection-moulding-automation" @click="setCountryCookie('ru', 'ru')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-ru"></span> <span class="text-sm text-gray-700 group-hover:text-black">Russia</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>RU</span> </div> </a> </div> <div class="flex items-center"> <a data-country="ch" data-language="" href="https://www.engelglobal.com/de/ch/produkte/spritzguss-automation" @click="setCountryCookie('ch', 'de')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-ch"></span> <span class="text-sm text-gray-700 group-hover:text-black">Switzerland</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>DE</span> </div> </a> </div> <div class="flex items-center"> <a data-country="tr" data-language="" href="/tr/tr/home" @click="setCountryCookie('tr', 'tr')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-tr"></span> <span class="text-sm text-gray-700 group-hover:text-black">Turkey</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>TR</span> </div> </a> <tooltip-vue text="Dla tego kraju dostępna jest skrócona wersja strony internetowej." id="TR"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="gb" data-language="" href="https://www.engelglobal.com/en/gb/products/injection-moulding-automation" @click="setCountryCookie('gb', 'en')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-gb"></span> <span class="text-sm text-gray-700 group-hover:text-black">United Kingdom</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>EN</span> </div> </a> </div> </div> </div> </div> <div>  <div class="flex py-6 cursor-pointer md:hidden" @click="toggleContinentLanguages('na_sa', $event)"> <div class="text-gray-700 font-medium ">North & South America</div> <span class="ml-auto transition-transform duration-300 ease-in-out fill-current md:hidden" :class="{ 'rotate-180': showContinent === 'na_sa', 'rotate-0': showContinent !== 'na_sa' }"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> <div class="hidden mb-3 md:block"> <div class="text-gray-700 mr-4 ">North & South America</div> </div> <div class="continent-section continent-na_sa md:max-h-full overflow-hidden ease-in-out duration-300 transition-max-h" :class="{ 'max-h-160': showContinent === 'na_sa', 'max-h-0': showContinent !== 'na_sa' }"> <div class="mb-10 space-y-5 md:space-y-2"> <div class="flex items-center"> <a data-country="br" data-language="" href="/pt/br/home" @click="setCountryCookie('br', 'pt')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-br"></span> <span class="text-sm text-gray-700 group-hover:text-black">Brazil</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>PT</span> </div> </a> <tooltip-vue text="Dla tego kraju dostępna jest skrócona wersja strony internetowej." id="BR"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="ca" data-language="" href="https://www.engelglobal.com/en/ca/products/injection-molding-automation" @click="setCountryCookie('ca', 'en')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-ca"></span> <span class="text-sm text-gray-700 group-hover:text-black">Canada</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>EN</span> </div> </a> </div> <div class="flex items-center"> <a data-country="mx" data-language="" href="https://www.engelglobal.com/es/mx/productos/automatizacion-del-moldeo-por-inyeccion" @click="setCountryCookie('mx', 'es')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-mx"></span> <span class="text-sm text-gray-700 group-hover:text-black">Mexico</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>ES</span> </div> </a> </div> <div class="flex items-center"> <a data-country="us" data-language="" href="https://www.engelglobal.com/en/us/products/injection-molding-automation" @click="setCountryCookie('us', 'en')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-us"></span> <span class="text-sm text-gray-700 group-hover:text-black">USA</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>EN</span> </div> </a> </div> </div> </div> </div> <div>  <div class="flex py-6 cursor-pointer md:hidden" @click="toggleContinentLanguages('as', $event)"> <div class="text-gray-700 font-medium ">Asia</div> <span class="ml-auto transition-transform duration-300 ease-in-out fill-current md:hidden" :class="{ 'rotate-180': showContinent === 'as', 'rotate-0': showContinent !== 'as' }"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> <div class="hidden mb-3 md:block"> <div class="text-gray-700 mr-4 ">Asia</div> </div> <div class="continent-section continent-as md:max-h-full overflow-hidden ease-in-out duration-300 transition-max-h" :class="{ 'max-h-160': showContinent === 'as', 'max-h-0': showContinent !== 'as' }"> <div class="mb-10 space-y-5 md:space-y-2"> <div class="flex items-center"> <a data-country="cn" data-language="" href="https://www.engelglobal.com/zh/cn/products/injection-moulding-automation" @click="setCountryCookie('cn', 'zh')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-cn"></span> <span class="text-sm text-gray-700 group-hover:text-black">China</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>ZH</span> </div> </a> </div> <div class="flex items-center"> <a data-country="in" data-language="" href="/hi/in/home" @click="setCountryCookie('in', 'hi')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-in"></span> <span class="text-sm text-gray-700 group-hover:text-black">India</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>HI</span> </div> </a> <tooltip-vue text="Dla tego kraju dostępna jest skrócona wersja strony internetowej." id="IN"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="jp" data-language="" href="/ja/jp/home" @click="setCountryCookie('jp', 'ja')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-jp"></span> <span class="text-sm text-gray-700 group-hover:text-black">Japan</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>JA</span> </div> </a> <tooltip-vue text="Dla tego kraju dostępna jest skrócona wersja strony internetowej." id="JP"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="kr" data-language="" href="/ko/kr/home" @click="setCountryCookie('kr', 'ko')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-kr"></span> <span class="text-sm text-gray-700 group-hover:text-black">South Korea</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>KO</span> </div> </a> <tooltip-vue text="Dla tego kraju dostępna jest skrócona wersja strony internetowej." id="KR"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="th" data-language="" href="/th/th/home" @click="setCountryCookie('th', 'th')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-th"></span> <span class="text-sm text-gray-700 group-hover:text-black">Thailand</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>TH</span> </div> </a> <tooltip-vue text="Dla tego kraju dostępna jest skrócona wersja strony internetowej." id="TH"></tooltip-vue> </div> </div> </div> </div> <div> <div class="mt-6 mb-3 md:mt-0"> <div class="text-gray-700 font-medium ">Worldwide</div> </div> <div class="flex items-center"> <div class="mr-1 lg:mr-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="currentColor" fill-rule="evenodd" d="M6 0a6 6 0 110 12A6 6 0 016 0zm-.914.58L4.92.61a5.459 5.459 0 00-.43.104c-.007.281.78.246.483.47-.117.05-.188.115-.215.194-.013.087-.046.135-.098.146a.606.606 0 01-.402-.07c-.15-.028-.17-.015-.208.042-.044.132.039.182.263.194.13-.086.175-.082.202.014.01.157.072.244.187.264.133.084.17.176.111.278-.062.084-.055.18.021.291.04.134-.03.167-.208.18-.148-.007-.202-.018-.16-.117.176-.135.213-.209.111-.223-.185.097-.317.134-.395.112-.122-.012-.153.02-.09.097-.047.111.02.143.2.097.095.013.104.062.029.145a1.752 1.752 0 00-.16.084c-.147.107-.258.144-.333.11-.098-.124-.443.122-.562.292-.143.186-.163.286-.225.315-.4.204-.472.262-.48.806-.017.108-.17.115-.194.02-.077-.201-.081-.322-.34-.319-.406.03-.637.146-.693.347-.06.204-.05.358.027.465.103.144.221.103.354-.125.077-.097.167-.096.191 0 .016.064-.256.623.052.465.09-.027.168-.115.18-.042-.043.195-.06.394-.02.514.153.155.31.115.444-.035.175-.376.526-.205.788-.131.321.09 1.177.652 1.182.894.145.3 1.326.164.985.846-.322.504.044.97-.305 1.055-.247.063-.312.165-.305.306.035.107-.09.232-.152.291a1.877 1.877 0 01-.584.721c-.18.158-.227.33-.25.514-.07.262.032.493.306.694.145.132.131.196-.042.194-.536-.092-.855-.36-.957-.805a5.807 5.807 0 00-.083-.749c-.074-.22-.097-.487-.07-.805.005-.426-.083-.671-.264-.735a.404.404 0 01-.263-.195 10.814 10.814 0 00-.281-.602l-.15-.3c-.053-.106-.034-.217.056-.333.132-.12.234-.25.305-.388.044-.112-.007-.176-.152-.194-.13-.05-.287-.162-.472-.333-.168-.218-.394-.4-.652-.403-.223-.115-.385-.17-.514-.305a1.997 1.997 0 00-.035-.235A5.496 5.496 0 1011.484 6.37l.1-.073c-.268.185-.435.343-.5.471-.022.195-.018.445.014.75a.487.487 0 01-.222.527.974.974 0 00-.402.61c-.215.42-.428.65-.639.694-.412.159-.583.14-.513-.055-.141-.944-.476-1.153-.43-1.665-.002-.637-.135-1.14-.452-1.37-.118-.084-.348-.098-.755-.032-.226.056-.378.01-.458-.139a4.472 4.472 0 01-.458-.943c-.148-.358-.083-.617.194-.777.283-.125.44-.26.472-.403.26-.19.335-.312.225-.364-.086-.032-.119-.09-.097-.173.188-.22-.092-.502.413-.427.174.061.252-.302-.014-.354-.14-.07-.186-.079-.139-.139.078-.167.002-.206-.229-.118-.095 0-.111-.038-.048-.118.1-.192.206-.347.319-.464.2-.134.29-.13.27.013-.05.104-.055.178-.013.222.08.074.103.132.069.174-.034.117-.006.159.083.125.075-.04.182-.127.32-.264.122-.126.09-.21-.098-.25-.12-.079-.129-.162-.027-.25.18-.074.305-.169.375-.284A5.48 5.48 0 007.318.663l.013-.034c-.12.283-.107.327-.315.396-.522.173-.647-.013-1.19.59-.212.192-.298.15-.313-.014-.179-.138-.197-.323 0-.667.045-.188-.078-.29-.368-.305A.288.288 0 015.086.58zm5.249 3.761c.278.372.43.672.458.902.086.245.215.397.388.458.067.01.168.022.305-.017a4.936 4.936 0 00-.052-.512c-.096.091-.192.15-.353-.07-.104-.354-.347-.611-.482-.775-.197-.142-.284-.137-.264.014zM9.223 2.95c-.113-.146-.259-.176-.32-.104a.449.449 0 01-.369.201c-.19.039-.291.113-.305.222-.04.182-.172.28-.395.291-.081.044-.062.078.06.102l.029-.012c.1-.01.265-.062.494-.159.386-.052.524.006.416.174-.01.118.048.187.173.208.17.126.311.159.423.097.066-.069.182-.067.347.007.412.093.701.06.868-.097.117-.236.075-.34-.125-.313-.177.054-.313.056-.41.007-.105-.06-.19-.056-.256.014-.146.04-.34-.149-.583-.569zM3.796 1.222a.405.405 0 01-.23.313c-.053.002-.087-.016-.103-.056.035-.186-.113-.165-.444.062-.294.092-.361.182-.202.271.274.077.406.2.396.368.01.238.073.231.187-.021 0-.056.081-.109.243-.16.106-.029.131-.096.076-.2-.035-.054.02-.176.167-.369.274-.223.35-.332.229-.326-.113-.034-.22.006-.32.118z"/></svg></div> <div class="text-sm text-gray-400 divide-x-2"> <a class="px-1 lg:px-2 hover:text-black" data-country="" data-language="en" href="https://www.engelglobal.com/en/products/injection-moulding-automation" @click="setCountryCookie('', 'en')">EN </a> <a class="px-1 lg:px-2 hover:text-black" data-country="" data-language="de" href="https://www.engelglobal.com/de/produkte/spritzguss-automation" @click="setCountryCookie('', 'de')">DE </a> <a class="px-1 lg:px-2 hover:text-black" data-country="" data-language="es" href="https://www.engelglobal.com/es/productos/automatizacion-del-moldeo-por-inyeccion" @click="setCountryCookie('', 'es')">ES </a> <a class="px-1 lg:px-2 hover:text-black" data-country="" data-language="fr" href="https://www.engelglobal.com/fr/produits/automatisation-du-moulage-par-injection" @click="setCountryCookie('', 'fr')">FR </a> </div> </div> </div> </div> </div> </template> <template id="machine-checkbox"> <div class="flex items-center mt-4 cursor-pointer"> <input v-model="isFilterActive" :id="checkboxKey + keyName" class="cursor-pointer form-checkbox" type="checkbox" :name="checkboxKey + keyName" autocomplete="off" @change="toggleFilter"> <label :for="checkboxKey + keyName" class="text-sm flex flex-top ml-3 mt-0.5 cursor-pointer" v-text="value"></label> <span v-if="infobox" class="inline-flex ml-1.5 align-center tooltip-wrapper"> <button :aria-describedby="`tooltip-${checkboxKey}-${keyName}`" class="tooltip__button" ref="button" @mouseenter="showTooltip" @focus="showTooltip" @mouseleave="hideTooltipAfterAWhile" @blur="hideTooltip" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#D8D8D8" d="M12 22.5a10.28 10.28 0 01-5.292-1.428 10.63 10.63 0 01-3.78-3.78A10.28 10.28 0 011.5 12c0-1.904.476-3.668 1.428-5.292a10.63 10.63 0 013.78-3.78A10.28 10.28 0 0112 1.5c1.904 0 3.668.476 5.292 1.428a10.63 10.63 0 013.78 3.78A10.28 10.28 0 0122.5 12a10.28 10.28 0 01-1.428 5.292 10.63 10.63 0 01-3.78 3.78A10.28 10.28 0 0112 22.5z"/><path fill="#353535" d="M13.05 10.95v6.3h-2.1v-6.3h2.1zm0-4.2v2.1h-2.1v-2.1h2.1z"/></g></svg> </button> <span :id="`tooltip-${checkboxKey}-${keyName}`" role="tooltip" ref="tooltip" class="absolute p-3 text-xs text-gray-600 rounded tooltip shadow-tooltip bg-gray-50" > <span v-text="infobox.text"></span> <span class="tooltip__arrow" ref="arrow"></span> </span> </span> </div> </template> <template id="machine-filter"> <div> <p class="mt-8 mb-8">Filtr według</p> <p class="flex font-medium"> <span class="mr-2"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor" stroke="currentColor" stroke-width=".5" fill-rule="evenodd"><path d="M5.373 20.918a3.383 3.383 0 003.746-4.805.349.349 0 01.065-.404l6.525-6.536a.347.347 0 01.403-.065c.462.234.965.353 1.496.353a3.383 3.383 0 003.3-4.105L18.68 7.588a.347.347 0 01-.492 0l-2.08-2.089a.348.348 0 010-.492l2.227-2.23a3.383 3.383 0 00-3.72 4.861.348.348 0 01-.062.41L8.06 14.551a.345.345 0 01-.409.061 3.317 3.317 0 00-1.553-.381 3.383 3.383 0 00-3.3 4.108l2.227-2.23a.348.348 0 01.492 0l2.085 2.082a.348.348 0 010 .493l-2.229 2.233zm.725.775c-.53 0-1.037-.1-1.508-.294a.349.349 0 01-.114-.568l2.387-2.392-1.591-1.59-2.389 2.392a.348.348 0 01-.568-.117 4.08 4.08 0 013.783-5.589c.572 0 1.136.12 1.646.348l6.142-6.153A4.08 4.08 0 0117.607 2c.52 0 1.028.098 1.51.292a.35.35 0 01.117.57l-2.388 2.392 1.588 1.595 2.387-2.392a.348.348 0 01.568.114c.194.47.292.98.292 1.51a4.08 4.08 0 01-4.073 4.076 3.984 3.984 0 01-1.58-.319l-6.18 6.192a4.08 4.08 0 01-3.75 5.663z"/><path d="M19.658 22.033c-.6 0-1.2-.229-1.656-.686l-6.977-6.99a.349.349 0 01.492-.492l6.977 6.99a1.647 1.647 0 102.328-2.333l-6.977-6.99a.349.349 0 01.492-.492l6.977 6.99c.442.443.686 1.032.686 1.658 0 .627-.244 1.216-.686 1.66a2.33 2.33 0 01-1.656.685m-9.19-10.038a.346.346 0 01-.246-.102L6.986 8.651H4.702a.348.348 0 01-.307-.184L2.04 4.055a.349.349 0 01.061-.41l1.54-1.543a.347.347 0 01.41-.06l4.404 2.357c.113.06.184.179.184.307v2.288l3.237 3.242a.349.349 0 01-.492.492L8.046 7.384a.348.348 0 01-.102-.246V4.915L3.952 2.777 2.777 3.955l2.133 4h2.22a.35.35 0 01.246.101l3.338 3.345a.349.349 0 01-.246.594"/></g></svg></span> Typ maszyny </p> <machine-checkbox v-for="(value, keyName) in typesFilter" :value="value" :key-name="keyName" :checkbox-key="checkboxKey" :infobox="infoboxes.find(key => key.id === value)"></machine-checkbox> <p class="flex mt-12 font-medium"> <span class="mr-2"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor" stroke="currentColor" stroke-width=".5"><path d="M16.262 9.058l-.502.962h-.001a5.689 5.689 0 00-1.493.194l-.022.006-.733-.8a.273.273 0 00-.302-.068 6.852 6.852 0 00-1.718.994l-.004.003a.274.274 0 00-.088.293l.324 1.036-.012.012c-.354.354-.66.754-.91 1.188l-.008.015-1.083-.046a.273.273 0 00-.262.165 6.87 6.87 0 00-.514 1.92v.005a.274.274 0 00.145.27l.96.502v.002a5.724 5.724 0 00.194 1.495l.006.022-.798.734a.274.274 0 00-.069.303c.246.619.58 1.199.992 1.721l.003.004a.276.276 0 00.294.088l1.033-.325.012.012c.354.355.753.662 1.187.912l.014.009-.045 1.084a.274.274 0 00.165.263c.61.263 1.255.437 1.916.514h.005a.273.273 0 00.269-.145l.502-.962h.001a5.69 5.69 0 001.493-.194l.022-.006.733.8a.273.273 0 00.302.068 6.852 6.852 0 001.718-.993l.004-.003a.274.274 0 00.088-.294l-.324-1.035.012-.012a5.72 5.72 0 00.91-1.189l.009-.015 1.082.046a.273.273 0 00.262-.165 6.871 6.871 0 00.514-1.92v-.005a.274.274 0 00-.145-.27l-.96-.502v-.002a5.72 5.72 0 00-.194-1.495l-.006-.022.798-.734a.274.274 0 00.069-.303 6.866 6.866 0 00-.992-1.721l-.003-.004a.273.273 0 00-.293-.088l-1.034.325-.012-.012a5.698 5.698 0 00-1.186-.912l-.015-.009.045-1.084a.274.274 0 00-.165-.262 6.846 6.846 0 00-1.916-.515.273.273 0 00-.274.145zm-.096 1.365l.492-.942c.474.07.938.194 1.383.369l.022.009-.044 1.062a.274.274 0 00.144.253c.502.267.955.616 1.343 1.032l.003.003c.072.075.18.102.278.071l1.013-.318.011.016c.282.381.52.794.709 1.229l.007.017-.781.72a.274.274 0 00-.077.28 5.17 5.17 0 01.221 1.682v.005a.275.275 0 00.147.247l.94.492c-.07.475-.193.94-.367 1.386l-.01.022-1.06-.045a.273.273 0 00-.252.145 5.165 5.165 0 01-1.03 1.345l-.004.003a.274.274 0 00-.07.279l.317 1.014-.015.011a6.33 6.33 0 01-1.227.71l-.018.008-.718-.783a.273.273 0 00-.281-.076 5.15 5.15 0 01-1.678.22h-.005a.273.273 0 00-.246.148l-.492.942a6.303 6.303 0 01-1.383-.369l-.022-.009.045-1.061a.274.274 0 00-.145-.254 5.151 5.151 0 01-1.343-1.032l-.003-.003a.273.273 0 00-.278-.07l-1.013.317-.01-.015a6.318 6.318 0 01-.71-1.23l-.007-.017.781-.72a.274.274 0 00.077-.28 5.176 5.176 0 01-.221-1.682v-.004a.274.274 0 00-.147-.248l-.94-.492c.07-.475.193-.94.368-1.385l.008-.023 1.06.045a.273.273 0 00.253-.145 5.165 5.165 0 011.03-1.345l.004-.003a.274.274 0 00.07-.279l-.317-1.014.015-.011c.381-.282.793-.52 1.228-.71l.017-.008.718.783c.071.078.18.107.281.077a5.143 5.143 0 011.678-.222.273.273 0 00.251-.147z"/><path d="M16.619 12.647l-.051-.014a3.202 3.202 0 00-3.92 2.267 3.208 3.208 0 002.263 3.927 3.201 3.201 0 003.92-2.267 3.208 3.208 0 00-2.212-3.913zm-.193.515a2.66 2.66 0 011.877 3.256 2.655 2.655 0 01-3.25 1.88 2.66 2.66 0 01-1.877-3.256 2.655 2.655 0 013.25-1.88zM5.408 2.038a.273.273 0 00-.228.206l-.177.716h-.001a4.188 4.188 0 00-.944.365l-.018.01-.613-.41a.273.273 0 00-.31.004 5.028 5.028 0 00-1.052 1.007l-.003.004a.274.274 0 00-.016.306l.38.632-.008.015c-.17.288-.306.596-.404.916l-.005.016-.722.145a.274.274 0 00-.216.222 5.047 5.047 0 00-.033 1.458v.004a.275.275 0 00.205.228l.716.178v.001c.083.329.205.646.363.946l.01.018-.409.614a.274.274 0 00.005.31 5 5 0 001.005 1.054l.004.003c.089.067.21.074.305.016l.631-.381h.002c.29.174.6.312.924.412l.02.006.144.723c.022.112.11.198.222.217.48.081.971.093 1.455.033h.005c.11-.016.2-.097.227-.206l.177-.716h.002c.328-.084.645-.206.944-.365l.018-.01.612.41a.273.273 0 00.31-.005 5.028 5.028 0 001.053-1.007l.003-.004a.274.274 0 00.015-.306l-.38-.631V9.19c.175-.291.312-.602.411-.926l.006-.02.723-.144a.274.274 0 00.216-.223c.081-.482.092-.973.033-1.457v-.005a.274.274 0 00-.206-.228l-.715-.177v0a4.21 4.21 0 00-.364-.946l-.01-.018.41-.614a.274.274 0 00-.005-.31 5.027 5.027 0 00-1.006-1.055l-.004-.003a.273.273 0 00-.305-.015l-.63.38-.015-.008a4.19 4.19 0 00-.915-.404l-.016-.005-.144-.724a.274.274 0 00-.223-.216 5.021 5.021 0 00-1.455-.033h-.004zm1.172.544l.011.001.14.7c.02.103.098.186.2.212.39.1.76.263 1.096.484l.004.003a.273.273 0 00.287.003l.61-.369.003.003c.234.2.446.422.634.664l.003.004-.396.594a.274.274 0 00-.007.291c.204.347.35.725.433 1.12v.004c.023.1.101.18.202.205l.691.172.001.01c.024.302.017.606-.02.907l-.002.01-.699.14a.274.274 0 00-.211.201c-.1.39-.263.76-.483 1.098l-.003.004a.274.274 0 00-.003.287l.368.611-.003.004c-.199.234-.42.446-.663.634l-.004.004-.593-.397a.273.273 0 00-.29-.007 3.643 3.643 0 01-1.117.433l-.005.001a.275.275 0 00-.205.202l-.171.692-.011.001a4.47 4.47 0 01-.905-.02l-.01-.002-.14-.7a.274.274 0 00-.2-.211c-.39-.1-.76-.264-1.096-.485l-.004-.002a.273.273 0 00-.287-.003l-.61.369-.004-.004a4.482 4.482 0 01-.633-.664l-.003-.004.395-.593a.274.274 0 00.008-.292 3.66 3.66 0 01-.433-1.118l-.001-.005a.274.274 0 00-.201-.205l-.692-.172v-.01a4.499 4.499 0 01.02-.907l.001-.011.7-.14a.274.274 0 00.21-.2c.1-.39.263-.761.484-1.098l.002-.004a.274.274 0 00.003-.288l-.368-.61.003-.004c.2-.234.421-.447.663-.635l.004-.003.593.396c.087.059.2.062.291.008a3.642 3.642 0 011.117-.434h.004a.275.275 0 00.205-.202l.172-.693h.01c.302-.024.605-.017.905.02z"/><path d="M4.376 5.305A2.396 2.396 0 004.3 8.687c.911.955 2.424.99 3.377.078A2.396 2.396 0 007.78 5.41l-.027-.029a2.387 2.387 0 00-3.377-.077zm2.982.455a1.848 1.848 0 01-.06 2.609 1.84 1.84 0 01-2.603-.06 1.848 1.848 0 01.059-2.608 1.84 1.84 0 012.583.038l.02.021z"/></g></svg></span> Typ napędu </p> <machine-checkbox v-for="(value, keyName) in drivesFilter" :value="value" :key-name="keyName" :checkbox-key="checkboxKey" :infobox="infoboxes.find(key => key.id === value)"></machine-checkbox> <p v-if="clampingType === 'to'" class="flex mt-12 font-medium"> <span class="mr-2"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g><path d="M3.25 8.67l1.278.74a.612.612 0 00.84-.226.617.617 0 00-.224-.842l-1.277-.738a9.77 9.77 0 017.518-4.35v1.478a.616.616 0 101.23 0v-1.48a9.632 9.632 0 013.682.976.617.617 0 00.542-1.107A10.879 10.879 0 0012 2a10.92 10.92 0 00-7.778 3.227A10.957 10.957 0 001 13.02c0 1.937.51 3.843 1.473 5.51a.615.615 0 00.84.226h.001l1.83-1.059a.617.617 0 00-.616-1.068l-1.28.741a9.808 9.808 0 01.002-8.698" fill="currentColor"/></g><g><path d="M21.528 7.508a.616.616 0 10-1.066.617 9.808 9.808 0 01.29 9.243l-1.28-.74a.617.617 0 00-.616 1.068l1.83 1.058h.001a.612.612 0 00.841-.224A11.03 11.03 0 0023 13.019c0-1.938-.509-3.843-1.472-5.511" fill="currentColor"/></g><path d="M12.382 13.488a.6.6 0 01-.847.114.602.602 0 01-.014-.95l4.005-3.286-3.144 4.122zm7.264-8.39a.615.615 0 00-.817-.033l-8.09 6.633-.003.003a1.829 1.829 0 00-.654 1.664c.066.486.316.918.705 1.217a1.82 1.82 0 001.358.361 1.822 1.822 0 001.215-.706l6.348-8.32a.617.617 0 00-.062-.819z" fill="currentColor"/></g></svg></span> Siła zwarcia (w tonach) </p> <machine-checkbox v-if="clampingType === 'to'" v-for="(value, keyName) in clampingFilter" :value="value" :key-name="keyName" :checkbox-key="checkboxKey" :infobox="infoboxes.find(key => key.id === value)"></machine-checkbox> <p v-if="clampingType === 'kn'" class="flex mt-12 font-medium"> <span class="mr-2"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g><path d="M3.25 8.67l1.278.74a.612.612 0 00.84-.226.617.617 0 00-.224-.842l-1.277-.738a9.77 9.77 0 017.518-4.35v1.478a.616.616 0 101.23 0v-1.48a9.632 9.632 0 013.682.976.617.617 0 00.542-1.107A10.879 10.879 0 0012 2a10.92 10.92 0 00-7.778 3.227A10.957 10.957 0 001 13.02c0 1.937.51 3.843 1.473 5.51a.615.615 0 00.84.226h.001l1.83-1.059a.617.617 0 00-.616-1.068l-1.28.741a9.808 9.808 0 01.002-8.698" fill="currentColor"/></g><g><path d="M21.528 7.508a.616.616 0 10-1.066.617 9.808 9.808 0 01.29 9.243l-1.28-.74a.617.617 0 00-.616 1.068l1.83 1.058h.001a.612.612 0 00.841-.224A11.03 11.03 0 0023 13.019c0-1.938-.509-3.843-1.472-5.511" fill="currentColor"/></g><path d="M12.382 13.488a.6.6 0 01-.847.114.602.602 0 01-.014-.95l4.005-3.286-3.144 4.122zm7.264-8.39a.615.615 0 00-.817-.033l-8.09 6.633-.003.003a1.829 1.829 0 00-.654 1.664c.066.486.316.918.705 1.217a1.82 1.82 0 001.358.361 1.822 1.822 0 001.215-.706l6.348-8.32a.617.617 0 00-.062-.819z" fill="currentColor"/></g></svg></span> Siła zwarcia (w kN) </p> <machine-checkbox v-if="clampingType === 'kn'" v-for="(value, keyName) in clampingFilterKn" :value="value" :key-name="keyName" :checkbox-key="checkboxKey" :infobox="infoboxes.find(key => key.id === value)"></machine-checkbox> </div> </template> <template id="machine-item"> <a v-if="item && item.content && item.content.title" :href="getSlug()" class="block lg:duration-200 lg:ease-in-out lg:transition lg:hover:shadow-machine-item lg:overflow-visible" > <img v-if="item.content.product_image && item.content.product_image.filename" class="js-machine-item-image lazyload" :data-src="$filters.imageService(item.content.product_image.filename, '0x224', 'webp')" :src="$filters.imageService(item.content.product_image.filename, '0x224', 'webp')" :alt="item.content.product_image.alt" width="374" height="224" > <div v-else class="bg-gray-200"> </div> <div class="py-3 sm:px-5"> <p v-if="item.content.title" class="tw-h3" v-text="item.content.title"></p> <p v-if="item.content.subtitle" class="mt-1 text-sm" v-text="item.content.subtitle"></p> <div class="my-3 -ml-5 text-sm text-component" v-html="richtext(item.content.overview_text)"></div> <span v-if="item.content.type" class="mt-2 mr-2 tag-main" :class="{'tag--active': hasFilter(typesFilter[item.content.type])}" v-text="typesFilter[item.content.type]" ></span> <span v-if="item.content.drive" class="mt-2 mr-2 tag-main" :class="{'tag--active': hasFilter(drivesFilter[item.content.drive.toLowerCase()])}" v-text="drivesFilter[item.content.drive.toLowerCase()]"></span> <span v-if="item.content.exact_clamping_force && item.content.clamping_force && item.content.clamping_force.length" class="mt-2 mr-2 tag-main" :class="{'tag--active': hasClampingForceFilter(item.content.clamping_force)}" v-text="item.content.exact_clamping_force"></span> <span v-if="item.content.exact_clamping_force && item.content.clamping_force_kn && item.content.clamping_force_kn.length" class="mt-2 mr-2 tag-main" :class="{'tag--active': hasClampingForceFilter(item.content.clamping_force_kn)}" v-text="item.content.exact_clamping_force"></span> </div> </a> </template> <template id="machines-overview"> <div class="relative flex text-gray-700" :class="{'sm:grid sm:grid-cols-3 gap-8': filterVisible}"> <div class="relative hidden sm:block" :class="{'w-56': !filterVisible}"> <button class="absolute flex items-center justify-center w-10 h-10 text-white bg-green-500 top-6 shadow-burger" :class="{'right-0 transform translate-x-1/2': filterVisible, 'left-0': !filterVisible}" @click="filterVisible = !filterVisible" > <span :class="{'hidden': !filterVisible}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.765 7.414l-1.332-1.331a.35.35 0 00-.494 0L7.27 11.75a.35.35 0 000 .495l5.669 5.668a.35.35 0 00.494 0l1.332-1.332.05-.064a.35.35 0 00-.05-.431l-4.078-4.089 4.079-4.089a.35.35 0 000-.495z"/></svg></span> <span :class="{'hidden': filterVisible}"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M25.778 8.444H23.11a1.71 1.71 0 00-.528-1.25 1.709 1.709 0 00-1.25-.527h-1.777c-.482 0-.899.176-1.25.527a1.709 1.709 0 00-.528 1.25H6.222a.865.865 0 00-.639.25.865.865 0 00-.25.64c0 .259.084.472.25.638.167.167.38.25.64.25h11.555c0 .482.176.898.528 1.25.351.352.768.528 1.25.528h1.777c.482 0 .898-.176 1.25-.528.352-.352.528-.768.528-1.25h2.667a.865.865 0 00.639-.25.865.865 0 00.25-.639.865.865 0 00-.25-.639.865.865 0 00-.64-.25zm-4.445 1.778h-1.777V8.444h1.777v1.778zm4.445 5.334H14.222c0-.482-.176-.899-.528-1.25a1.708 1.708 0 00-1.25-.528h-1.777c-.482 0-.898.176-1.25.528a1.708 1.708 0 00-.528 1.25H6.222a.865.865 0 00-.639.25.865.865 0 00-.25.638c0 .26.084.473.25.64a.87.87 0 00.64.25h2.666c0 .48.176.897.528 1.25a1.71 1.71 0 001.25.527h1.777c.482 0 .899-.176 1.25-.528.352-.352.528-.768.528-1.25h11.556a.865.865 0 00.639-.25.865.865 0 00.25-.639.865.865 0 00-.25-.638.865.865 0 00-.64-.25zm-13.334 1.777h-1.777v-1.777h1.777v1.777zm13.334 5.334h-6.222c0-.482-.176-.898-.528-1.25a1.708 1.708 0 00-1.25-.528H16a1.71 1.71 0 00-1.25.528 1.708 1.708 0 00-.528 1.25h-8a.865.865 0 00-.639.25.865.865 0 00-.25.639c0 .259.084.472.25.638.167.167.38.25.64.25h8c0 .482.175.899.527 1.25a1.71 1.71 0 001.25.528h1.778a1.71 1.71 0 001.25-.528c.352-.351.528-.768.528-1.25h6.222a.865.865 0 00.639-.25.865.865 0 00.25-.638.865.865 0 00-.25-.64.865.865 0 00-.64-.25zm-8 1.777H16v-1.777h1.778v1.777z"/></svg></span> </button> <machine-filter :class="{'hidden': !filterVisible}" :types-filter="typesFilter" :drives-filter="drivesFilter" :clamping-type="clampingType" :clamping-filter="clampingFilter" :clamping-filter-kn="clampingFilterKn" :infoboxes="infoboxes" checkbox-key="desktop-filter" ></machine-filter> </div> <div :class="{'hidden sm:block w-0.5 h-full absolute top-0 bg-gray-100 left-1/3 transform -translate-x-5 -z-10': filterVisible}"></div> <div class="sm:col-span-2"> <p class="inline-flex items-center text-sm sm:hidden"> <span class="mr-1" v-text="Object.keys(currItems).length"></span> <span v-if="Object.keys(currItems).length === 1">Wyniki</span> <span v-else>Wyniki</span> </p> <button class="flex items-center justify-center w-full mt-3 tw-button tw-button-primary sm:hidden" @click="mobileFilterVisible = true"> <span class="mr-2"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M25.778 8.444H23.11a1.71 1.71 0 00-.528-1.25 1.709 1.709 0 00-1.25-.527h-1.777c-.482 0-.899.176-1.25.527a1.709 1.709 0 00-.528 1.25H6.222a.865.865 0 00-.639.25.865.865 0 00-.25.64c0 .259.084.472.25.638.167.167.38.25.64.25h11.555c0 .482.176.898.528 1.25.351.352.768.528 1.25.528h1.777c.482 0 .898-.176 1.25-.528.352-.352.528-.768.528-1.25h2.667a.865.865 0 00.639-.25.865.865 0 00.25-.639.865.865 0 00-.25-.639.865.865 0 00-.64-.25zm-4.445 1.778h-1.777V8.444h1.777v1.778zm4.445 5.334H14.222c0-.482-.176-.899-.528-1.25a1.708 1.708 0 00-1.25-.528h-1.777c-.482 0-.898.176-1.25.528a1.708 1.708 0 00-.528 1.25H6.222a.865.865 0 00-.639.25.865.865 0 00-.25.638c0 .26.084.473.25.64a.87.87 0 00.64.25h2.666c0 .48.176.897.528 1.25a1.71 1.71 0 001.25.527h1.777c.482 0 .899-.176 1.25-.528.352-.352.528-.768.528-1.25h11.556a.865.865 0 00.639-.25.865.865 0 00.25-.639.865.865 0 00-.25-.638.865.865 0 00-.64-.25zm-13.334 1.777h-1.777v-1.777h1.777v1.777zm13.334 5.334h-6.222c0-.482-.176-.898-.528-1.25a1.708 1.708 0 00-1.25-.528H16a1.71 1.71 0 00-1.25.528 1.708 1.708 0 00-.528 1.25h-8a.865.865 0 00-.639.25.865.865 0 00-.25.639c0 .259.084.472.25.638.167.167.38.25.64.25h8c0 .482.175.899.527 1.25a1.71 1.71 0 001.25.528h1.778a1.71 1.71 0 001.25-.528c.352-.351.528-.768.528-1.25h6.222a.865.865 0 00.639-.25.865.865 0 00.25-.638.865.865 0 00-.25-.64.865.865 0 00-.64-.25zm-8 1.777H16v-1.777h1.778v1.777z"/></svg></span> Filtr </button> <div> <div class="flex flex-wrap items-center pt-4 text-sm mb-11"> <p class="items-center hidden mt-3 mr-3 sm:inline-flex"> <span class="mr-1" v-text="Object.keys(currItems).length"></span> <span v-if="Object.keys(currItems).length === 1">Wyniki</span> <span v-else>Wyniki</span> </p> <button v-for="(item, key) in currFilters" v-show="currFilters" class="mt-3 mr-2 tag-removable" @click="updateAllFilter(item)" > <span v-text="item.value"></span> <span class="tag-removable-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M8 14a5.875 5.875 0 01-3.024-.816 6.074 6.074 0 01-2.16-2.16A5.875 5.875 0 012 8c0-1.088.272-2.096.816-3.024a6.074 6.074 0 012.16-2.16A5.875 5.875 0 018 2c1.088 0 2.096.272 3.024.816a6.074 6.074 0 012.16 2.16C13.728 5.904 14 6.912 14 8a5.875 5.875 0 01-.816 3.024 6.074 6.074 0 01-2.16 2.16A5.875 5.875 0 018 14zm.063-6.796L6.358 5.5l-.858.858 1.704 1.705L5.5 9.767l.858.858 1.705-1.704 1.704 1.704.858-.858-1.704-1.704 1.704-1.705-.858-.858-1.704 1.704z"/></svg></span> </button> <button class="inline-flex items-center mt-3 text-xs font-medium" :class="{'hidden sm:inline-flex sm:opacity-0 sm:pointer-events-none': !currFilters.length}" @click="resetFilters()" > <span class="mr-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M9.597 8.318A9.925 9.925 0 0116 6a9.935 9.935 0 017.071 2.929A9.934 9.934 0 0126 16a9.934 9.934 0 01-2.929 7.071A9.935 9.935 0 0116 26a9.935 9.935 0 01-7.071-2.929A9.934 9.934 0 016 16.001a.922.922 0 111.843 0c0 4.497 3.66 8.156 8.157 8.156 4.498 0 8.157-3.66 8.157-8.157 0-4.498-3.66-8.157-8.157-8.157a8.095 8.095 0 00-5.023 1.729l1.214.071a.922.922 0 01-.108 1.84l-4.161-.243-.244-4.161a.922.922 0 011.84-.108l.08 1.347z"/></svg></span> Wyzeruj filtr </button> </div> <div class="grid grid-cols-1 gap-16 md:gap-x-4 md:gap-y-12" :class="{'lg:grid-cols-2': filterVisible, 'md:grid-cols-2 lg:grid-cols-3': !filterVisible}"> <machine-item v-for="item in filteredItems" :item="item" :locale="locale" :country="country" :curr-filters="currFilters" :types-filter="typesFilter" :drives-filter="drivesFilter" :clamping-type="clampingType" ></machine-item> </div> <div class="w-full" v-if="currItems.length === 0"> <div class="flex justify-center text-gray-700"> <svg viewBox="0 0 90 90" width="90" height="90" xmlns="http://www.w3.org/2000/svg"><path d="M53.331 19.8a.919.919 0 011.169-.568C65.565 23.062 73 33.507 73 45.222c0 10.506-5.982 19.986-15.196 24.594l7.042.112a.919.919 0 01-.014 1.838h-.015l-10.782-.172a.92.92 0 01-.828-1.283l4.282-9.897a.919.919 0 011.686.73l-3.26 7.534a25.68 25.68 0 0015.247-23.456c0-10.933-6.937-20.68-17.263-24.253a.919.919 0 01-.568-1.17zm-27.09-.8l10.782.172a.92.92 0 01.828 1.283l-4.282 9.897a.92.92 0 11-1.686-.73l3.445-7.963a25.679 25.679 0 00-15.49 23.563c0 10.932 6.937 20.68 17.263 24.253a.919.919 0 01-.6 1.737C25.434 67.382 18 56.937 18 45.222a27.524 27.524 0 0114.585-24.283l-6.373-.101A.919.919 0 0126.226 19h.015zM43.18 35.603c1.995 0 3.874.779 5.286 2.19a7.429 7.429 0 012.19 5.287 7.424 7.424 0 01-1.452 4.429l-.194.251-.1.12 5.2 5.675a.98.98 0 01.099 1.2l-.072.096-.086.089a.977.977 0 01-1.285.034l-.1-.095-5.201-5.674-.122.087a7.406 7.406 0 01-3.525 1.237l-.318.02-.32.007a7.434 7.434 0 01-5.287-2.19 7.429 7.429 0 01-2.19-5.286c0-1.995.779-3.874 2.19-5.287a7.429 7.429 0 015.287-2.19zm-.001 1.96a5.524 5.524 0 00-5.517 5.517 5.524 5.524 0 005.517 5.517 5.524 5.524 0 005.517-5.517 5.524 5.524 0 00-5.517-5.517z" fill="currentColor"/></svg> </div> <div class="mt-4"> <h2 class="tw-h3 text-center ">Przepraszamy, nie znaleziono żadnych wyników.</h2> <p class="text-sm text-gray-700 text-center mt-2"> Proszę spróbować ponownie. </p> </div> </div> </div> <div class="flex items-center flex-col"> <p v-if="!showAllItems && currFilters.length === 0" class="mt-8 mb-2.5 text-sm">{{ pageSize }} z {{ totalItems }}</p> <p v-if="showAllItems && currFilters.length === 0" class="mt-8 mb-2.5 text-sm">{{ currItems.length }} z {{ totalItems }}</p> <p v-if="showAllItems && currFilters.length !== 0" class="mt-8 mb-2.5 text-sm">{{ currItems.length }} z {{ currItems.length }}</p> <div class="w-3/5 lg:w-2/5 bg-gray-200 h-1"> <div v-if="!showAllItems && currFilters.length === 0" class="bg-green-500 h-1" :style="{'width':percentageOfShownItems(pageSize, totalItems)+ '%'}"></div> <div v-if="showAllItems && currFilters.length === 0" class="bg-green-500 h-1" :style="{'width':percentageOfShownItems(currItems.length, totalItems)+ '%'}"></div> <div v-if="showAllItems && currFilters.length !== 0" class="bg-green-500 h-1" :style="{'width':percentageOfShownItems(currItems.length, currItems.length)+ '%'}"></div> </div> </div> <div v-show="currFilters.length === 0" class="w-full mt-6 text-center"> <button class="tw-button tw-button-secondary-outline" @click="showAllItems = !showAllItems ? showAllItems = !showAllItems : scrollUp($event)" > <span v-show="!showAllItems"> Pokaż wszystkie maszyny (<span v-text="Object.keys(currItems).length"></span>) </span> <span :class="{'invisible w-0 overflow-hidden': !showAllItems}"> Pokaż mniej maszyn </span> </button> </div> </div> <div v-show="mobileFilterVisible" class="fixed inset-0 z-60 flex flex-col overflow-auto bg-white sm:hidden"> <button class="fixed top-2 right-2" @click="mobileFilterVisible = false"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.503 4.773l-.05.064a.35.35 0 00.05.431l6.481 6.482-6.481 6.482a.35.35 0 000 .495l1.27 1.27.064.05a.35.35 0 00.431-.05l6.482-6.481 6.482 6.481a.35.35 0 00.495 0l1.27-1.27.05-.064a.35.35 0 00-.05-.431l-6.481-6.482 6.481-6.482a.35.35 0 000-.495l-1.27-1.27-.064-.05a.35.35 0 00-.431.05L11.75 9.984 5.268 3.503a.35.35 0 00-.495 0l-1.27 1.27z"/></svg> </button> <machine-filter :types-filter="typesFilter" :drives-filter="drivesFilter" :clamping-type="clampingType" :clamping-filter="clampingFilter" :clamping-filter-kn="clampingFilterKn" :infoboxes="infoboxes" checkbox-key="mobile-filter" class="px-4 mb-24" ></machine-filter> <button class="fixed bottom-0 flex-shrink-0 block w-full mt-auto tw-button tw-button-primary" @click="mobileFilterVisible = false">Zastosuj filtr</button> </div> </div> </template> <template id="solution-finder-item"> <a :href="'/' + getCountryUrl(item.url)"> <div class="group block h-full border-2 border-gray-100 hover:border-gray-50 lg:duration-200 lg:ease-in-out lg:transition lg:hover:shadow-machine-item lg:overflow-visible bg-white"> <div class="overflow-hidden"> <img :data-src="$filters.imageService(item.image.filename, '0x240', 'webp')" :alt="item.image_alt" :title="item.image_title" class="w-full h-60 object-cover bg-center lazyload transition-transform duration-500 group-hover:scale-105" width="384" height="240"> </div> <div class="px-5 py-6 text-gray-700 "> <div class="text-xl ">{{ item.title }}</div> <div class="text-sm">{{ item.subtitle }}</div> <div class="text-sm mt-3">{{ item.description }}</div> <div v-if="item.tags && item.tags.length"> <div class="flex flex-wrap mt-5 mb-5 -mx-1"> <div v-for="tag in splitTextByComma(item.tags)"> <button class="tag-main mt-2 mr-2">{{ tag }}</button> </div> </div> </div> </div> </div> </a> </template> <template id="service-contact-content"> <div class="flex justify-center mb-6" v-if="service.areas && service.areas.length > 0"> <div class="relative inline-block"> <select ref="areaList" name="area_list" v-model="selectedArea" class="flex items-center pb-0.5 mx-auto text-sm text-gray-700 border-b border-gray-400 appearance-none pr-8 cursor-pointer !bg-transparent overflow-hidden whitespace-nowrap text-ellipsis max-w-56"> <option v-for="(area, idx) in service.areas" :value="idx">{{ area.title }}</option> </select> <span class="absolute text-gray-700 -translate-y-1/2 pointer-events-none -right-1 top-1/2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg> </span> </div> </div> <div class="flex flex-col">  <div v-if="getSupportPhone()" :style="{ 'order': getOrder()[0] }" :class="{ 'mt-7': getOrder()[0] != 1 }"> <p class="text-sm">Wsparcie Hotline 24/7</p> <a :href="'tel:' + getSupportPhone().replaceAll(' ', '')" class="flex items-center py-2 text-xs transition-colors duration-200 ease-in-out hover:text-black" > <span class="mr-1"><svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.168 1.55c.262 0 .557.165.933.513.277.257.585.602.89.993.198.256.422.568.625.892.312.5.494.906.494 1.182 0 .358-.19.593-.74.961l-.257.167-.444.276-.142.094a3.29 3.29 0 00-.06.042l-.106.08-.152.132c-.023.02-.035.028-.04.02.599 1.49 2.435 3.327 3.877 3.923.031-.01.096-.061.199-.19l.08-.105.136-.202.315-.507c.413-.656.695-.934 1.09-.934.276 0 .682.181 1.181.493.324.202.632.424.892.625.395.307.74.615.993.89.348.375.513.67.513.933 0 .446-.368 1.082-.86 1.619-.445.485-.959.868-1.489.975l-.133.02-.142.008-.244-.005c-1.07-.043-2.197-.364-3.358-.955-1.15-.585-2.286-1.423-3.285-2.423-.999-1.001-1.836-2.138-2.421-3.29-.636-1.251-.958-2.463-.958-3.604 0-.615.423-1.232.998-1.762.534-.492 1.169-.86 1.615-.86zm.016.786l-.022-.006-.045.005c-.215.039-.641.287-1.035.65-.462.424-.747.884-.747 1.188 0 4.253 5.24 9.497 9.488 9.497.303 0 .763-.287 1.188-.75.393-.429.652-.897.656-1.077-.014-.085-.153-.27-.391-.51l-.174-.17-.202-.182-.227-.192-.253-.201-.242-.18c-.04-.03-.08-.058-.12-.086l-.232-.159-.22-.141a8.012 8.012 0 00-.102-.063l-.19-.11a4.076 4.076 0 00-.164-.087l-.132-.061a.447.447 0 00-.13-.038c-.022.006-.087.059-.19.19l-.096.13-.11.165-.31.497c-.421.672-.71.956-1.116.956a.69.69 0 01-.258-.05c-1.692-.677-3.687-2.672-4.364-4.364-.119-.298-.039-.627.321-.954a1.81 1.81 0 01.131-.11l.154-.114.188-.126.631-.394.152-.102.122-.09.093-.08.094-.09a.646.646 0 00-.064-.204l-.074-.153-.098-.18a6.471 6.471 0 00-.058-.098l-.131-.212-.15-.227-.167-.237-.18-.242-.2-.252-.194-.228a8.035 8.035 0 00-.182-.201l-.168-.174a4.55 4.55 0 00-.152-.144l-.133-.112a.87.87 0 00-.195-.127z" stroke="currentColor" stroke-width=".4" fill="currentColor"/></svg></span> {{ getSupportPhone() }} </a> <p class="text-xs text-gray-600">Opłata za połączenie z ENGEL hotline zależna od taryfy krajowej. <a href="https://www.engelglobal.com/engel-locations-worldwide" target="_blank" class="tw-underline-link">Szczegóły</a></p> </div>  <div v-if="getTechnicalCustomerServicePhone() || getTechnicalCustomerServiceEmail()" :style="{ 'order': getOrder()[1] }" :class="{ 'mt-7': getOrder()[1] != 1 && getSupportPhone() }" > <p class="text-sm">Wsaprcie techniczne</p> <a v-if="getTechnicalCustomerServicePhone()" :href="'tel:' + getTechnicalCustomerServicePhone().replaceAll(' ', '')" class="flex items-center py-2 text-xs transition-colors duration-200 ease-in-out hover:text-black" > <span class="mr-1"><svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.168 1.55c.262 0 .557.165.933.513.277.257.585.602.89.993.198.256.422.568.625.892.312.5.494.906.494 1.182 0 .358-.19.593-.74.961l-.257.167-.444.276-.142.094a3.29 3.29 0 00-.06.042l-.106.08-.152.132c-.023.02-.035.028-.04.02.599 1.49 2.435 3.327 3.877 3.923.031-.01.096-.061.199-.19l.08-.105.136-.202.315-.507c.413-.656.695-.934 1.09-.934.276 0 .682.181 1.181.493.324.202.632.424.892.625.395.307.74.615.993.89.348.375.513.67.513.933 0 .446-.368 1.082-.86 1.619-.445.485-.959.868-1.489.975l-.133.02-.142.008-.244-.005c-1.07-.043-2.197-.364-3.358-.955-1.15-.585-2.286-1.423-3.285-2.423-.999-1.001-1.836-2.138-2.421-3.29-.636-1.251-.958-2.463-.958-3.604 0-.615.423-1.232.998-1.762.534-.492 1.169-.86 1.615-.86zm.016.786l-.022-.006-.045.005c-.215.039-.641.287-1.035.65-.462.424-.747.884-.747 1.188 0 4.253 5.24 9.497 9.488 9.497.303 0 .763-.287 1.188-.75.393-.429.652-.897.656-1.077-.014-.085-.153-.27-.391-.51l-.174-.17-.202-.182-.227-.192-.253-.201-.242-.18c-.04-.03-.08-.058-.12-.086l-.232-.159-.22-.141a8.012 8.012 0 00-.102-.063l-.19-.11a4.076 4.076 0 00-.164-.087l-.132-.061a.447.447 0 00-.13-.038c-.022.006-.087.059-.19.19l-.096.13-.11.165-.31.497c-.421.672-.71.956-1.116.956a.69.69 0 01-.258-.05c-1.692-.677-3.687-2.672-4.364-4.364-.119-.298-.039-.627.321-.954a1.81 1.81 0 01.131-.11l.154-.114.188-.126.631-.394.152-.102.122-.09.093-.08.094-.09a.646.646 0 00-.064-.204l-.074-.153-.098-.18a6.471 6.471 0 00-.058-.098l-.131-.212-.15-.227-.167-.237-.18-.242-.2-.252-.194-.228a8.035 8.035 0 00-.182-.201l-.168-.174a4.55 4.55 0 00-.152-.144l-.133-.112a.87.87 0 00-.195-.127z" stroke="currentColor" stroke-width=".4" fill="currentColor"/></svg></span> {{ getTechnicalCustomerServicePhone() }} </a> <div v-if="getTechnicalCustomerServiceEmail()" class="flex items-center text-xs transition-colors duration-200 ease-in-out hover:text-black"> <span class="mr-1"><svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8 1.672l-6.328 3.56v7.514c0 .437.155.81.464 1.118.309.31.681.464 1.118.464h9.492c.437 0 .81-.155 1.118-.464a1.52 1.52 0 00.464-1.118V5.232L8 1.672zM2.463 12.746v-6.18l3.584 2.855L2.5 12.968a4.111 4.111 0 01-.025-.105.54.54 0 01-.012-.117zm.618.766L6.715 9.88 8 10.77l1.285-.89 3.634 3.633c-.008.008-.525.013-1.551.013h-6.73c-1.021 0-1.54-.005-1.557-.013zm10.456-.766a.54.54 0 01-.012.117 4.111 4.111 0 01-.025.105L9.953 9.421l3.584-2.855v6.18zM8 9.842L2.463 5.627l5.525-3.028 5.549 3.028L8 9.842z" stroke="currentColor" stroke-width=".2" fill="currentColor"/></svg></span> <a :href="'mailto:' + getTechnicalCustomerServiceEmail()"> {{ getTechnicalCustomerServiceEmail() }} </a> </div> </div>  <div v-if="getPartsDistributionPhone() || getPartsDistributionEmail()" :style="{ 'order': getOrder()[2] }" :class="{ 'mt-7': getOrder()[2] != 1 && getTechnicalCustomerServicePhone() || getTechnicalCustomerServiceEmail() }"> <p class="text-sm">Sprzedaż części zamiennych</p> <a v-if="getPartsDistributionPhone()" :href="'tel:' + getPartsDistributionPhone().replaceAll(' ', '')" class="flex items-center py-2 text-xs transition-colors duration-200 ease-in-out hover:text-black" > <span class="mr-1"><svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.168 1.55c.262 0 .557.165.933.513.277.257.585.602.89.993.198.256.422.568.625.892.312.5.494.906.494 1.182 0 .358-.19.593-.74.961l-.257.167-.444.276-.142.094a3.29 3.29 0 00-.06.042l-.106.08-.152.132c-.023.02-.035.028-.04.02.599 1.49 2.435 3.327 3.877 3.923.031-.01.096-.061.199-.19l.08-.105.136-.202.315-.507c.413-.656.695-.934 1.09-.934.276 0 .682.181 1.181.493.324.202.632.424.892.625.395.307.74.615.993.89.348.375.513.67.513.933 0 .446-.368 1.082-.86 1.619-.445.485-.959.868-1.489.975l-.133.02-.142.008-.244-.005c-1.07-.043-2.197-.364-3.358-.955-1.15-.585-2.286-1.423-3.285-2.423-.999-1.001-1.836-2.138-2.421-3.29-.636-1.251-.958-2.463-.958-3.604 0-.615.423-1.232.998-1.762.534-.492 1.169-.86 1.615-.86zm.016.786l-.022-.006-.045.005c-.215.039-.641.287-1.035.65-.462.424-.747.884-.747 1.188 0 4.253 5.24 9.497 9.488 9.497.303 0 .763-.287 1.188-.75.393-.429.652-.897.656-1.077-.014-.085-.153-.27-.391-.51l-.174-.17-.202-.182-.227-.192-.253-.201-.242-.18c-.04-.03-.08-.058-.12-.086l-.232-.159-.22-.141a8.012 8.012 0 00-.102-.063l-.19-.11a4.076 4.076 0 00-.164-.087l-.132-.061a.447.447 0 00-.13-.038c-.022.006-.087.059-.19.19l-.096.13-.11.165-.31.497c-.421.672-.71.956-1.116.956a.69.69 0 01-.258-.05c-1.692-.677-3.687-2.672-4.364-4.364-.119-.298-.039-.627.321-.954a1.81 1.81 0 01.131-.11l.154-.114.188-.126.631-.394.152-.102.122-.09.093-.08.094-.09a.646.646 0 00-.064-.204l-.074-.153-.098-.18a6.471 6.471 0 00-.058-.098l-.131-.212-.15-.227-.167-.237-.18-.242-.2-.252-.194-.228a8.035 8.035 0 00-.182-.201l-.168-.174a4.55 4.55 0 00-.152-.144l-.133-.112a.87.87 0 00-.195-.127z" stroke="currentColor" stroke-width=".4" fill="currentColor"/></svg></span> {{ getPartsDistributionPhone() }} </a> <div class="flex items-center text-xs transition-colors duration-200 ease-in-out hover:text-black"> <span v-if="getPartsDistributionEmail()" class="mr-1"><svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8 1.672l-6.328 3.56v7.514c0 .437.155.81.464 1.118.309.31.681.464 1.118.464h9.492c.437 0 .81-.155 1.118-.464a1.52 1.52 0 00.464-1.118V5.232L8 1.672zM2.463 12.746v-6.18l3.584 2.855L2.5 12.968a4.111 4.111 0 01-.025-.105.54.54 0 01-.012-.117zm.618.766L6.715 9.88 8 10.77l1.285-.89 3.634 3.633c-.008.008-.525.013-1.551.013h-6.73c-1.021 0-1.54-.005-1.557-.013zm10.456-.766a.54.54 0 01-.012.117 4.111 4.111 0 01-.025.105L9.953 9.421l3.584-2.855v6.18zM8 9.842L2.463 5.627l5.525-3.028 5.549 3.028L8 9.842z" stroke="currentColor" stroke-width=".2" fill="currentColor"/></svg></span> <a v-if="getPartsDistributionEmail()" :href="'mailto:' + getPartsDistributionEmail()" > {{ getPartsDistributionEmail() }} </a> </div> </div> </div> </template> <template id="sales-contact-content"> <div class="mx-auto mt-4 mb-4 text-center lg:mb-4 sales-contact-content"> <picture class="block w-24 h-24 mx-auto mb-3 overflow-hidden rounded-full lg:w-20 lg:h-20 sm:mb-4 sm:w-24 sm:h-24 relative"> <div v-if="isLoadingContactPerson || isLoadingServiceContact" class="absolute inset-0 flex items-center justify-center"> <div class="w-4 h-4 mr-2 animate-spin"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle opacity=".25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path opacity=".75" fill="currentColor" d="M4 12a8 8 0 018-8V0A12 12 0 000 12h4zm2 5.3A7.96 7.96 0 014 12H0c0 3.04 1.14 5.82 3 7.94l3-2.65z"/></svg> </div> </div> <img class="object-cover w-full h-full transition-opacity duration-300 lazyload rounded-full" :class="{ 'opacity-50': isLoadingContactPerson || isLoadingServiceContact }" :data-src="$filters.imageService(contact.content.image.filename, '160x160', 'webp')" :alt="contact.content.image.alt" width="80" height="80" > </picture> <p class="text-lg font-medium text-gray-700 lg:text-base">{{ contact.content.firstname }} {{ contact.content.lastname }}</p> <p v-if="contact.content.position" class="my-1 text-sm text-gray-700">{{ getLabel(contact.content.position) }}</p> <a v-if="contact.content.phone" :href="'tel:' + contact.content.phone.replaceAll(' ', '')" class="inline-flex items-center justify-center px-5 py-2 mt-4 text-xs tracking-wide text-gray-700 transition-colors duration-200 ease-in-out bg-white border-2 border-gray-200 rounded-sm lg:text-sm hover:text-black lg:border-0 lg:mt-0 lg:py-0" > <span class="hidden mr-1 lg:block"><svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.168 1.55c.262 0 .557.165.933.513.277.257.585.602.89.993.198.256.422.568.625.892.312.5.494.906.494 1.182 0 .358-.19.593-.74.961l-.257.167-.444.276-.142.094a3.29 3.29 0 00-.06.042l-.106.08-.152.132c-.023.02-.035.028-.04.02.599 1.49 2.435 3.327 3.877 3.923.031-.01.096-.061.199-.19l.08-.105.136-.202.315-.507c.413-.656.695-.934 1.09-.934.276 0 .682.181 1.181.493.324.202.632.424.892.625.395.307.74.615.993.89.348.375.513.67.513.933 0 .446-.368 1.082-.86 1.619-.445.485-.959.868-1.489.975l-.133.02-.142.008-.244-.005c-1.07-.043-2.197-.364-3.358-.955-1.15-.585-2.286-1.423-3.285-2.423-.999-1.001-1.836-2.138-2.421-3.29-.636-1.251-.958-2.463-.958-3.604 0-.615.423-1.232.998-1.762.534-.492 1.169-.86 1.615-.86zm.016.786l-.022-.006-.045.005c-.215.039-.641.287-1.035.65-.462.424-.747.884-.747 1.188 0 4.253 5.24 9.497 9.488 9.497.303 0 .763-.287 1.188-.75.393-.429.652-.897.656-1.077-.014-.085-.153-.27-.391-.51l-.174-.17-.202-.182-.227-.192-.253-.201-.242-.18c-.04-.03-.08-.058-.12-.086l-.232-.159-.22-.141a8.012 8.012 0 00-.102-.063l-.19-.11a4.076 4.076 0 00-.164-.087l-.132-.061a.447.447 0 00-.13-.038c-.022.006-.087.059-.19.19l-.096.13-.11.165-.31.497c-.421.672-.71.956-1.116.956a.69.69 0 01-.258-.05c-1.692-.677-3.687-2.672-4.364-4.364-.119-.298-.039-.627.321-.954a1.81 1.81 0 01.131-.11l.154-.114.188-.126.631-.394.152-.102.122-.09.093-.08.094-.09a.646.646 0 00-.064-.204l-.074-.153-.098-.18a6.471 6.471 0 00-.058-.098l-.131-.212-.15-.227-.167-.237-.18-.242-.2-.252-.194-.228a8.035 8.035 0 00-.182-.201l-.168-.174a4.55 4.55 0 00-.152-.144l-.133-.112a.87.87 0 00-.195-.127z" stroke="currentColor" stroke-width=".4" fill="currentColor"/></svg></span> <span class="mr-2 lg:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.587 2.9c.37 0 .785.232 1.317.723.39.363.826.85 1.255 1.402.28.36.596.8.882 1.258.44.705.696 1.278.696 1.667 0 .506-.267.838-1.042 1.357l-.364.235-.626.39-.2.132-.085.06-.15.114-.214.185c-.032.028-.05.039-.055.027.843 2.104 3.434 4.695 5.469 5.536.044-.015.134-.087.28-.268l.113-.149.192-.285.445-.715c.582-.925.98-1.318 1.537-1.318.39 0 .963.256 1.667.696.457.285.892.598 1.259.882a11.91 11.91 0 011.4 1.256c.492.53.724.946.724 1.316 0 .63-.519 1.526-1.213 2.284-.628.684-1.353 1.225-2.1 1.376l-.188.029-.201.01-.344-.007c-1.509-.06-3.1-.513-4.738-1.347-1.623-.826-3.225-2.008-4.635-3.42-1.41-1.411-2.59-3.015-3.416-4.64C3.355 9.92 2.9 8.21 2.9 6.6c0-.867.598-1.738 1.408-2.486.754-.694 1.65-1.214 2.28-1.214zm.023 1.11L6.579 4l-.064.007c-.303.055-.905.405-1.46.916C4.403 5.523 4 6.172 4 6.6c0 6 7.393 13.4 13.387 13.4.427 0 1.076-.405 1.676-1.06.555-.603.92-1.264.926-1.518-.02-.12-.216-.38-.553-.72l-.245-.238-.284-.257-.322-.272-.356-.284-.342-.255a15.046 15.046 0 00-.168-.12l-.328-.224-.31-.2-.145-.088-.267-.156a5.75 5.75 0 00-.231-.122l-.187-.086a.63.63 0 00-.182-.054c-.033.01-.124.083-.27.268l-.135.184-.155.233-.437.701c-.595.948-1.002 1.349-1.575 1.349a.972.972 0 01-.364-.071c-2.388-.956-5.202-3.77-6.157-6.157-.168-.421-.055-.885.452-1.346.059-.053.12-.104.186-.156l.217-.16.265-.178.89-.556.214-.144.172-.127.133-.111.131-.13a.912.912 0 00-.09-.286l-.104-.216-.139-.254a9.13 9.13 0 00-.081-.14l-.186-.298-.211-.32-.235-.334-.255-.341-.283-.356-.272-.321a11.337 11.337 0 00-.257-.285l-.237-.244a6.42 6.42 0 00-.215-.204l-.187-.159a1.227 1.227 0 00-.275-.178z"/></svg></span> <span class="font-bold lg:font-normal">{{ contact.content.phone }}</span> </a> </div> <div v-if="contact.content.position" class="flex justify-center mb-6" @click="openContactOverlay(contact.content, getLabel(contact.content.position))" > <a class=" tw-button tw-button-primary " href="#" title="Wyślij zapytanie" data-prevent-inner-obfuscation> <span class="mr-2 -ml-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3L3 8.063V18.75c0 .621.22 1.151.66 1.59.439.44.969.66 1.59.66h13.5c.621 0 1.151-.22 1.59-.66.44-.439.66-.969.66-1.59V8.063L12 3zM4.125 18.75V9.96l5.098 4.061-5.045 5.045a5.847 5.847 0 01-.035-.149.768.768 0 01-.018-.167zm.879 1.09l5.168-5.168L12 15.937l1.828-1.265 5.168 5.168c-.012.012-.747.017-2.206.017H7.219c-1.453 0-2.192-.005-2.215-.017zm14.871-1.09a.768.768 0 01-.018.167 5.847 5.847 0 01-.035.15l-5.045-5.046 5.098-4.06v8.789zM12 14.62L4.125 8.624l7.857-4.307 7.893 4.307L12 14.619z"/></svg></span> <span class="mt-px leading-tight">Wyślij wniosek</span> </a> </div> <div class="text-center"> <a href="/pl/pl/firma/lokalizacje" class="w-auto lg:text-xs text-sm tw-underline-link"> <span>Wyświetl wszystkich partnerów na świecie</span> </a> </div> </template> <template id="tooltip-vue"> <span class="flex align-middle tooltip-wrapper"> <button :aria-describedby="`tooltip-${id}`" class="tooltip__button" ref="button" @mouseenter="show" @focus="show" @mouseleave="hideAfterAWhile" @blur="hide" > <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <g fill="none" transform="translate(1.5 1.5)"></g> <path d="M10 18.75C8.41333 18.75 6.94334 18.3533 5.59 17.56C4.27166 16.7783 3.22167 15.7283 2.44 14.41C1.64666 13.0567 1.25 11.5867 1.25 10C1.25 8.41333 1.64666 6.94334 2.44 5.59C3.22167 4.27166 4.27166 3.22167 5.59 2.44C6.94334 1.64666 8.41333 1.25 10 1.25C11.5867 1.25 13.0567 1.64666 14.41 2.44C15.7283 3.22167 16.7783 4.27166 17.56 5.59C18.3533 6.94334 18.75 8.41333 18.75 10C18.75 11.5867 18.3533 13.0567 17.56 14.41C16.7783 15.7283 15.7283 16.7783 14.41 17.56C13.0567 18.3533 11.5867 18.75 10 18.75Z" fill="#D8D8D8" /> <path d="M10.875 5.625H9.125V7.375H10.875V5.625ZM10.875 9.12501H9.125V14.375H10.875V9.12501Z" fill="#353535" /> </g> </svg> </button> <span :id="`tooltip-${id}`" role="tooltip" ref="tooltip" class="absolute p-3 text-xs text-gray-600 font-normal rounded-sm tooltip shadow-tooltip bg-white text-left" > {{ text }} <span class="tooltip__arrow" ref="arrow"></span> </span> </span> </template> <template id="modal"> <Transition name="modal-fade"> <div v-show="showing" class="fixed inset-0 z-60 flex items-center justify-center w-screen h-screen bg-smoke" @click.self="close" v-cloak > <div class="relative flex w-full h-fit lg:min-h-112 max-w-3xl xl:max-w-6xl"> <div class="w-full max-h-screen overflow-auto bg-black"> <slot></slot> </div> <button aria-label="close" @click.prevent="close" class="absolute top-0 right-0 p-2 mt-5 mr-5 text-xl transition-shadow bg-white bounds-shadow-bottom-strong focus:outline-none"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.503 4.773l-.05.064a.35.35 0 00.05.431l6.481 6.482-6.481 6.482a.35.35 0 000 .495l1.27 1.27.064.05a.35.35 0 00.431-.05l6.482-6.481 6.482 6.481a.35.35 0 00.495 0l1.27-1.27.05-.064a.35.35 0 00-.05-.431l-6.481-6.482 6.481-6.482a.35.35 0 000-.495l-1.27-1.27-.064-.05a.35.35 0 00-.431.05L11.75 9.984 5.268 3.503a.35.35 0 00-.495 0l-1.27 1.27z"/></svg> </button> </div> </div> </Transition> </template> <template id="video-playback"> <div v-if="!cookiesAccepted && (isYoutubeVideo() || isVimeoVideo() || isYoukuVideo())" class="text-white"> <accept-cookies></accept-cookies> </div> <iframe v-else-if="isYoutubeVideo()" class="w-full aspect-video video-playback-iframe lg:h-full snap-none" :src="getYoutubeVideoUrl()" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen ></iframe> <iframe v-else-if="isVimeoVideo()" class="w-full aspect-video video-playback-iframe lg:h-full snap-none" :src="getVimeoVideoUrl()" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen ></iframe> <iframe v-else-if="isYoukuVideo()" class="w-full aspect-video video-playback-iframe lg:h-full snap-none" :src="getYoukuVideoUrl()" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen ></iframe> <video v-else controls ref="video" class="w-full aspect-video lg:h-full video-hide-download-button" autoplay > <source :src="url" type="video/mp4"> </video> </template> <script type="text/javascript"> var AVAILABLE_DIRECTORIES = [{"directory":"pt\/br","lang":"pt","hreflang":"pt-BR"},{"directory":"cs\/cz","lang":"cs","hreflang":"cs-CZ"},{"directory":"da\/dk","lang":"da","hreflang":"da-DK"},{"directory":"de","lang":"de","hreflang":"de"},{"directory":"de\/at","lang":"de","hreflang":"de-AT"},{"directory":"de\/ch","lang":"de","hreflang":"de-CH"},{"directory":"de\/de","lang":"de","hreflang":"de-DE"},{"directory":"en","lang":"en","hreflang":"en"},{"directory":"en\/ca","lang":"us","hreflang":"en-CA"},{"directory":"en\/gb","lang":"en","hreflang":"en-GB"},{"directory":"hu\/hu","lang":"hu","hreflang":"hu-HU"},{"directory":"es","lang":"es","hreflang":"es"},{"directory":"es\/mx","lang":"es","hreflang":"es-MX"},{"directory":"fr","lang":"fr","hreflang":"fr"},{"directory":"fr\/fr","lang":"fr","hreflang":"fr-FR"},{"directory":"hi\/in","lang":"hi","hreflang":"hi-IN"},{"directory":"it\/it","lang":"it","hreflang":"it-IT"},{"directory":"ja\/jp","lang":"ja","hreflang":"ja-JP"},{"directory":"ko\/kr","lang":"ko","hreflang":"ko-KR"},{"directory":"nl\/nl","lang":"nl","hreflang":"nl-NL"},{"directory":"pl\/pl","lang":"pl","hreflang":"pl-PL"},{"directory":"ru\/ru","lang":"ru","hreflang":"ru-RU"},{"directory":"th\/th","lang":"th","hreflang":"th-TH"},{"directory":"tr\/tr","lang":"tr","hreflang":"tr-TR"},{"directory":"en\/us","lang":"us","hreflang":"en-US"},{"directory":"zh\/cn","lang":"zh","hreflang":"zh-CN"}]; var CURRENT_HREFLANG = "pl-PL"; var AVAILABLE_DIRECTORIES = [{"directory":"pt\/br","lang":"pt","hreflang":"pt-BR"},{"directory":"cs\/cz","lang":"cs","hreflang":"cs-CZ"},{"directory":"da\/dk","lang":"da","hreflang":"da-DK"},{"directory":"de","lang":"de","hreflang":"de"},{"directory":"de\/at","lang":"de","hreflang":"de-AT"},{"directory":"de\/ch","lang":"de","hreflang":"de-CH"},{"directory":"de\/de","lang":"de","hreflang":"de-DE"},{"directory":"en","lang":"en","hreflang":"en"},{"directory":"en\/ca","lang":"us","hreflang":"en-CA"},{"directory":"en\/gb","lang":"en","hreflang":"en-GB"},{"directory":"hu\/hu","lang":"hu","hreflang":"hu-HU"},{"directory":"es","lang":"es","hreflang":"es"},{"directory":"es\/mx","lang":"es","hreflang":"es-MX"},{"directory":"fr","lang":"fr","hreflang":"fr"},{"directory":"fr\/fr","lang":"fr","hreflang":"fr-FR"},{"directory":"hi\/in","lang":"hi","hreflang":"hi-IN"},{"directory":"it\/it","lang":"it","hreflang":"it-IT"},{"directory":"ja\/jp","lang":"ja","hreflang":"ja-JP"},{"directory":"ko\/kr","lang":"ko","hreflang":"ko-KR"},{"directory":"nl\/nl","lang":"nl","hreflang":"nl-NL"},{"directory":"pl\/pl","lang":"pl","hreflang":"pl-PL"},{"directory":"ru\/ru","lang":"ru","hreflang":"ru-RU"},{"directory":"th\/th","lang":"th","hreflang":"th-TH"},{"directory":"tr\/tr","lang":"tr","hreflang":"tr-TR"},{"directory":"en\/us","lang":"us","hreflang":"en-US"},{"directory":"zh\/cn","lang":"zh","hreflang":"zh-CN"}]; var CURRENT_HREFLANG = "pl-PL"; </script> <script type="text/javascript" src="/scripts/main.js?version=152185" defer></script> <template id="labels"> {"service_employee":"pracownik serwisu","sales_employee":"pracownik działu handlowego","marketing":"Head of Marketing","moulding_industry_business_advisor":"doradca ds. zarządzania przemysłem przetwórczym","head_of_office":"dyrektor biura","managing-director":"dyrektor zarządzający","sales-manager":"kierownik ds. sprzedaży","ceo":"prezes zarządu","commercial-director":"dyrektor handlowy","internal-sales":"sprzedaż wewnętrzna","president_of_sales_and_after_sales":"dyrektor ds. sprzedaży i usług posprzedażowych ","sales_director":"dyrektor ds. sprzedaży","representative_director":"zastępca dyrektora","sales_operations_manager":"dyrektor ds. operacji sprzedażowych","support":"Wsparcie","pr-manager":"Public Relations Manager","group-com":"Head of Group Communications"} </template> <script type="text/javascript"> /* FONT INDEXED DB load fonts into indexedDB if they aren't saved there yet and load fonts from indexedDB into style tag use indexedDB because the fonts string for china is too long for localStorage */ const indexedDB = window.indexedDB || window.mozIndexDB || window.webkitIndexedDB || window.msIndexedDB || window.shimIndexedDB; (function(ls, x) { try { const fontversion = 1; const request = window.indexedDB.open(fontcachename, fontversion); request.onerror = (event) => { // Generic error handler for all errors targeted at this database's requests! console.error(`Database error: ${event.target.errorCode}`); }; request.onupgradeneeded = function () { const db = request.result; const store = db.createObjectStore("fonts", { keyPath: "id" }); store.createIndex("fontType", ["fontType"], { unique: false }); }; request.onsuccess = function () { const db = request.result; const transaction = db.transaction("fonts", "readwrite"); const store = transaction.objectStore("fonts"); const fontTypeIndex = store.index("fontType"); // would also be possible to create language index const fontSansQuery = fontTypeIndex.get(["font-sans"]); fontSansQuery.onsuccess = function () { if(fontSansQuery.result === undefined) { // -- load font-sans INTO indexedDB const h = new x(); h.open('GET', '/styles/fonts.css?version=152185' ); h.send(); h.onload = function() { addStyles(this.responseText); const db = request.result; const transaction = db.transaction("fonts", "readwrite"); const store = transaction.objectStore("fonts"); const putRequest = store.put({ id: 1, fontType: "font-sans", fontVersion: fontversion, language: "all", content: this.responseText, }); putRequest.onsuccess = function() { const fontSansQuery = store.get(1); fontSansQuery.onsuccess = function () { const fontSans = fontSansQuery.result.content; }; }; putRequest.onerror = function() { console.error('font not added', event.target.error); }; } } else { // -- load font-sans from indexedDB into style Tag const fontSans = fontSansQuery.result; // if fontversion from query !== fontVersion from now, remove it. else, add to styles if(fontSans.fontVersion !== fontversion) { store.delete(1); } else { addStyles(fontSans.content); } } }; if(isChina) { const fontSansZhQuery = fontTypeIndex.get(["font-sans-zh"]); fontSansZhQuery.onsuccess = function () { if(fontSansZhQuery.result === undefined) { // -- load font-sans-zh INTO indexedDB const j = new x(); j.open('GET', '/styles/fonts-zh.css?version=152185' ); j.send(); j.onload = function() { addStyles(this.responseText); const db = request.result; const transaction = db.transaction("fonts", "readwrite"); const store = transaction.objectStore("fonts"); const putRequest = store.put({ id: 2, fontType: "font-sans-zh", fontVersion: fontversion, language: "zh", content: this.responseText, }); putRequest.onsuccess = function() { const fontSansZhQuery = store.get(2); fontSansZhQuery.onsuccess = function () { const fontSansZh = fontSansZhQuery.result.content; }; }; putRequest.onerror = function() { console.error('font not added', event.target.error); }; } } else { // -- load font-sans-zh from indexedDB into style Tag const fontSansZh = fontSansZhQuery.result; // if fontversion from query !== fontVersion from now, remove it. else, add to styles if(fontSansZh.fontVersion !== fontversion) { store.delete(2); } else { addStyles(fontSansZh.content); } } }; } } } catch(e) { console.error(e); } })(window.localStorage, XMLHttpRequest); </script> <script> window.dataLayer = window.dataLayer || []; </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); const f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : "";j.defer=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M4LVL5V');</script>   <div class="old-browser old-browser--hidden" id="oldBrowser"> <div class="old-browser__wrapper"> <h2 class="old-browser__title">Twoja przeglądarka jest nieaktualna.</h2> <p class="text-sm mb-7">Przeglądarka Internet Explorer nie jest już również obsługiwana. Aby w pełni korzystać z witryny, należy zmienić przeglądarkę na aktualną.</p> <button aria-label="close" onclick="closeOldBrowserOverlay()" class="absolute top-0 right-0 p-2 mt-5 mr-5 text-xl bg-white focus:outline-none"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.503 4.773l-.05.064a.35.35 0 00.05.431l6.481 6.482-6.481 6.482a.35.35 0 000 .495l1.27 1.27.064.05a.35.35 0 00.431-.05l6.482-6.481 6.482 6.481a.35.35 0 00.495 0l1.27-1.27.05-.064a.35.35 0 00-.05-.431l-6.481-6.482 6.481-6.482a.35.35 0 000-.495l-1.27-1.27-.064-.05a.35.35 0 00-.431.05L11.75 9.984 5.268 3.503a.35.35 0 00-.495 0l-1.27 1.27z"/></svg> </button> <div class="flex justify-center"> <div class="flex flex-col items-center old-browser__item"> <a href="https://www.mozilla.org/de/firefox/new/" target="_blank"> <img class="w-14 h-14 lazyload" data-src="/images/browsers/Firefox.webp" alt="Firefox Logo" width="56" height="56"> </a> <a href="https://www.mozilla.org/de/firefox/new/" class="pt-2 tw-link-small" target="_blank"> <span>Firefox</span> <span class="ml-2 text-gray-700 fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </div> <div class="flex flex-col items-center old-browser__item"> <a href="https://www.google.de/chrome/" target="_blank"> <img class="w-14 h-14 lazyload" data-src="/images/browsers/Chrome.webp" alt="Chrome Logo" width="56" height="56"> </a> <a href="https://www.google.de/chrome/" class="pt-2 tw-link-small" target="_blank"> <span>Chrome</span> <span class="ml-2 text-gray-700 fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </div> <div class="flex flex-col items-center old-browser__item"> <a href="https://support.apple.com/downloads/safari" target="_blank"> <img class="w-14 h-14 lazyload" data-src="/images/browsers/Safari.webp" alt="Safari Logo" width="56" height="56"> </a> <a href="https://support.apple.com/downloads/safari" class="pt-2 tw-link-small" target="_blank"> <span>Safari</span> <span class="ml-2 text-gray-700 fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </div> <div class="flex flex-col items-center old-browser__item"> <a href="https://www.microsoft.com/de-de/edge" target="_blank"> <img class="w-14 h-14 lazyload" data-src="/images/browsers/Edge.webp" alt="Edge Logo" width="56" height="56"> </a> <a href="https://www.microsoft.com/de-de/edge" class="pt-2 tw-link-small" target="_blank"> <span>Edge</span> <span class="ml-2 text-gray-700 fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </div> </div> </div> </div> <script> // check if browser is IE11 if (/Trident\/|MSIE/.test(window.navigator.userAgent)) { const oldBrowserModal = document.getElementById('oldBrowser'); oldBrowserModal.classList.remove('old-browser--hidden'); } function closeOldBrowserOverlay() { const oldBrowserModal = document.getElementById('oldBrowser'); oldBrowserModal.classList.add('old-browser--hidden'); } </script> <div class="old-browser old-browser--hidden" id="oldBrowser"> <div class="old-browser__wrapper"> <h2 class="old-browser__title">Twoja przeglądarka jest nieaktualna.</h2> <p class="text-sm mb-7">Przeglądarka Internet Explorer nie jest już również obsługiwana. Aby w pełni korzystać z witryny, należy zmienić przeglądarkę na aktualną.</p> <button aria-label="close" onclick="closeOldBrowserOverlay()" class="absolute top-0 right-0 p-2 mt-5 mr-5 text-xl bg-white focus:outline-none"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.503 4.773l-.05.064a.35.35 0 00.05.431l6.481 6.482-6.481 6.482a.35.35 0 000 .495l1.27 1.27.064.05a.35.35 0 00.431-.05l6.482-6.481 6.482 6.481a.35.35 0 00.495 0l1.27-1.27.05-.064a.35.35 0 00-.05-.431l-6.481-6.482 6.481-6.482a.35.35 0 000-.495l-1.27-1.27-.064-.05a.35.35 0 00-.431.05L11.75 9.984 5.268 3.503a.35.35 0 00-.495 0l-1.27 1.27z"/></svg> </button> <div class="flex justify-center"> <div class="flex flex-col items-center old-browser__item"> <a href="https://www.mozilla.org/de/firefox/new/" target="_blank"> <img class="w-14 h-14 lazyload" data-src="/images/browsers/Firefox.webp" alt="Firefox Logo" width="56" height="56"> </a> <a href="https://www.mozilla.org/de/firefox/new/" class="pt-2 tw-link-small" target="_blank"> <span>Firefox</span> <span class="ml-2 text-gray-700 fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </div> <div class="flex flex-col items-center old-browser__item"> <a href="https://www.google.de/chrome/" target="_blank"> <img class="w-14 h-14 lazyload" data-src="/images/browsers/Chrome.webp" alt="Chrome Logo" width="56" height="56"> </a> <a href="https://www.google.de/chrome/" class="pt-2 tw-link-small" target="_blank"> <span>Chrome</span> <span class="ml-2 text-gray-700 fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </div> <div class="flex flex-col items-center old-browser__item"> <a href="https://support.apple.com/downloads/safari" target="_blank"> <img class="w-14 h-14 lazyload" data-src="/images/browsers/Safari.webp" alt="Safari Logo" width="56" height="56"> </a> <a href="https://support.apple.com/downloads/safari" class="pt-2 tw-link-small" target="_blank"> <span>Safari</span> <span class="ml-2 text-gray-700 fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </div> <div class="flex flex-col items-center old-browser__item"> <a href="https://www.microsoft.com/de-de/edge" target="_blank"> <img class="w-14 h-14 lazyload" data-src="/images/browsers/Edge.webp" alt="Edge Logo" width="56" height="56"> </a> <a href="https://www.microsoft.com/de-de/edge" class="pt-2 tw-link-small" target="_blank"> <span>Edge</span> <span class="ml-2 text-gray-700 fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </div> </div> </div> </div> <script> // check if browser is IE11 if (/Trident\/|MSIE/.test(window.navigator.userAgent)) { const oldBrowserModal = document.getElementById('oldBrowser'); oldBrowserModal.classList.remove('old-browser--hidden'); } function closeOldBrowserOverlay() { const oldBrowserModal = document.getElementById('oldBrowser'); oldBrowserModal.classList.add('old-browser--hidden'); } </script> </body> </html>

CINXE.COM

▷ Rozwiązania automatyzacji procesu wtrysku - ENGEL