▷ Compliance & Data Protection

<!DOCTYPE html> <html lang="en" 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/en/company/compliance-and-data-protection" /> <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="en"> <style> </style> <link rel="stylesheet" href="/styles/main.css?version=150663" media="all" /> <title>▷ Compliance & Data Protection - ENGEL</title> <meta name="description" content="ENGEL Compliance und Data Protection ✓ Download information sheet ✓ Privacy policy ✓ Legal notice ✓ Code of Conduct ✓ Integrity Helpline ➠ Learn more!" /> <meta name="navigation_title" content="Compliance & Data Protection" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="ENGEL" /> <meta property="og:title" content="▷ Compliance & Data Protection - ENGEL" /> <meta property="og:image" content="https://a.storyblok.com/f/136567/1200x630/1e1bfc99f1/unternehmen-engel-logo-meta.jpg/m/1200x0" /> <meta property="og:description" content="ENGEL Compliance und Data Protection ✓ Download information sheet ✓ Privacy policy ✓ Legal notice ✓ Code of Conduct ✓ Integrity Helpline ➠ Learn more!" /> <meta name="twitter:card" content="ENGEL Compliance und Data Protection ✓ Download information sheet ✓ Privacy policy ✓ Legal notice ✓ Code of Conduct ✓ Integrity Helpline ➠ Learn more!" /> <meta name="twitter:title" content="▷ Compliance & Data Protection - ENGEL" /> <meta name="twitter:description" content="ENGEL Compliance und Data Protection ✓ Download information sheet ✓ Privacy policy ✓ Legal notice ✓ Code of Conduct ✓ Integrity Helpline ➠ Learn more!" /> <meta name="twitter:image" content="https:https://a.storyblok.com/f/136567/1200x630/1e1bfc99f1/unternehmen-engel-logo-meta.jpg/m/1200x0" /> <meta property="algolia:image" content="https://a.storyblok.com/f/136567/1200x630/1e1bfc99f1/unternehmen-engel-logo-meta.jpg/m/1200x0" /> <link rel="alternate" href="https://www.engelglobal.com/en/ca/company/compliance-and-data-protection" hreflang="en-CA"> <link rel="alternate" href="https://www.engelglobal.com/en/us/company/compliance-and-data-protection" hreflang="en-US"> <link rel="alternate" href="https://www.engelglobal.com/es/empresa/cumplimiento-y-proteccion-de-datos" hreflang="es"> <link rel="alternate" href="https://www.engelglobal.com/es/mx/empresa/cumplimiento-y-proteccion-de-datos" hreflang="es-MX"> <link rel="alternate" href="https://www.engelglobal.com/it/it/azienda/conformita-e-protezione-dei-dati" hreflang="it-IT"> <link rel="alternate" href="https://www.engelglobal.com/pl/pl/firma/zgodnosc-z-przepisami-i-ochrona-danych" hreflang="pl-PL"> <link rel="alternate" href="https://www.engelglobal.com/zh/cn/company/compliance-and-data-protection" hreflang="zh-CN"> <link rel="alternate" href="https://www.engelglobal.com/fr/enterprise/conformite-et-protection-des-donnees" hreflang="fr"> <link rel="alternate" href="https://www.engelglobal.com/fr/fr/enterprise/conformite-et-protection-des-donnees" hreflang="fr-FR"> <link rel="alternate" href="https://www.engelglobal.com/cs/cz/spolecnost/dodrzovani-predpisu-a-ochrana-udaju" hreflang="cs-CZ"> <link rel="alternate" href="https://www.engelglobal.com/de/unternehmen/compliance-und-datenschutz" hreflang="de"> <link rel="alternate" href="https://www.engelglobal.com/de/at/unternehmen/compliance-und-datenschutz" hreflang="de-AT"> <link rel="alternate" href="https://www.engelglobal.com/de/ch/unternehmen/compliance-und-datenschutz" hreflang="de-CH"> <link rel="alternate" href="https://www.engelglobal.com/de/de/unternehmen/compliance-und-datenschutz" hreflang="de-DE"> <link rel="alternate" href="https://www.engelglobal.com/ru/ru/company/compliance-and-data-protection" hreflang="ru-RU"> <link rel="alternate" href="https://www.engelglobal.com/en/company/compliance-and-data-protection" hreflang="en"> <link rel="alternate" href="https://www.engelglobal.com/en/gb/company/compliance-and-data-protection" hreflang="en-GB"> </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"> Worldwide (EN) </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">Search</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="/en/company/career" 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">Career</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="/en/digital-solutions/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">Customer portal</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">Sales & Service Contact</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="/en/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">Sales & Service Contact</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('Industries')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Industries')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Industries'), '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"> Industries </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Industries'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Industries')" ><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('Industries') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Industries')" @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="/en/industries/plastic-injection-moulding-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="Automotive & Mobility" > </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"> Automotive & Mobility </div> </a> </li> <li class="block h-full"> <a class="group" href="/en/industries/plastic-packaging-injection-moulding" > <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="Packaging" > </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"> Packaging </div> </a> </li> <li class="block h-full"> <a class="group" href="/en/industries/injection-moulding-electronics" > <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="Electronics" > </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"> Electronics </div> </a> </li> <li class="block h-full"> <a class="group" href="/en/industries/medical-technology-products" > <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="Medical Technology" > </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"> Medical Technology </div> </a> </li> <li class="block h-full"> <a class="group" href="/en/industries/technical-injection-moulding" > <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="Technical Injection Moulding" > </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"> Technical Injection Moulding </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('Products')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Products')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Products'), '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"> Products </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Products'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Products')" ><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('Products') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Products')" @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="/en/products/injection-moulding-machines" > <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="Injection Moulding Machines" > </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"> Injection Moulding Machines </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="/en/products/buy-injection-moulding-machine-from-stock" > Stock Machines </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="/en/products/used-injection-moulding-machines" > Used Machinery </a> </li> </ul> </li> <li class="block h-full"> <a class="group" href="/en/products/injection-moulding-automation" > <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="Automation" > </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"> Automation </div> </a> </li> <li class="block h-full"> <a class="group" href="/en/products/injection-moulding-processes" > <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="Injection Moulding Processes" > </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"> Injection Moulding Processes </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('Digital-solutions')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Digital-solutions')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Digital-solutions'), '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"> Digital solutions </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Digital-solutions'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Digital-solutions')" ><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('Digital-solutions') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Digital-solutions')" @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="/en/digital-solutions" > <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="About 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"> About ENGEL inject 4.0 </div> </a> </li> <li class="block h-full"> <a class="group" href="/en/digital-solutions/digital-construction-plastic" > <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="/en/digital-solutions/injection-mould-sampling" > <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="Sampling" > </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"> Sampling </div> </a> </li> <li class="block h-full"> <a class="group" href="/en/digital-solutions/digital-injection-moulding-production" > <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="Production" > </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"> Production </div> </a> </li> <li class="block h-full"> <a class="group" href="/en/digital-solutions/digital-maintenance-service" > <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="Maintenance & Service" > </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"> Maintenance & Service </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('Service')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Service')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Service'), '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"> Service </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Service'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Service')" ><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('Service') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Service')" @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="/en/engel-service" > <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="About ENGEL Service" > </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"> About ENGEL Service </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" > Service Contact <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="/en/engel-service/customer-service-maintenance-injection-moulding-machine" > <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="Customer Service & Maintenance" > </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"> Customer Service & Maintenance </div> </a> </li> <li class="block h-full"> <a class="group" href="/en/engel-service/injection-moulding-training" > <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="Training" > </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"> Training </div> </a> </li> <li class="block h-full"> <a class="group" href="/en/engel-service/optimisation-of-injection-moulding-processes" > <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="Process Optimisation" > </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"> Process Optimisation </div> </a> </li> <li class="block h-full"> <a class="group" href="/en/engel-service/retrofit-machine-injection-moulding" > <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="Upgrades" > </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"> Upgrades </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('Sustainability')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Sustainability')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Sustainability'), '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"> Sustainability </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Sustainability'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Sustainability')" ><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('Sustainability') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Sustainability')" @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="/en/sustainability-plastics" > <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="About ENGEL Sustainability" > </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"> About ENGEL Sustainability </div> </a> </li> <li class="block h-full"> <a class="group" href="/en/sustainability-plastics/circular-economy-plastics-recycling" > <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="Circular Economy" > </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"> Circular Economy </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 main-navigation-item__link--active" href="#" @mouseover="showSubNav('Company')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Company')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Company'), '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"> Company </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Company'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Company')" ><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('Company') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Company')" @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="/en/company/engel-injection-moulding" > <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="About Us" > </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"> About us </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="/en/company/engel-injection-moulding/quality-management" > Quality Management </a> </li> </ul> </li> <li class="block h-full"> <a class="group" href="/en/company/locations" > <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="Locations" > </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"> Locations </div> </a> </li> <li class="block h-full"> <a class="group" href="/en/company/compliance-and-data-protection" > <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="Compliance & Data Protection" > </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"> Compliance & Data Protection </div> </a> </li> <li class="block h-full"> <a class="group" href="/en/company/media-center" > <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="Media Centre" > </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"> Media Centre </div> </a> </li> <li class="block h-full"> <a class="group" href="/en/company/career" > <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="Career" > </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"> Career </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="/en/company/career/we-are-engel" > We are 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-international.engelglobal.com/en/uk/index.html" target="_blank" > Vacancies <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="/en/search" 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">Search</label> <button type="submit" class="absolute bottom-0 py-1 right-1.5" aria-label="Search"><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="/en/company/career" 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">Career</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="/en/digital-solutions/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">Customer portal</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"> Worldwide (EN) </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"> EN </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">Sales & Service Contact</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":"ENGEL Team","created_at":"2022-08-22T11:22:53.894Z","published_at":"2022-10-12T11:09:33.000Z","id":178444351,"uuid":"49d8a13c-7613-4c94-83be-42e12fbe6f7b","content":{"_uid":"932535db-11b3-489d-b579-f592b0d410ec","image":{"id":5614422,"alt":null,"name":"","focus":null,"title":null,"filename":"https:\/\/a.storyblok.com\/f\/136567\/256x256\/67269ea837\/produkte-team-headquarter.jpg","copyright":null,"fieldtype":"asset"},"phone":"","lastname":"Team","position":"sales_employee","component":"contact-person","firstname":"ENGEL"},"slug":"engel-team","full_slug":"contacts\/engel-team","sort_by_date":null,"position":240,"tag_list":[],"is_startpage":false,"parent_id":129195630,"meta_data":null,"group_id":"664a7a43-616d-4596-9899-1452a990716e","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":"50d33578-a43f-4bf0-bb7b-e9b57685490b","order":"service_parts_support","person":"49d8a13c-7613-4c94-83be-42e12fbe6f7b","country":"other","language":"en","component":"contact-mapping","support_phone":"+43 50 620 3333","parts_distribution_email":"service.ea@engel.at","parts_distribution_phone":"+43 50 620 3333","technical_customer_service_email":"service.ea@engel.at","technical_customer_service_phone":"+43 50 620 3333"} }' 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">Your local contact in</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" selected >Other</option> <option value="dz" data-service-id="96df54cd-aac6-47e7-873a-8cb00e44e31a" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >Algeria</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" >Bahamas</option> <option value="bd" data-service-id="79b04916-6d4e-467c-ba51-baa44202eac7" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >Bangladesh</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" >Belgium</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" >Bolivia</option> <option value="br" data-service-id="1a06e3b6-27d8-4f24-94e2-4124c70d3f53" data-person-id="efd38ea8-97e5-4c5a-b716-86b64a237a68" >Brazil</option> <option value="ca" data-service-id="3e85d51c-cfe6-4911-b095-d4e5dbea46db" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Canada</option> <option value="cn" data-service-id="d826d427-2dec-4191-96e6-7c01dc5cdd53" data-person-id="a4f6a9ee-6837-46e9-9e9d-3939d2fc2696" >China</option> <option value="cr" data-service-id="5ab1777f-f992-4d95-b3c4-9a219dfe1fa0" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Costa Rica</option> <option value="cz" data-service-id="e70d77a2-8832-4e3e-879e-9e594799928d" data-person-id="ceb3d8cb-b275-4174-8a33-85b43a40bccd" >Czech Republic</option> <option value="dk" data-service-id="a9d1fd1b-c713-4fd4-b572-7e4d67cb2840" data-person-id="85a68b07-5961-44df-a097-cf49b35bfa27" >Denmark</option> <option value="dm" data-service-id="23a0976f-b171-4492-b5f4-313836bf9fde" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Dominica</option> <option value="do" data-service-id="ef6add5f-da0e-4e30-aa6f-bad57bc164c7" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Dominican Republic</option> <option value="sv" data-service-id="717c587c-61e5-44d8-9113-0d0179870365" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >El Salvador</option> <option value="fi" data-service-id="e78413c7-fd87-42e5-a28a-ea3ffbaae5ef" data-person-id="881d7ce0-1982-4ac6-98b0-925ead375136" >Finland</option> <option value="fr" data-service-id="0bb93a63-5c48-44cc-bfb8-12afcd887737" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >France</option> <option value="de" data-service-id="99978ee9-956e-4ee0-8638-ed94ac1202e5" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Germany</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" >Guatemala</option> <option value="ht" data-service-id="989cb512-f46f-418e-a928-b94e74e71d8f" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Haiti</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" >Hong Kong</option> <option value="hu" data-service-id="59c78234-263c-4445-940e-20286f47b5c9" data-person-id="cc4ed14a-08e9-4c32-9d7d-2771455372d0" >Hungary</option> <option value="is" data-service-id="214b32b9-160a-4427-8aff-8c8e1c8fcdd7" data-person-id="85a68b07-5961-44df-a097-cf49b35bfa27" >Iceland</option> <option value="in" data-service-id="5aa050ea-47ef-4c40-94cb-7923073e16f1" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >India</option> <option value="id" data-service-id="f9de780c-d3b4-47aa-ae71-008a625dc491" data-person-id="c74ea3d3-1c14-460a-a2f1-f9f07644e9ab" >Indonesia</option> <option value="ie" data-service-id="fd814c2e-1e19-495e-b957-a3f6d890f0d1" data-person-id="f0fcb215-faa7-4e14-a49d-f7f4431779d6" >Ireland</option> <option value="it" data-service-id="19c7fd29-9d5f-4ed8-acc4-4efaa2453e3c" data-person-id="485dce53-175e-4efa-be74-427d1db69f26" >Italy</option> <option value="jm" data-service-id="68ca480c-c377-4a3a-9173-a15030a9df42" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Jamaica</option> <option value="jp" data-service-id="d81618f1-153c-4698-b861-f9102214090a" data-person-id="43e66318-db03-4894-a8c5-10cc124ea70f" >Japan</option> <option value="kr" data-service-id="40c79af0-4af3-46aa-8eb3-982af549c07b" data-person-id="d125eb77-3541-4e19-b492-c52846f7942a" >Korea (South, Republic)</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" >Luxembourg</option> <option value="my" data-service-id="677c5e0c-d2ef-4a91-88d0-cd729d068c4a" data-person-id="c74ea3d3-1c14-460a-a2f1-f9f07644e9ab" >Malaysia</option> <option value="mv" data-service-id="fecee6f1-91ab-4b1f-9141-4bdee8b130ff" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >Maldives</option> <option value="mx" data-service-id="f10a3998-27cb-4fef-b3ba-ed75f73ee752" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Mexico</option> <option value="md" data-service-id="138943ac-6311-49cc-ac54-95c985628cc2" data-person-id="323fe954-feab-4b85-be84-0abb2e28d1ac" >Moldova (Republic)</option> <option value="mc" data-service-id="32c40ef4-8fae-4370-b0c4-e928704c5cba" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >Monaco</option> <option value="ma" data-service-id="e5ac92cc-8c48-4b9e-8d8d-cce0bd3c5686" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >Morocco</option> <option value="mm" data-service-id="812724b3-e8d2-47fa-97ba-e2690765e0ee" data-person-id="359a11e1-3373-49e3-95d9-ea02244de406" >Myanmar</option> <option value="np" data-service-id="35256fe2-1c82-453a-a25d-aadc36f7ae9e" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >Nepal</option> <option value="nl" data-service-id="3206eb4c-5aca-4140-b067-12f674d41539" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Netherlands</option> <option value="ni" data-service-id="4f4bafe4-09fb-4dd2-8c14-c6bb84a1ef35" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Nicaragua</option> <option value="no" data-service-id="cfda11a8-2f7c-490e-ad76-27a743c60ec8" data-person-id="85a68b07-5961-44df-a097-cf49b35bfa27" >Norway</option> <option value="pa" data-service-id="7b807a2f-fb97-4097-9d01-2700e5e6aa19" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Panama</option> <option value="ph" data-service-id="6fdf6b05-6e00-43d5-94ef-4f4b6ddb301c" data-person-id="c74ea3d3-1c14-460a-a2f1-f9f07644e9ab" >Philippines</option> <option value="pl" data-service-id="86920af2-08cb-4851-9da1-54dcc1f5930e" data-person-id="fc93497e-7084-4cc5-89fa-be92495092b1" >Poland</option> <option value="pr" data-service-id="d9a3fa14-c4c6-491a-84c3-946150399ade" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Puerto Rico</option> <option value="ro" data-service-id="ff59acec-581c-4317-bc23-1e333661c001" data-person-id="323fe954-feab-4b85-be84-0abb2e28d1ac" >Romania</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="sg" data-service-id="93f1030b-345d-4abf-85cd-9442fedea5d6" data-person-id="c74ea3d3-1c14-460a-a2f1-f9f07644e9ab" >Singapore</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="se" data-service-id="af21bc9d-421c-4b73-a82f-0161b8595367" data-person-id="97adfa52-76ca-4e60-881b-aef07da177cf" >Sweden</option> <option value="ch" data-service-id="21af6e9a-fd96-47da-8fbb-8b846e6f991c" data-person-id="af7b752f-942b-4c6f-a41f-dfcdf5cdbd54" >Switzerland</option> <option value="tw" data-service-id="0d098261-0a9f-43e8-9578-cfc1a73125c5" data-person-id="a4f6a9ee-6837-46e9-9e9d-3939d2fc2696" >Taiwan (Province of China)</option> <option value="th" data-service-id="50a03dad-a8fc-4834-b8fe-4e853c2a9632" data-person-id="359a11e1-3373-49e3-95d9-ea02244de406" >Thailand</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" >Tunisia</option> <option value="tr" data-service-id="030cc625-8033-488b-8bc3-fc2ff44f1476" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Türkiye</option> <option value="ua" data-service-id="37c88b4f-0b9a-4200-9eac-74872824ceac" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Ukraine</option> <option value="gb" data-service-id="a5c5c6c7-fb2e-4764-87ac-c361472ef729" data-person-id="f0fcb215-faa7-4e14-a49d-f7f4431779d6" >United Kingdom</option> <option value="us" data-service-id="cf440214-4a0d-4ca4-97e3-ad02af7a2a2f" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >United States</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">Sales contact</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">Service & Support contacts</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": "Contact request", "recaptchaSiteKey": "6LfYBBAgAAAAAGkFuKs7mUaNR1A0queHT2dZyNQk", "locale": "en", "country": "" ,"externalIntro": "Thank you for your request. We will contact you shortly.", "prefillTopic": "company", "prefillCountry": "" }' > <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 ">We look forward to receiving your enquiry</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 ">Personal details</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>Please select</option> <option value="female" > Ms. </option> <option value="male" > Mr. </option> <option value="person" > Mx. </option> </select> <label for="cform__salutation" class="form-float-label">Salutation *</label> <p v-if="formErrorsVisible && this.v$.formFields.salutation.$invalid" class="flex mt-1 text-red-500 text-xxs">Please fill in the mandatory field.</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">First name </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">Last name *</label> <p v-if="formErrorsVisible && this.v$.formFields.lastname.$invalid" class="flex mt-1 text-red-500 text-xxs">Please fill in the mandatory field.</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">E-mail address *</label> <p v-if="formErrorsVisible && this.v$.formFields.email.$invalid && formFields.email === ''" class="flex mt-1 text-red-500 text-xxs">Please fill in the mandatory field.</p> <p v-if="formErrorsVisible && this.v$.formFields.email.$invalid" class="flex mt-1 text-red-500 text-xxs">Please enter a valid email address.</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">Telephone number </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">Company *</label> <p v-if="formErrorsVisible && this.v$.formFields.company.$invalid" class="flex mt-1 text-red-500 text-xxs">Please fill in the mandatory field.</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>Select country</option> <option value="other" > Other </option> <option value="dz" > Algeria </option> <option value="at" > Austria </option> <option value="bs" > Bahamas </option> <option value="bd" > Bangladesh </option> <option value="bb" > Barbados </option> <option value="be" > Belgium </option> <option value="bz" > Belize </option> <option value="bt" > Bhutan </option> <option value="bo" > Bolivia </option> <option value="br" > Brazil </option> <option value="ca" > Canada </option> <option value="cn" > China </option> <option value="cr" > Costa Rica </option> <option value="cz" > Czech Republic </option> <option value="dk" > Denmark </option> <option value="dm" > Dominica </option> <option value="do" > Dominican Republic </option> <option value="sv" > El Salvador </option> <option value="fi" > Finland </option> <option value="fr" > France </option> <option value="de" > Germany </option> <option value="gd" > Grenada </option> <option value="gt" > Guatemala </option> <option value="ht" > Haiti </option> <option value="hn" > Honduras </option> <option value="hk" > Hong Kong </option> <option value="hu" > Hungary </option> <option value="is" > Iceland </option> <option value="in" > India </option> <option value="id" > Indonesia </option> <option value="ie" > Ireland </option> <option value="it" > Italy </option> <option value="jm" > Jamaica </option> <option value="jp" > Japan </option> <option value="kr" > Korea (South, Republic) </option> <option value="li" > Liechtenstein </option> <option value="lu" > Luxembourg </option> <option value="my" > Malaysia </option> <option value="mv" > Maldives </option> <option value="mx" > Mexico </option> <option value="md" > Moldova (Republic) </option> <option value="mc" > Monaco </option> <option value="ma" > Morocco </option> <option value="mm" > Myanmar </option> <option value="np" > Nepal </option> <option value="nl" > Netherlands </option> <option value="ni" > Nicaragua </option> <option value="no" > Norway </option> <option value="pa" > Panama </option> <option value="ph" > Philippines </option> <option value="pl" > Poland </option> <option value="pr" > Puerto Rico </option> <option value="ro" > Romania </option> <option value="lc" > Saint Lucia </option> <option value="sg" > Singapore </option> <option value="lk" > Sri Lanka </option> <option value="se" > Sweden </option> <option value="ch" > Switzerland </option> <option value="tw" > Taiwan (Province of China) </option> <option value="th" > Thailand </option> <option value="tt" > Trinidad and Tobago </option> <option value="tn" > Tunisia </option> <option value="tr" > Türkiye </option> <option value="ua" > Ukraine </option> <option value="gb" > United Kingdom </option> <option value="us" > United States </option> </select> <label for="cform__country" class="form-float-label">Country *</label> <p v-if="formErrorsVisible && this.v$.formFields.country.$invalid" class="flex mt-1 text-red-500 text-xxs">Please fill in the mandatory field.</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">Postcode *</label> <p v-if="formErrorsVisible && this.v$.formFields.zip.$invalid" class="flex mt-1 text-red-500 text-xxs">Please fill in the mandatory field.</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">City </label> </div> <div class="mt-10 sm:hidden"> <h3 class="text-gray-700 font-medium ">Which topic can we help you with?</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>Which topic can we help you with?</option> <option value="industries_products" > Industries/Products </option> <option value="service" > Service </option> <option value="company" > Company </option> <option value="career" > Career </option> <option value="training" > Training </option> </select> <label for="cform__topic" class="form-float-label">Subject of your request *</label> <p v-if="formErrorsVisible && this.v$.formFields.topic.$invalid" class="flex mt-1 text-red-500 text-xxs">Please fill in the mandatory field.</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">Your message </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 Characters </span> </p> <p v-if="formErrorsVisible && this.v$.formFields.message.$invalid" class="flex mt-1 text-red-500 text-xxs">Please note the maximum character length.</p> </div> <div class="text-xs">* Please fill the required fields</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>I hereby give my <a href="/en/page/consent-to-data-processing-contact-form" class="tw-underline-link" target="_blank">consent</a> to the processing of my personal data provided here. Please note the information on data protection at ENGEL at <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"> Please accept our data protection. </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="This website is protected by reCAPTCHA. Google's $[0] and $[1] apply." data-privacy="Privacy policy" data-terms="Terms of use" 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>Yes, I would like to subscribe to the 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="Submit request" > <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">Send request</span> <span v-show="emailSending" class="mt-px leading-tight">Enquiry will be sent...</span> </button> <p v-show="!isSuccess" class="flex mt-1 text-sm text-red-500 sm:col-span-2" id="contactform-email-error" > Unfortunately, your request could not be sent due to a system error. Please try again later. </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": "en", "country": "", "searchPage": "/en/search" }'> <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> Loading </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 "> Unfortunately, no results could be found. </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">All results for search term</span> </a> </div> </div> </div>  <main id="main" class="sb-indexed__body">  <section class="relative space-y-8 container my-14 lg:my-16"> <span id="cookies" class="absolute left-0 w-full h-px -top-32 md:-top-48"></span>  <div class="header"> <div class="container pl-0"> <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/en/home">Home</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">Compliance & Data Protection</span> </li> </ul> </div> </div> <div class="max-w-3xl mx-auto px-5 mt-12"> <h1 class="tw-hero text-center font-normal ">Compliance and Data Protection</h1> <h2 class="tw-h3 text-center mt-4">General Information</h2> <div class="tw-paragraph text-center text-gray-600 tw-h3 mt-4"> <p></p> </div> </div> </div>  <div class="max-w-4xl mx-auto text-component "> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p>The protection of personal data is not only an obligation, but also a matter of concern to us. Any processing of personal data is therefore carried out with the utmost care and in accordance with the fundamental principles of European data protection law. All companies of the ENGEL Group process personal data in compliance with all data protection regulations. In addition to information on data protection at ENGEL, we also provide extensive information about newsletters, website analysis and the integration of third-party services.</p><p>All companies of the ENGEL group can be found <a href="/en/company/locations" target="_self">here</a>.</p> </div> </div> <div class="py-2"> <div class="flex justify-center"> <a href="javascript:dr_revokeChoice();" class="my-6 tw-button tw-button-primary js-revoke-cookies">Change cookie settings</a> </div> </div> </section>  <div data-vue="StickyNav" id="sticky-nav" class="sticky left-0 w-full py-4 font-medium transition duration-200 ease-in z-40 bg-gray-50 lg:py-7 top-13"> <div class="container relative"> <div class="-mx-3 overflow-auto flex lg:-mx-5 scrollbar-hidden">  <a href="#info-sheet" class="px-3 text-sm text-gray-700 sm:px-4 lg:px-5 whitespace-nowrap sticky-nav-item hover:text-black ">Download information sheet</a>  <a href="#contact-gdpr" class="px-3 text-sm text-gray-700 sm:px-4 lg:px-5 whitespace-nowrap sticky-nav-item hover:text-black ">Contact</a>  <a href="#privacy" class="px-3 text-sm text-gray-700 sm:px-4 lg:px-5 whitespace-nowrap sticky-nav-item hover:text-black ">Privacy policy</a>  <a href="#legal" class="px-3 text-sm text-gray-700 sm:px-4 lg:px-5 whitespace-nowrap sticky-nav-item hover:text-black ">Legal notice</a>  <a href="#coc" class="px-3 text-sm text-gray-700 sm:px-4 lg:px-5 whitespace-nowrap sticky-nav-item hover:text-black ">Code of Conduct</a>  <a href="#integrity-helpline" class="px-3 text-sm text-gray-700 sm:px-4 lg:px-5 whitespace-nowrap sticky-nav-item hover:text-black pr-10 lg:pr-5">Integrity Helpline</a> </div> <div class="absolute top-0 bottom-0 right-0 w-16 pointer-events-none bg-gradient-to-l from-gray-50 to-transparent"></div> </div> </div>  <section class="relative space-y-8 my-24 lg:my-32"> <span id="info-sheet" class="absolute left-0 w-full h-px -top-32 md:-top-48"></span>  <div class="my-24 lg:my-32 text-center" data-vue="DownloadList" data-props='{"regions": ["English","Bulgarian","Croatian","Danish","Dutch","Estonian","Finnish","French","Greek","German","Hungarian","Irish","Italian","Latvian","Lithuanian","Maltese","Polish","Portuguese","Romanian","Slovak","Slovenian","Spanish","Swedish"], "countries": [] }'> <div class="pt-10 pb-12 sm:pb-20 sm:pt-14 bg-gray-50"> <div class="container"> <header class="max-w-lg mx-auto"> <h2 class="tw-h1">More detailed information can be found in our information document</h2> </header> <div> <div > <div class="relative flex-shrink-0 w-full mx-auto mt-12 sm:max-w-xs"> <select class="form-input form-select" name="region" @change="resetCountrySelection()" v-model="activeRegion" id="download_list_region_b410390b-2c8d-4f84-a065-931d6067aede" > <option value="">Please select</option> <option value="English">English</option> <option value="Bulgarian">Bulgarian</option> <option value="Croatian">Croatian</option> <option value="Danish">Danish</option> <option value="Dutch">Dutch</option> <option value="Estonian">Estonian</option> <option value="Finnish">Finnish</option> <option value="French">French</option> <option value="Greek">Greek</option> <option value="German">German</option> <option value="Hungarian">Hungarian</option> <option value="Irish">Irish</option> <option value="Italian">Italian</option> <option value="Latvian">Latvian</option> <option value="Lithuanian">Lithuanian</option> <option value="Maltese">Maltese</option> <option value="Polish">Polish</option> <option value="Portuguese">Portuguese</option> <option value="Romanian">Romanian</option> <option value="Slovak">Slovak</option> <option value="Slovenian">Slovenian</option> <option value="Spanish">Spanish</option> <option value="Swedish">Swedish</option> </select> <label for="download_list_region_b410390b-2c8d-4f84-a065-931d6067aede" class="form-float-label form-float-label--long" id="asldf">Please select the desired language</label> </div> </div> <ul class="mt-12 rounded-sm bg-gray-50 mx-auto w-fit max-w-lg" > <li v-show="displayDownloadItem('English', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/a50da52637/information-according-to-article-13-gdpr-english.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('English', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/a355a2a1a7/information-according-to-article-14-gdpr-english.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Bulgarian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/29386cb77c/information-according-to-article-13-gdpr-bulgarian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Bulgarian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/d42340dea4/information-according-to-article-14-gdpr-bulgarian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Croatian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/7f813ad496/information-according-to-article-13-gdpr-croatian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Croatian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/dbdc34b673/information-according-to-article-14-gdpr-croatian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Danish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/2b50a36252/information-according-to-article-13-gdpr-danish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Danish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/de5458f4a0/information-according-to-article-14-gdpr-danish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Dutch', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/907cd931c9/information-according-to-article-13-gdpr-dutch.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Dutch', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/42b5d2a1ba/information-according-to-article-14-gdpr-dutch.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Estonian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/982a46ef88/information-according-to-article-13-gdpr-estonian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Estonian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/b51e8fb2b7/information-according-to-article-14-gdpr-estonian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Finnish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/d447785dc8/information-according-to-article-13-gdpr-finnish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Finnish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/774460c296/information-according-to-article-14-gdpr-finnish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('French', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/7fd49cfccc/information-according-to-article-13-gdpr-french.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('French', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/ca1eae41b2/information-according-to-article-14-gdpr-french.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Greek', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/2e32ed3f23/information-according-to-article-13-gdpr-greek.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Greek', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/9e494d9bb0/information-according-to-article-14-gdpr-greek.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('German', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/7d6ff2e0f4/information-according-to-article-13-gdpr-deutsch.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('German', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/0cc189ed47/information-according-to-article-14-gdpr-deutsch.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Hungarian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/1bec03d5b3/information-according-to-article-13-gdpr-hungarian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Hungarian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/8b692ffae0/information-according-to-article-14-gdpr-hungarian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Irish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/3aa2dff967/information-according-to-article-13-gdpr-irish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Irish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/27da0dd4f3/information-according-to-article-14-gdpr-irish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Italian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/8b02dcf61b/information-according-to-article-13-gdpr-italian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Italian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/b3ed5f0d09/information-according-to-article-14-gdpr-italian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Latvian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/3e69d53590/information-according-to-article-13-gdpr-latvian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Latvian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/eddeb09d9c/information-according-to-article-14-gdpr-latvian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Lithuanian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/d8798132ba/information-according-to-article-13-gdpr-lithuanian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Lithuanian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/8d930090f7/information-according-to-article-14-gdpr-lithuanian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Maltese', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/5d68910a6e/information-according-to-article-13-gdpr-maltese.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Maltese', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/15494c052c/information-according-to-article-14-gdpr-maltese.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Polish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/4c1bc78620/information-according-to-article-13-gdpr-polish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Polish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/979a000a0d/information-according-to-article-14-gdpr-polish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Portuguese', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/5b11157680/information-according-to-article-13-gdpr-portuguese.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Portuguese', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/8ecf8df297/information-according-to-article-14-gdpr-portuguese.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Romanian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/4905423d98/information-according-to-article-13-gdpr-romanian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Romanian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/4fc8a77af4/information-according-to-article-14-gdpr-romanian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Slovak', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/d49f1188a4/information-according-to-article-13-gdpr-slovak.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Slovak', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/dd0bcd7fae/information-according-to-article-14-gdpr-slovak.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Slovenian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/efdc4a5da6/information-according-to-article-13-gdpr-slovenian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Slovenian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/42a155e737/information-according-to-article-14-gdpr-slovenian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Spanish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/3ff044a5d4/information-according-to-article-13-gdpr-spanish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Spanish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/1f90c62fac/information-according-to-article-14-gdpr-spanish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Swedish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/77bdddadc5/information-according-to-article-13-gdpr-swedish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 13 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Swedish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/e83262b7eb/information-according-to-article-14-gdpr-swedish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 14 DSGVO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('German', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/9b65a87eee/informationsdokument-laut-artikel-9-dsg-deutsch.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Information document (lt. Art. 9 DSG) - Switzerland </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> </ul> </div> </div> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32"> <span id="contact-gdpr" class="absolute left-0 w-full h-px -top-32 md:-top-48"></span>  <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">Assertion of Your Rights</div> <div class="tw-paragraph text-gray-600 text-center mt-2"> <p>We are happy to accept your requests to assert your rights under the applicable privacy and dataprotection law (such as information, deletion or revocation).<br />Click on "Start request" to get to our contact form.</p> </div> <div class="flex justify-center"> <a class="mt-6 tw-button tw-button-primary " href="https://dsgvo.engelglobal.com/en/at/index.html" target="_blank" title="External link" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Start request</span> </a> </div> </div>  <div class="max-w-4xl mx-auto text-component "> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p>Please direct any other inquiries about data protection to <a href="mailto:dataprotection@engelglobal.com" target="_blank">dataprotection@engelglobal.com.</a></p> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32"> <span id="privacy" class="absolute left-0 w-full h-px -top-32 md:-top-48"></span>  <div class="max-w-4xl mx-auto text-component "> <div class="tw-h1 text-center ">Privacy</div> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p>Where personal designations are used in this text only in female or male form, they refer to women and men in the same way.</p> </div> </div> <div data-vue="DataReporterPrivacyNotice" class="py-2 dataprivacy-datareporter"> <script src="https://webcache-eu.datareporter.eu/c/dc93c56a-9358-478a-bc51-8c6c55748933/Kr7InJjW0Kkp/wwp/privacynotice_v2.js" type="text/javascript" charset="utf-8"></script> <div id="dr-privacynotice-div" class="tw-paragraph"></div> <noscript> <iframe width="100%" frameborder="0" style="min-height:400px;" src="https://webcache-eu.datareporter.eu/c/dc93c56a-9358-478a-bc51-8c6c55748933/Kr7InJjW0Kkp/wwp/privacynotice_noscript.html"></iframe> </noscript> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32"> <span id="legal" class="absolute left-0 w-full h-px -top-32 md:-top-48"></span>  <div class="max-w-4xl mx-auto text-component "> <div class="tw-h1 text-center ">Legal</div> </div> <div class="container" data-vue="Faq"> <div class="border-t-2 border-b-2 divide-y-2 divide-gray-50 border-gray-50">  <div id="81ae2671-6c58-4c15-adcd-c5dcabdac635" class="pb-3 pt-6 sm:px-10"> <button class="accordion-header flex items-center justify-between w-full text-left tw-h3 pb-3" @click="toggleAccordion(1)" data-index="index-1" > <span class="max-w-4xl mr-2">Online Content</span> <span class="flex-shrink-0 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="accordion-content overflow-hidden text-sm max-h-0 sm:text-base tw-paragraph" :class="{'pt-3 mb-4': clickedIndex === 1}" v-cloak v-bind:style="[clickedIndex !== 1 ? 'padding-top: 0; margin-bottom: 0;' : 'max-height: auto;']" > <p>The author assumes no liability for the quality of the information provided, nor gives any guarantee that the information is up-to-date, correct or complete. Liability claims against the author relating to damages of any kind that were caused by use or misuse of the provided information or by the use of incorrect and incomplete information are excluded, unless there is evidence of willful intent or gross negligence on the part of the author. All offers are non-binding. The author explicitly reserves the right to change, supplement or delete online content in full or in part, or to remove the content temporarily or permanently, without prior notice.</p> </div> </div>  <div id="b1a617e4-7bdd-4f0d-b23a-1a879686f7a5" class="pb-3 pt-6 sm:px-10"> <button class="accordion-header flex items-center justify-between w-full text-left tw-h3 pb-3" @click="toggleAccordion(2)" data-index="index-2" > <span class="max-w-4xl mr-2">References and Links</span> <span class="flex-shrink-0 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="accordion-content overflow-hidden text-sm max-h-0 sm:text-base tw-paragraph" :class="{'pt-3 mb-4': clickedIndex === 2}" v-cloak v-bind:style="[clickedIndex !== 2 ? 'padding-top: 0; margin-bottom: 0;' : 'max-height: auto;']" > <p>The author accepts no liability for direct or indirect references to third-party Internet pages (links), which are beyond the author's control, unless the author is aware of the content of the linked sites and preventing access of illegal content via these links would have been technically feasible and reasonable. The author therefore explicitly declares that at the time of establishing the links, the corresponding linked pages were free from illegal content. The author has no control whatsoever over the current and future design, and contents of the linked/referenced pages. Therefore, the author hereby specifically distances himself from all contents on linked/referenced sites modified after the links in question were established. This declaration applies to all links and references set within the author's own online content as well as for entries made by third parties in visitor logs, discussion forums and mailing lists established by the author. Liability for illegal, incorrect or incomplete content, and in particular for damages resulting from use or misuse of such information shall be borne solely by the party providing the linked site and not by the party incorporating the published material published by reference.</p> </div> </div>  <div id="b9074f1b-bbcd-4231-a393-f9e8e6ebdf7d" class="pb-3 pt-6 sm:px-10"> <button class="accordion-header flex items-center justify-between w-full text-left tw-h3 pb-3" @click="toggleAccordion(3)" data-index="index-3" > <span class="max-w-4xl mr-2">Copyright and Trademark Rights</span> <span class="flex-shrink-0 transition-transform duration-200 ease-in-out" :class="{'transform rotate-180': clickedIndex === 3}" > <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="accordion-content overflow-hidden text-sm max-h-0 sm:text-base tw-paragraph" :class="{'pt-3 mb-4': clickedIndex === 3}" v-cloak v-bind:style="[clickedIndex !== 3 ? 'padding-top: 0; margin-bottom: 0;' : 'max-height: auto;']" > <p>In all publications, the author strives to either observe the copyright of the used images, audio and video files and text, to use their own images, audio and video files and text or to resort to license-free images, audio and video files and text. Brands and trademarks mentioned in the author's online content that are protected by third parties are without limitation subject to the terms and conditions of the relevant copyright law, and the right of ownership of the registered owner. Referencing to trademarks does not imply that they are not protected by the rights of a third party. The copyright for any material published and created by the author remains solely with the author. Any reproduction or use of such images, audio and video files, and text in any other electronic or printed publication is not permitted without the author's explicit consent.</p> </div> </div>  <div id="8ca0cce9-a075-436c-9ec3-4d80d91bd210" class="pb-3 pt-6 sm:px-10"> <button class="accordion-header flex items-center justify-between w-full text-left tw-h3 pb-3" @click="toggleAccordion(4)" data-index="index-4" > <span class="max-w-4xl mr-2">Legal Validity of this Disclaimer</span> <span class="flex-shrink-0 transition-transform duration-200 ease-in-out" :class="{'transform rotate-180': clickedIndex === 4}" > <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="accordion-content overflow-hidden text-sm max-h-0 sm:text-base tw-paragraph" :class="{'pt-3 mb-4': clickedIndex === 4}" v-cloak v-bind:style="[clickedIndex !== 4 ? 'padding-top: 0; margin-bottom: 0;' : 'max-height: auto;']" > <p>This disclaimer is to be considered as part of the online content from which this site was referenced to. If parts or individual formulations of this text should no longer completely correspond to the current legal situation, the other parts remain valid.</p> </div> </div> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32"> <span id="coc" class="absolute left-0 w-full h-px -top-32 md:-top-48"></span>  <div class="max-w-4xl mx-auto text-component "> <div class="tw-h1 text-center ">Code of Compliance</div> <div class="tw-paragraph font-medium text-gray-700 text-center mt-4"> <p>Key Values of Our Corporate Philosophy</p> </div> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p>ENGEL offers complete injection moulding solutions from a single source. As a leading manufacturer of injection moulding machines, we are committed to the innovative development and production of the machines as well as their automation. With innovative technologies, state-of-the-art production facilities and sustainable service and support, we enable our customers to be competitive and successful.</p><p>Just as specific quality criteria obviously apply to our machines, clearly defined values apply to our conduct towards customers, suppliers, employees and other business partners.</p><p>This Code of Compliance represents fundamental values that apply to the entire ENGEL Group and thereby form the basis for long term, ethically sound, legally compliant business dealings.</p><p>We regard this Code not only as a guideline that is binding on our conduct, but also as a key component of our corporate philosophy, and therefore a cornerstone of our continued success in the future.</p> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32">  <div class="relative" data-vue="Downloads" data-props='{"downloadsCount": 1, "slideable": true }'> <div class="bg-gray-50 absolute inset-x-0 top-0 h-72 sm:h-3/5"></div> <div class="container relative py-14 px-8"> <div class="tw-h1 text-center text-gray-700 ">Download</div> <div class="mt-8">  <div class="flex justify-center gray-bg-darker-underlines" data-download-item="a6032aa1-55c7-4f84-b1f5-c32e704e892d"> <div class="w-64 sm:max-w-lg sm:w-full sm:flex"> <a class="download-item__image group flex overflow-hidden shadow-download-image hover:shadow-download-image-hover" href="https://a.storyblok.com/f/136567/x/bc695018a3/engel-verhaltenskodex-en.pdf" style="min-height: 360px; min-width: 254px;" target="_blank"> <div class="max-w-full flex-shrink-0 flex-grow-0 relative inline-block rounded-smtransition-transform duration-500 group-hover:scale-105"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/240x340/f564d0c776/download-allgemein.jpg/m/256x361" srcset="" width="256" height="361"> <img data-src="https://a.storyblok.com/f/136567/240x340/f564d0c776/download-allgemein.jpg/m/256x361/filters:format(webp)" width="256" height="361" class="lazyload " > </picture> </div> </a> <div class="sm:ml-7"> <div class="mt-5"> <div class="tw-h3 text-gray-700 ">Code of Conduct</div> </div> <div class="text-sm font-medium text-gray-600"> </div> <div class="mt-5 flex items-center justify-start"> <a class=" tw-button tw-button-secondary-outline " href="https://a.storyblok.com/f/136567/x/bc695018a3/engel-verhaltenskodex-en.pdf" target="_blank" title="Internal link" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">view</span> </a> </div> </div> </div> </div> </div> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32"> <span id="integrity-helpline" class="absolute left-0 w-full h-px -top-32 md:-top-48"></span>  <div class="max-w-4xl mx-auto text-component "> <div class="tw-h1 text-center ">Integrity Helpline</div> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p>To ensure that the basic principles of this Code of Conduct are sustainably observed in the long term, an Integrity Helpline has been set up. The Helpline, which can be accessed via the <a href="https://www.engelglobal.com/integrity-helpline" target="_blank">digital reporting portal of the Integrity Helpline</a>, is ENGEL’s first port of call for compliance-related enquiries and reports.</p> </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\u0022932535db\u002D11b3\u002D489d\u002Db579\u002Df592b0d410ec\u0022,\u0022image\u0022\u003A\u007B\u0022id\u0022\u003A5614422,\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\\\/67269ea837\\\/produkte\u002Dteam\u002Dheadquarter.jpg\u0022,\u0022copyright\u0022\u003Anull,\u0022fieldtype\u0022\u003A\u0022asset\u0022\u007D,\u0022phone\u0022\u003A\u0022\u0022,\u0022lastname\u0022\u003A\u0022Team\u0022,\u0022position\u0022\u003A\u0022sales_employee\u0022,\u0022component\u0022\u003A\u0022contact\u002Dperson\u0022,\u0022firstname\u0022\u003A\u0022ENGEL\u0022\u007D', 'Sales')" > <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/67269ea837/produkte-team-headquarter.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" >Contact us</span> <div v-show="isSuccess" class="pr-3"> <p class="block font-bold text-gray-700 normal-case">Thank you</p> <p class="block text-sm text-gray-700 normal-case">Your message was sent successfully</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/67269ea837/produkte-team-headquarter.jpg/m/0x180/filters:format(webp)" alt="" width="90" height="90"> <p class="font-medium text-gray-700">ENGEL Team</p> <p class="text-xs text-gray-600">Sales</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">Write to us</p> <div class="mt-1 text-xs lg:mt-2 lg:text-base">The ENGEL team will be happy to assist you with comprehensive know-how on the subject of injection moulding.</div> <button title="Contact us" class="mt-6 tw-button tw-button-primary lg:absolute lg:bottom-0" @click="openContactOverlay('\u007B\u0022_uid\u0022\u003A\u0022932535db\u002D11b3\u002D489d\u002Db579\u002Df592b0d410ec\u0022,\u0022image\u0022\u003A\u007B\u0022id\u0022\u003A5614422,\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\\\/67269ea837\\\/produkte\u002Dteam\u002Dheadquarter.jpg\u0022,\u0022copyright\u0022\u003Anull,\u0022fieldtype\u0022\u003A\u0022asset\u0022\u007D,\u0022phone\u0022\u003A\u0022\u0022,\u0022lastname\u0022\u003A\u0022Team\u0022,\u0022position\u0022\u003A\u0022sales_employee\u0022,\u0022component\u0022\u003A\u0022contact\u002Dperson\u0022,\u0022firstname\u0022\u003A\u0022ENGEL\u0022\u007D', 'Sales')" > <span class="mt-px leading-tight">Contact us</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">Contact us</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:+43 (0) 50 620 0" class="text-xs text-gray-700 hover:text-black mr-6 md:mr-0">+43 (0) 50 620 0</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 AUSTRIA GmbH<br /> Ludwig-Engel-Straße 1<br /> 4311 Schwertberg<br /> AUSTRIA</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">Service Platforms</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>Apply as supplier</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>Supplier Portal</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>e-learning Platform</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="/en/digital-solutions/e-connect-portal" class="tw-link-small" > <span>e-connect Customer Portal</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">Other Areas</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="/en/fairs-events" class="tw-link-small" > <span>Fairs & Events</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="/en/newsletter" class="tw-link-small" > <span>Subscribe to newsletter</span> </a> </li> <li class="mb-2.5"> <a href="/en/company/media-center/news-press" class="tw-link-small" > <span>News & Press</span> </a> </li> <li class="mb-2.5"> <a href="/en/quality-certificate" class="tw-link-small" > <span>Certificates</span> </a> </li> <li class="mb-2.5"> <a href="/en/global-supply-chain-management" class="tw-link-small" > <span>Purchasing</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>Integrity Helpline</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"> Follow us </div> <div class="text-xs text-gray-700 mb-4"> Take a look behind the scenes of the injection moulding world </div> <div class="flex justify-center md:justify-start mb-14 flex-wrap"> <a href="https://www.linkedin.com/company/11355001" 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-662297100560115/" 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">Imprint & Data Protection</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="/en/sitemap" class="tw-link-small" > <span>Sitemap</span> </a> </li> <li class="mb-2.5"> <a href="/en/imprint" class="tw-link-small" > <span>Imprint</span> </a> </li> <li class="mb-2.5"> <a href="/en/gtc" class="tw-link-small" > <span>GTC</span> </a> </li> <li class="mb-2.5"> <a href="/en/company/compliance-and-data-protection" class="tw-link-small" > <span>Data Protection</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">Copyright by ENGEL</div> <ul class="hidden md:block"> <li class="inline ml-7"> <a href="/en/sitemap" class="tw-link-small" > <span>Sitemap</span> </a> </li> <li class="inline ml-7"> <a href="/en/imprint" class="tw-link-small" > <span>Imprint</span> </a> </li> <li class="inline ml-7"> <a href="/en/gtc" class="tw-link-small" > <span>GTC</span> </a> </li> <li class="inline ml-7"> <a href="/en/company/compliance-and-data-protection" class="tw-link-small" > <span>Data Protection</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">For a seamless and interactive online experience of our multimedia content (e.g. videos, maps), please accept the storage of the necessary cookies (detailed information on these cookies can be found in the data protection section) for marketing purposes.</div> <button @click="acceptAll()" class="mt-6 tw-button tw-button-primary">Accept</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 ">Change location</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/unternehmen/compliance-und-datenschutz" @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/spolecnost/dodrzovani-predpisu-a-ochrana-udaju" @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="A limited website version is available for this country." id="DK"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="fr" data-language="" href="https://www.engelglobal.com/fr/fr/enterprise/conformite-et-protection-des-donnees" @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/unternehmen/compliance-und-datenschutz" @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="A limited website version is available for this country." id="HU"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="it" data-language="" href="https://www.engelglobal.com/it/it/azienda/conformita-e-protezione-dei-dati" @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="A limited website version is available for this country." id="NL"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="pl" data-language="" href="https://www.engelglobal.com/pl/pl/firma/zgodnosc-z-przepisami-i-ochrona-danych" @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/company/compliance-and-data-protection" @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/unternehmen/compliance-und-datenschutz" @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="A limited website version is available for this country." id="TR"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="gb" data-language="" href="https://www.engelglobal.com/en/gb/company/compliance-and-data-protection" @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="A limited website version is available for this country." id="BR"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="ca" data-language="" href="https://www.engelglobal.com/en/ca/company/compliance-and-data-protection" @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/empresa/cumplimiento-y-proteccion-de-datos" @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/company/compliance-and-data-protection" @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/company/compliance-and-data-protection" @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="A limited website version is available for this country." 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="A limited website version is available for this country." 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="A limited website version is available for this country." 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="A limited website version is available for this country." 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/company/compliance-and-data-protection" @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/unternehmen/compliance-und-datenschutz" @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/empresa/cumplimiento-y-proteccion-de-datos" @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/enterprise/conformite-et-protection-des-donnees" @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">Filter by</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> Machine type </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> Drive type </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> Clamping force (in tonnes) </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> Clamping force (in 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">Result</span> <span v-else>Results</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> Filter </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">Result</span> <span v-else>Results</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> Reset filter </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 ">Unfortunately, no results could be found.</h2> <p class="text-sm text-gray-700 text-center mt-2"> Please try again. </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 }} of {{ totalItems }}</p> <p v-if="showAllItems && currFilters.length === 0" class="mt-8 mb-2.5 text-sm">{{ currItems.length }} of {{ totalItems }}</p> <p v-if="showAllItems && currFilters.length !== 0" class="mt-8 mb-2.5 text-sm">{{ currItems.length }} of {{ 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"> Show all machines (<span v-text="Object.keys(currItems).length"></span>) </span> <span :class="{'invisible w-0 overflow-hidden': !showAllItems}"> Show fewer machines </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">Apply filter</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">Support 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">Fees for the ENGEL hotline vary depending on the country. <a href="https://www.engelglobal.com/engel-locations-worldwide" target="_blank" class="tw-underline-link">Details</a></p> </div>  <div v-if="getTechnicalCustomerServicePhone() || getTechnicalCustomerServiceEmail()" :style="{ 'order': getOrder()[1] }" :class="{ 'mt-7': getOrder()[1] != 1 && getSupportPhone() }" > <p class="text-sm">Technical customer service</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">Spare parts sales</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="Submit request" 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">Send request</span> </a> </div> <div class="text-center"> <a href="/en/company/locations" class="w-auto lg:text-xs text-sm tw-underline-link"> <span>Show all contacts worldwide</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 = "en"; 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 = "en"; </script> <script type="text/javascript" src="/scripts/main.js?version=150663" defer></script> <template id="labels"> {"service_employee":"Customer Service","sales_employee":"Sales","marketing":"Head of Marketing","moulding_industry_business_advisor":"Moulding Industry Business Advisor ","head_of_office":"Office Manager","managing-director":"Managing Director","sales-manager":"Sales Manager","ceo":"President","commercial-director":"Commercial Director","internal-sales":"Internal Sales","president_of_sales_and_after_sales":"President of Sales and After Sales","sales_director":"Sales Director","representative_director":"Deputy Director","sales_operations_manager":"Sales Operations Manager","support":"Support","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=150663' ); 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=150663' ); 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">Your browser is out of date.</h2> <p class="text-sm mb-7">Internet Explorer is no longer supported. Please switch to a current browser to be able to use engelglobal.com to its full extent.</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">Your browser is out of date.</h2> <p class="text-sm mb-7">Internet Explorer is no longer supported. Please switch to a current browser to be able to use engelglobal.com to its full extent.</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

▷ Compliance & Data Protection - ENGEL