▷ Global Supply Chain Management

<!DOCTYPE html> <html lang="de" 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/de/global-supply-chain-management" /> <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="de"> <style> </style> <link rel="stylesheet" href="/styles/main.css?version=150663" media="all" /> <title>▷ Global Supply Chain Management - ENGEL</title> <meta name="description" content="ENGEL Global Supply Chain Management ✓ Details zu SAP Ariba ✓ Einkaufsorganisation ✓ Nachhaltigkeit ✓ AEBs zum Download ➠ Details & Lieferantenportal hier!" /> <meta name="navigation_title" content="Einkauf" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="ENGEL" /> <meta property="og:title" content="▷ Global Supply Chain Management - ENGEL" /> <meta property="og:image" content="https://a.storyblok.com/f/136567/1200x630/3e0788950a/einkauf-global-supply-chain-meta.jpg/m/1200x0" /> <meta property="og:description" content="ENGEL Global Supply Chain Management ✓ Details zu SAP Ariba ✓ Einkaufsorganisation ✓ Nachhaltigkeit ✓ AEBs zum Download ➠ Details & Lieferantenportal hier!" /> <meta name="twitter:card" content="ENGEL Global Supply Chain Management ✓ Details zu SAP Ariba ✓ Einkaufsorganisation ✓ Nachhaltigkeit ✓ AEBs zum Download ➠ Details & Lieferantenportal hier!" /> <meta name="twitter:title" content="▷ Global Supply Chain Management - ENGEL" /> <meta name="twitter:description" content="ENGEL Global Supply Chain Management ✓ Details zu SAP Ariba ✓ Einkaufsorganisation ✓ Nachhaltigkeit ✓ AEBs zum Download ➠ Details & Lieferantenportal hier!" /> <meta name="twitter:image" content="https:https://a.storyblok.com/f/136567/1200x630/3e0788950a/einkauf-global-supply-chain-meta.jpg/m/1200x0" /> <meta property="algolia:image" content="https://a.storyblok.com/f/136567/1200x630/3e0788950a/einkauf-global-supply-chain-meta.jpg/m/1200x0" /> <link rel="alternate" href="https://www.engelglobal.com/en/global-supply-chain-management" hreflang="en"> <link rel="alternate" href="https://www.engelglobal.com/en/gb/global-supply-chain-management" hreflang="en-GB"> <link rel="alternate" href="https://www.engelglobal.com/it/it/gestione-globale-della-filiera" hreflang="it-IT"> <link rel="alternate" href="https://www.engelglobal.com/cs/cz/globalni-dodavatelsky-retezec" hreflang="cs-CZ"> <link rel="alternate" href="https://www.engelglobal.com/ru/ru/global-supply-chain-management" hreflang="ru-RU"> <link rel="alternate" href="https://www.engelglobal.com/fr/gestion-globale-de-la-chaine-d-approvisionnement" hreflang="fr"> <link rel="alternate" href="https://www.engelglobal.com/fr/fr/gestion-globale-de-la-chaine-d-approvisionnement" hreflang="fr-FR"> <link rel="alternate" href="https://www.engelglobal.com/zh/cn/global-supply-chain-management" hreflang="zh-CN"> <link rel="alternate" href="https://www.engelglobal.com/es/gestion-global-de-la-cadena-de-suministro" hreflang="es"> <link rel="alternate" href="https://www.engelglobal.com/es/mx/gestion-global-de-la-cadena-de-suministro" hreflang="es-MX"> <link rel="alternate" href="https://www.engelglobal.com/en/ca/global-supply-chain-management" hreflang="en-CA"> <link rel="alternate" href="https://www.engelglobal.com/en/us/global-supply-chain-management" hreflang="en-US"> <link rel="alternate" href="https://www.engelglobal.com/pl/pl/global-supply-chain-management" hreflang="pl-PL"> <link rel="alternate" href="https://www.engelglobal.com/de/global-supply-chain-management" hreflang="de"> <link rel="alternate" href="https://www.engelglobal.com/de/at/global-supply-chain-management" hreflang="de-AT"> <link rel="alternate" href="https://www.engelglobal.com/de/ch/global-supply-chain-management" hreflang="de-CH"> <link rel="alternate" href="https://www.engelglobal.com/de/de/global-supply-chain-management" hreflang="de-DE"> </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"> Weltweit (DE) </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">Suche</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="/de/unternehmen/karriere" 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">Karriere</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="/de/digitale-loesungen/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">Kundenportal</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 Kontakt</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="/de/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 Kontakt</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('Branchen')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Branchen')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Branchen'), '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"> Branchen </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Branchen'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Branchen')" ><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('Branchen') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Branchen')" @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="/de/branchen/kunststoff-spritzguss-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="Automobil & Mobilität" > </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"> Automobil & Mobilität </div> </a> </li> <li class="block h-full"> <a class="group" href="/de/branchen/kunststoffverpackung-spritzguss" > <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="Verpackung" > </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"> Verpackung </div> </a> </li> <li class="block h-full"> <a class="group" href="/de/branchen/spritzguss-elektronik" > <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="Elektronik" > </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"> Elektronik </div> </a> </li> <li class="block h-full"> <a class="group" href="/de/branchen/medizintechnik-produkte" > <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="Medizintechnik" > </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"> Medizintechnik </div> </a> </li> <li class="block h-full"> <a class="group" href="/de/branchen/technischer-spritzguss" > <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="Technischer Spritzguss" > </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"> Technischer Spritzguss </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('Produkte')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Produkte')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Produkte'), '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"> Produkte </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Produkte'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Produkte')" ><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('Produkte') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Produkte')" @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="/de/produkte/spritzgiessmaschinen" > <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="Spritzgießmaschinen" > </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"> Spritzgießmaschinen </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="/de/produkte/lagernde-spritzgiessmaschine-kaufen" > Lagermaschinen </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="/de/produkte/gebrauchte-spritzgiessmaschinen" > Gebrauchtmaschinen </a> </li> </ul> </li> <li class="block h-full"> <a class="group" href="/de/produkte/spritzguss-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="/de/produkte/spritzgiessverfahren" > <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="Spritzgießverfahren" > </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"> Spritzgießverfahren </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('Digitale-Losungen')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Digitale-Losungen')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Digitale-Losungen'), '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"> Digitale Lösungen </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Digitale-Losungen'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Digitale-Losungen')" ><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('Digitale-Losungen') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Digitale-Losungen')" @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="/de/digitale-loesungen" > <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/0e4699ba92/digitale-loesungen.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/0e4699ba92/digitale-loesungen.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Über 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"> Über ENGEL inject 4.0 </div> </a> </li> <li class="block h-full"> <a class="group" href="/de/digitale-loesungen/digitales-design-kunststoff-konstruktion" > <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="/de/digitale-loesungen/abmusterung-von-spritzgiesswerkzeugen" > <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="Abmusterung" > </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"> Abmusterung </div> </a> </li> <li class="block h-full"> <a class="group" href="/de/digitale-loesungen/digitale-spritzgiessfertigung" > <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="Produktion" > </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"> Produktion </div> </a> </li> <li class="block h-full"> <a class="group" href="/de/digitale-loesungen/digitale-wartung-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="Wartung & 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"> Wartung & 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="/de/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="Über 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"> Über 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 Kontakt <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="/de/engel-service/kundenservice-instandhaltung-spritzgiessmaschine" > <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="Kundenservice & Instandhaltung" > </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"> Kundenservice & Instandhaltung </div> </a> </li> <li class="block h-full"> <a class="group" href="/de/engel-service/spritzguss-schulungen" > <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="/de/engel-service/optimierung-von-spritzgiessprozessen" > <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="Prozessoptimierung" > </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"> Prozessoptimierung </div> </a> </li> <li class="block h-full"> <a class="group" href="/de/engel-service/retrofit-maschinen-spritzguss" > <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('Nachhaltigkeit')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Nachhaltigkeit')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Nachhaltigkeit'), '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"> Nachhaltigkeit </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Nachhaltigkeit'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Nachhaltigkeit')" ><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('Nachhaltigkeit') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Nachhaltigkeit')" @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="/de/nachhaltigkeit-kunststoff" > <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="Über ENGEL Nachhaltigkeit" > </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"> Über ENGEL Nachhaltigkeit </div> </a> </li> <li class="block h-full"> <a class="group" href="/de/nachhaltigkeit-kunststoff/circular-economy-kunststoffrecycling" > <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 " href="#" @mouseover="showSubNav('Unternehmen')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Unternehmen')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Unternehmen'), '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"> Unternehmen </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Unternehmen'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Unternehmen')" ><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('Unternehmen') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Unternehmen')" @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="/de/unternehmen/engel-spritzgiessen" > <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="Über uns" > </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"> Über uns </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="/de/unternehmen/engel-spritzgiessen/qualitaetsmanagement" > Qualitätsmanagement </a> </li> </ul> </li> <li class="block h-full"> <a class="group" href="/de/unternehmen/standorte" > <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="Standorte" > </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"> Standorte </div> </a> </li> <li class="block h-full"> <a class="group" href="/de/unternehmen/compliance-und-datenschutz" > <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 & Datenschutz" > </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 & Datenschutz </div> </a> </li> <li class="block h-full"> <a class="group" href="/de/unternehmen/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 Center" > </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 Center </div> </a> </li> <li class="block h-full"> <a class="group" href="/de/unternehmen/karriere" > <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/2026f8a107/karriere-first-of-all.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/440x288/2026f8a107/karriere-first-of-all.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Karriere" > </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"> Karriere </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="/de/unternehmen/karriere/wir-sind-engel" > Wir sind ENGEL </a> </li> <li class="block h-full"> <a class="inline-flex pt-4 pb-1 pl-5 text-sm text-gray-600 transition-colors lg:pt-2 lg:pl-0 lg:pb-0 font-regular lg:font-medium hover:text-black" href="https://jobs.engelglobal.com" target="_blank" > Offene Stellen <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="/de/suche" 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">Suche</label> <button type="submit" class="absolute bottom-0 py-1 right-1.5" aria-label="Suche"><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="/de/unternehmen/karriere" 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">Karriere</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="/de/digitale-loesungen/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">Kundenportal</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"> Weltweit (DE) </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"> DE </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 Kontakt</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">Ihr lokaler Ansprechpartner 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 >Anderes Land</option> <option value="dz" data-service-id="96df54cd-aac6-47e7-873a-8cb00e44e31a" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >Algerien</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" >Bangladesch</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" >Belgien</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" >Bolivien</option> <option value="br" data-service-id="1a06e3b6-27d8-4f24-94e2-4124c70d3f53" data-person-id="efd38ea8-97e5-4c5a-b716-86b64a237a68" >Brasilien</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="dk" data-service-id="a9d1fd1b-c713-4fd4-b572-7e4d67cb2840" data-person-id="85a68b07-5961-44df-a097-cf49b35bfa27" >Dänemark</option> <option value="de" data-service-id="99978ee9-956e-4ee0-8638-ed94ac1202e5" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Deutschland</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" >Dominikanische Republik</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" >Finnland</option> <option value="fr" data-service-id="0bb93a63-5c48-44cc-bfb8-12afcd887737" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >Frankreich</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" >Hongkong</option> <option value="in" data-service-id="5aa050ea-47ef-4c40-94cb-7923073e16f1" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >Indien</option> <option value="id" data-service-id="f9de780c-d3b4-47aa-ae71-008a625dc491" data-person-id="c74ea3d3-1c14-460a-a2f1-f9f07644e9ab" >Indonesien</option> <option value="ie" data-service-id="fd814c2e-1e19-495e-b957-a3f6d890f0d1" data-person-id="f0fcb215-faa7-4e14-a49d-f7f4431779d6" >Irland</option> <option value="is" data-service-id="214b32b9-160a-4427-8aff-8c8e1c8fcdd7" data-person-id="85a68b07-5961-44df-a097-cf49b35bfa27" >Island</option> <option value="it" data-service-id="19c7fd29-9d5f-4ed8-acc4-4efaa2453e3c" data-person-id="485dce53-175e-4efa-be74-427d1db69f26" >Italien</option> <option value="jm" data-service-id="68ca480c-c377-4a3a-9173-a15030a9df42" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Jamaika</option> <option value="jp" data-service-id="d81618f1-153c-4698-b861-f9102214090a" data-person-id="43e66318-db03-4894-a8c5-10cc124ea70f" >Japan</option> <option value="ca" data-service-id="3e85d51c-cfe6-4911-b095-d4e5dbea46db" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Kanada</option> <option value="kr" data-service-id="40c79af0-4af3-46aa-8eb3-982af549c07b" data-person-id="d125eb77-3541-4e19-b492-c52846f7942a" >Korea</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" >Luxemburg</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" >Malediven</option> <option value="ma" data-service-id="e5ac92cc-8c48-4b9e-8d8d-cce0bd3c5686" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >Marokko</option> <option value="mx" data-service-id="f10a3998-27cb-4fef-b3ba-ed75f73ee752" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Mexiko</option> <option value="md" data-service-id="138943ac-6311-49cc-ac54-95c985628cc2" data-person-id="323fe954-feab-4b85-be84-0abb2e28d1ac" >Moldawien</option> <option value="mc" data-service-id="32c40ef4-8fae-4370-b0c4-e928704c5cba" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >Monaco</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="ni" data-service-id="4f4bafe4-09fb-4dd2-8c14-c6bb84a1ef35" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Nicaragua</option> <option value="nl" data-service-id="3206eb4c-5aca-4140-b067-12f674d41539" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Niederlande</option> <option value="no" data-service-id="cfda11a8-2f7c-490e-ad76-27a743c60ec8" data-person-id="85a68b07-5961-44df-a097-cf49b35bfa27" >Norwegen</option> <option value="at" data-service-id="22b2d5e4-379d-449e-801b-b097aa245874" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Österreich</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" >Philippinen</option> <option value="pl" data-service-id="86920af2-08cb-4851-9da1-54dcc1f5930e" data-person-id="fc93497e-7084-4cc5-89fa-be92495092b1" >Polen</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" >Rumänien</option> <option value="se" data-service-id="af21bc9d-421c-4b73-a82f-0161b8595367" data-person-id="97adfa52-76ca-4e60-881b-aef07da177cf" >Schweden</option> <option value="ch" data-service-id="21af6e9a-fd96-47da-8fbb-8b846e6f991c" data-person-id="af7b752f-942b-4c6f-a41f-dfcdf5cdbd54" >Schweiz</option> <option value="sg" data-service-id="93f1030b-345d-4abf-85cd-9442fedea5d6" data-person-id="c74ea3d3-1c14-460a-a2f1-f9f07644e9ab" >Singapur</option> <option value="lk" data-service-id="dbaf0f69-615c-4fb4-a19b-f20efab12e31" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >Sri Lanka</option> <option value="lc" data-service-id="d5ae4c0a-27c3-4662-a6e2-5d6961dad26b" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >St. Lucia</option> <option value="tw" data-service-id="0d098261-0a9f-43e8-9578-cfc1a73125c5" data-person-id="a4f6a9ee-6837-46e9-9e9d-3939d2fc2696" >Taiwan</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 und Tobago</option> <option value="cz" data-service-id="e70d77a2-8832-4e3e-879e-9e594799928d" data-person-id="ceb3d8cb-b275-4174-8a33-85b43a40bccd" >Tschechische Republik</option> <option value="tn" data-service-id="94697482-8daa-4b4b-a4f0-9cc6d86880eb" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >Tunesien</option> <option value="tr" data-service-id="030cc625-8033-488b-8bc3-fc2ff44f1476" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Türkei</option> <option value="ua" data-service-id="37c88b4f-0b9a-4200-9eac-74872824ceac" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Ukraine</option> <option value="hu" data-service-id="59c78234-263c-4445-940e-20286f47b5c9" data-person-id="cc4ed14a-08e9-4c32-9d7d-2771455372d0" >Ungarn</option> <option value="us" data-service-id="cf440214-4a0d-4ca4-97e3-ad02af7a2a2f" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Vereinigte Staaten</option> <option value="gb" data-service-id="a5c5c6c7-fb2e-4764-87ac-c361472ef729" data-person-id="f0fcb215-faa7-4e14-a49d-f7f4431779d6" >Vereinigtes Königreich</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 Kontakt</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 Kontakte</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": "Kontaktformular", "recaptchaSiteKey": "6LfYBBAgAAAAAGkFuKs7mUaNR1A0queHT2dZyNQk", "locale": "de", "country": "" ,"externalIntro": "Vielen Dank f\u00fcr Ihre Anfrage! Wir werden Sie in K\u00fcrze kontaktieren.", "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 ">Wir freuen uns auf Ihre Anfrage!</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 ">Persönliche Angaben</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>Bitte auswählen</option> <option value="female" > Frau </option> <option value="male" > Herr </option> <option value="person" > Pers. </option> </select> <label for="cform__salutation" class="form-float-label">Anrede *</label> <p v-if="formErrorsVisible && this.v$.formFields.salutation.$invalid" class="flex mt-1 text-red-500 text-xxs">Bitte füllen Sie das Pflichtfeld aus</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">Vorname </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">Nachname *</label> <p v-if="formErrorsVisible && this.v$.formFields.lastname.$invalid" class="flex mt-1 text-red-500 text-xxs">Bitte füllen Sie das Pflichtfeld aus</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 Adresse *</label> <p v-if="formErrorsVisible && this.v$.formFields.email.$invalid && formFields.email === ''" class="flex mt-1 text-red-500 text-xxs">Bitte füllen Sie das Pflichtfeld aus</p> <p v-if="formErrorsVisible && this.v$.formFields.email.$invalid" class="flex mt-1 text-red-500 text-xxs">Bitte geben Sie eine korrekte E-Mail-Adresse an.</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">Telefonnummer </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">Unternehmen *</label> <p v-if="formErrorsVisible && this.v$.formFields.company.$invalid" class="flex mt-1 text-red-500 text-xxs">Bitte füllen Sie das Pflichtfeld aus</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>Land wählen</option> <option value="other" > Anderes Land </option> <option value="dz" > Algerien </option> <option value="bs" > Bahamas </option> <option value="bd" > Bangladesch </option> <option value="bb" > Barbados </option> <option value="be" > Belgien </option> <option value="bz" > Belize </option> <option value="bt" > Bhutan </option> <option value="bo" > Bolivien </option> <option value="br" > Brasilien </option> <option value="cn" > China </option> <option value="cr" > Costa Rica </option> <option value="dk" > Dänemark </option> <option value="de" > Deutschland </option> <option value="dm" > Dominica </option> <option value="do" > Dominikanische Republik </option> <option value="sv" > El Salvador </option> <option value="fi" > Finnland </option> <option value="fr" > Frankreich </option> <option value="gd" > Grenada </option> <option value="gt" > Guatemala </option> <option value="ht" > Haiti </option> <option value="hn" > Honduras </option> <option value="hk" > Hongkong </option> <option value="in" > Indien </option> <option value="id" > Indonesien </option> <option value="ie" > Irland </option> <option value="is" > Island </option> <option value="it" > Italien </option> <option value="jm" > Jamaika </option> <option value="jp" > Japan </option> <option value="ca" > Kanada </option> <option value="kr" > Korea </option> <option value="li" > Liechtenstein </option> <option value="lu" > Luxemburg </option> <option value="my" > Malaysia </option> <option value="mv" > Malediven </option> <option value="ma" > Marokko </option> <option value="mx" > Mexiko </option> <option value="md" > Moldawien </option> <option value="mc" > Monaco </option> <option value="mm" > Myanmar </option> <option value="np" > Nepal </option> <option value="ni" > Nicaragua </option> <option value="nl" > Niederlande </option> <option value="no" > Norwegen </option> <option value="at" > Österreich </option> <option value="pa" > Panama </option> <option value="ph" > Philippinen </option> <option value="pl" > Polen </option> <option value="pr" > Puerto Rico </option> <option value="ro" > Rumänien </option> <option value="se" > Schweden </option> <option value="ch" > Schweiz </option> <option value="sg" > Singapur </option> <option value="lk" > Sri Lanka </option> <option value="lc" > St. Lucia </option> <option value="tw" > Taiwan </option> <option value="th" > Thailand </option> <option value="tt" > Trinidad und Tobago </option> <option value="cz" > Tschechische Republik </option> <option value="tn" > Tunesien </option> <option value="tr" > Türkei </option> <option value="ua" > Ukraine </option> <option value="hu" > Ungarn </option> <option value="us" > Vereinigte Staaten </option> <option value="gb" > Vereinigtes Königreich </option> </select> <label for="cform__country" class="form-float-label">Land *</label> <p v-if="formErrorsVisible && this.v$.formFields.country.$invalid" class="flex mt-1 text-red-500 text-xxs">Bitte füllen Sie das Pflichtfeld aus</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">PLZ *</label> <p v-if="formErrorsVisible && this.v$.formFields.zip.$invalid" class="flex mt-1 text-red-500 text-xxs">Bitte füllen Sie das Pflichtfeld aus</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">Ort </label> </div> <div class="mt-10 sm:hidden"> <h3 class="text-gray-700 font-medium ">Zu welchem Thema können wir Ihnen behilflich sein?</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>Zu welchem Thema können wir Ihnen behilflich sein?</option> <option value="industries_products" > Branchen/Produkte </option> <option value="service" > Service </option> <option value="company" > Unternehmen </option> <option value="career" > Karriere </option> <option value="training" > Training </option> </select> <label for="cform__topic" class="form-float-label">Thema Ihrer Anfrage *</label> <p v-if="formErrorsVisible && this.v$.formFields.topic.$invalid" class="flex mt-1 text-red-500 text-xxs">Bitte füllen Sie das Pflichtfeld aus</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">Ihre Nachricht </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 Zeichen </span> </p> <p v-if="formErrorsVisible && this.v$.formFields.message.$invalid" class="flex mt-1 text-red-500 text-xxs">Bitte beachten Sie die maximale Zeichenlänge.</p> </div> <div class="text-xs">* Bitte füllen Sie die Pflichtfelder aus</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>Hiermit erteile ich meine <a href="/de/page/einwilligung-zur-datenverarbeitung-kontaktformular" class="tw-underline-link" target="_blank">Einwilligung</a> zur Verarbeitung meiner hier angegebenen personenbezogenen Daten. Bitte beachten Sie die Informationen zum Datenschutz bei ENGEL unter <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"> Bitte akzeptieren Sie unseren Datenschutz. </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="Diese Website ist durch reCAPTCHA geschützt. Es gelten die $[0] und $[1] von Google." data-privacy="Datenschutzbestimmungen" data-terms="Nutzungsbedingungen" 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>Ja, ich möchte mich zum Newsletter anmelden. </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="Anfrage senden" > <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">Anfrage senden</span> <span v-show="emailSending" class="mt-px leading-tight">Anfrage wird gesendet...</span> </button> <p v-show="!isSuccess" class="flex mt-1 text-sm text-red-500 sm:col-span-2" id="contactform-email-error" > Ihre Anfrage konnte leider aufgrund eines Systemfehlers nicht gesendet werden. Bitte versuchen Sie es später noch einmal. </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": "de", "country": "", "searchPage": "/de/suche" }'> <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> Laden </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 "> Leider wurden keine Ergebnisse gefunden. </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">Alle Ergebnisse zum Suchbegriff</span> </a> </div> </div> </div>  <main id="main" class="sb-indexed__body">  <section class="relative space-y-8 my-0">  <div class="mx-5 lg:mx-10 header" data-vue="Header"> <picture class="block overflow-hidden h-30vh sm:h-40vh md:h-45vh"> <source media="(max-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/640x280/c8a6b7365e/einkauf-global-supply-chain-mobil.jpg/m/0x280/filters:format(webp)" type="image/webp" width="620" height="280"> <source media="(max-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/640x280/c8a6b7365e/einkauf-global-supply-chain-mobil.jpg/m/0x280" width="620" height="280"> <source data-srcset="https://a.storyblok.com/f/136567/1920x440/2f0b640715/einkauf-global-supply-chain-desktop.jpg/m/0x440/filters:format(webp)" type="image/webp" width="1920" height="440"> <source data-srcset="https://a.storyblok.com/f/136567/1920x440/2f0b640715/einkauf-global-supply-chain-desktop.jpg/m/0x440" width="1920" height="440"> <img data-src="https://a.storyblok.com/f/136567/1920x440/2f0b640715/einkauf-global-supply-chain-desktop.jpg/m/0x440/filters:format(webp)" class="object-cover object-center w-full h-full lazyload" alt="Bild zeigt zwei Personen vor einer Weltkarte" title="Global Supply Chain Management | ENGEL" width="1920" height="440" > </picture> <div class="container pl-0 xl:pl-10"> <ul class="flex flex-wrap mt-4 md:mt-6"> <li class="flex items-center text-gray-700"> <a class="text-xs transition hover:text-black" href="https://www.engelglobal.com/de/home">Startseite</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">Einkauf</span> </li> </ul> </div> <div class="max-w-3xl mx-auto px-5 mt-12"> <h1 class="tw-hero text-center font-normal ">Global Supply Chain Management</h1> <h2 class="tw-h3 text-center mt-4">be the first – gemeinsam mit den besten Lieferanten</h2> <div class="tw-paragraph text-center text-gray-600 tw-h3 mt-4"> <p>Um eine Vision zu realisieren, braucht es ein solides Gerüst. Global Supply Chain Management bei ENGEL steht für eine professionelle, internationale Einkaufsorganisation und ein globales, digital vernetztes Produktionsnetzwerk. Zusätzlich arbeiten wir mit den besten Lieferanten – als langfristige, strategische Partner. Wir verfolgen gemeinsame Ziele, um das Optimum aus Qualität, Zeit und Kosten zu erreichen.</p> </div> </div> </div> </section>  <section class="relative space-y-8 my-24 lg:my-32">  <div class="teaser-group " data-vue="TeaserGroup" data-props='{ "teaserCount": 5, "useThirds": "", "groupSize": 4, "slideable": true }'> <div class="container"> <div class="teaser-group-wrapper max-w-3xl mx-auto"> <div class="tw-h1 text-center ">Themenbereiche</div> </div> <div class="relative mt-2"> <div ref="container" class="mt-8 keen-slider "> <div class="keen-slider__slide">  <div class="relative flex flex-col h-full overflow-hidden bg-white rounded-sm shadow-teaser teaser"> <a href="#ariba" target="_self" title="Interner Link" class="relative flex-shrink-0 block overflow-hidden max-h-60 m-0.5"> <picture class="block transition-transform duration-500 hover:scale-105 flex h-full"> <source media="" data-srcset="https://a.storyblok.com/f/136567/1400x640/176bbb460a/service-fernwartungstool.jpg/m/720x420" srcset="" width="720" height="420"> <img data-src="https://a.storyblok.com/f/136567/1400x640/176bbb460a/service-fernwartungstool.jpg/m/720x420/filters:format(webp)" width="720" height="420" class="lazyload object-cover transition-transform duration-500 " alt="Bild zeigt Personen aus dem Bereich Supply Chain Management" title="SAP Ariba | ENGEL" > </picture> </a> <div class="flex flex-col justify-between h-full px-10 pt-8 pb-10"> <h3 class="tw-h3 text-center ">SAP Ariba</h3> <div class="teaser__text"> <div class="tw-paragraph text-gray-600 text-sm text-center mt-2"> <p>Alle Informationen und Details zur E-Procurement Plattform SAP Ariba kompakt zusammengefasst</p> </div> </div> <div class="flex justify-center mt-auto"> <a class="mt-6 tw-button tw-button-secondary-outline " href="#ariba" target="_self" title="Interner Link" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Mehr erfahren</span> </a> </div> </div> </div> </div> <div class="keen-slider__slide">  <div class="relative flex flex-col h-full overflow-hidden bg-white rounded-sm shadow-teaser teaser"> <a href="#organisation" target="_self" title="Interner Link" class="relative flex-shrink-0 block overflow-hidden max-h-60 m-0.5"> <picture class="block transition-transform duration-500 hover:scale-105 flex h-full"> <source media="" data-srcset="https://a.storyblok.com/f/136567/1400x640/f05103db47/einkauf-organisation.jpg/m/720x420" srcset="" width="720" height="420"> <img data-src="https://a.storyblok.com/f/136567/1400x640/f05103db47/einkauf-organisation.jpg/m/720x420/filters:format(webp)" width="720" height="420" class="lazyload object-cover transition-transform duration-500 " alt="Bild zeigt eine Gruppe an Personen" title="GSC Organisation | ENGEL " > </picture> </a> <div class="flex flex-col justify-between h-full px-10 pt-8 pb-10"> <h3 class="tw-h3 text-center ">Organisation</h3> <div class="teaser__text"> <div class="tw-paragraph text-gray-600 text-sm text-center mt-2"> <p>Details zur ENGEL Global Supply Chain und wie wir aufgestellt sind</p> </div> </div> <div class="flex justify-center mt-auto"> <a class="mt-6 tw-button tw-button-secondary-outline " href="#organisation" target="_self" title="Interner Link" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Mehr erfahren</span> </a> </div> </div> </div> </div> <div class="keen-slider__slide">  <div class="relative flex flex-col h-full overflow-hidden bg-white rounded-sm shadow-teaser teaser"> <a href="#sustainability" target="_self" title="Interner Link" class="relative flex-shrink-0 block overflow-hidden max-h-60 m-0.5"> <picture class="block transition-transform duration-500 hover:scale-105 flex h-full"> <source media="" data-srcset="https://a.storyblok.com/f/136567/1400x640/679fb6d0f8/produkte-anwendung-spritzgussverfahren.jpg/m/720x420" srcset="" width="720" height="420"> <img data-src="https://a.storyblok.com/f/136567/1400x640/679fb6d0f8/produkte-anwendung-spritzgussverfahren.jpg/m/720x420/filters:format(webp)" width="720" height="420" class="lazyload object-cover transition-transform duration-500 " alt="Bild zeigt Nachhaltigkeit bei ENGEL" title="Nachhaltigkeit | ENGEL" > </picture> </a> <div class="flex flex-col justify-between h-full px-10 pt-8 pb-10"> <h3 class="tw-h3 text-center ">Nachhaltigkeit</h3> <div class="teaser__text"> <div class="tw-paragraph text-gray-600 text-sm text-center mt-2"> <p>Nachhaltigkeit und Corporate Social Responsibility bei ENGEL</p> </div> </div> <div class="flex justify-center mt-auto"> <a class="mt-6 tw-button tw-button-secondary-outline " href="#sustainability" target="_self" title="Interner Link" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Mehr erfahren</span> </a> </div> </div> </div> </div> <div class="keen-slider__slide">  <div class="relative flex flex-col h-full overflow-hidden bg-white rounded-sm shadow-teaser teaser"> <a href="#downloads" target="_self" title="Interner Link" class="relative flex-shrink-0 block overflow-hidden max-h-60 m-0.5"> <picture class="block transition-transform duration-500 hover:scale-105 flex h-full"> <source media="" data-srcset="https://a.storyblok.com/f/136567/1400x640/63ab2f75da/dokumenten-stapel.jpg/m/720x420" srcset="" width="720" height="420"> <img data-src="https://a.storyblok.com/f/136567/1400x640/63ab2f75da/dokumenten-stapel.jpg/m/720x420/filters:format(webp)" width="720" height="420" class="lazyload object-cover transition-transform duration-500 " alt="Bild zeigt Papierstapel mit den Allgemeinen Einkaufsbedingungen" title="Downloads | ENGEL" > </picture> </a> <div class="flex flex-col justify-between h-full px-10 pt-8 pb-10"> <h3 class="tw-h3 text-center ">Downloads</h3> <div class="teaser__text"> <div class="tw-paragraph text-gray-600 text-sm text-center mt-2"> <p>Downloads zu wichtigen Dokumenten des Bereichs Global Supply Chain</p> </div> </div> <div class="flex justify-center mt-auto"> <a class="mt-6 tw-button tw-button-secondary-outline " href="#downloads" target="_self" title="Interner Link" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Mehr erfahren</span> </a> </div> </div> </div> </div> <div class="keen-slider__slide">  <div class="relative flex flex-col h-full overflow-hidden bg-white rounded-sm shadow-teaser teaser"> <a href="#contact-options" target="_self" title="Interner Link" class="relative flex-shrink-0 block overflow-hidden max-h-60 m-0.5"> <picture class="block transition-transform duration-500 hover:scale-105 flex h-full"> <source media="" data-srcset="https://a.storyblok.com/f/136567/1400x640/a271cc07de/kontaktaufnahme.jpg/m/720x420" srcset="" width="720" height="420"> <img data-src="https://a.storyblok.com/f/136567/1400x640/a271cc07de/kontaktaufnahme.jpg/m/720x420/filters:format(webp)" width="720" height="420" class="lazyload object-cover transition-transform duration-500 " alt="Bild zeigt Person bei Kontaktaufnahme mit ENGEL" title="Kontakt | ENGEL" > </picture> </a> <div class="flex flex-col justify-between h-full px-10 pt-8 pb-10"> <h3 class="tw-h3 text-center ">Kontakt</h3> <div class="teaser__text"> <div class="tw-paragraph text-gray-600 text-sm text-center mt-2"> <p>Lieferantenbewerbung, Ariba Helpline, offene Stellen im Bereich Einkauf & Global Supply Chain</p> </div> </div> <div class="flex justify-center mt-auto"> <a class="mt-6 tw-button tw-button-secondary-outline " href="#contact-options" target="_self" title="Interner Link" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Mehr erfahren</span> </a> </div> </div> </div> </div> </div> <button v-if="slider && isLooping && !isDisabled" @click="slider.prev()" class="ml-2.5 lg:ml-0 slider__arrow slider__arrow-prev" aria-label="Vorherige Slide"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.765 7.414l-1.332-1.331a.35.35 0 00-.494 0L7.27 11.75a.35.35 0 000 .495l5.669 5.668a.35.35 0 00.494 0l1.332-1.332.05-.064a.35.35 0 00-.05-.431l-4.078-4.089 4.079-4.089a.35.35 0 000-.495z"/></svg></button> <button v-if="slider && isLooping && !isDisabled" @click="slider.next()" class="mr-2.5 lg:mr-0 slider__arrow slider__arrow-next" aria-label="Nächste Slide"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.27 7.414l1.333-1.331a.35.35 0 01.494 0l5.669 5.668a.35.35 0 010 .495l-5.669 5.668a.35.35 0 01-.494 0L9.27 16.582l-.05-.064a.35.35 0 01.05-.431l4.078-4.089L9.27 7.909a.35.35 0 010-.495z"/></svg></button> </div> <div v-if="slider && isLooping && !isDisabled" class="flex justify-center mt-8"> <button v-for="(_slide, idx) in dotHelper" @click="slider.moveToIdx(idx)" :class="{ 'slider__dot': true, 'slider__dot--active': current === idx }" :key="idx" aria-hidden></button> </div> <modal :showing="showModal" @close="closeModal" v-cloak> <video-playback v-if="videoUrl" :url="videoUrl" :cookies-accepted="false"></video-playback> </modal> </div> </div> </section>  <section class="relative space-y-8 my-24 lg:my-32">  <div class="py-12 bg-gray-50 gray-bg-darker-underlines" data-vue="FeatureListSimple"> <div class="container"> <div class="tw-h2 text-gray-700 mt-2">Strategische Grundsätze des ENGEL Supply Chain Managements</div> <div class="grid grid-cols-1 md:grid-cols-2 md:gap-x-12 lg:gap-x-20 xl:gap-x-28 gap-y-0 lg:gap-y-14 md:gap-y-11 mt-10 divide-y-2 md:divide-none divide-gray-100 border-y-gray-100 md:border-y-0 border-y-2 "> <div class="md:py-0 py-6"> <a href="#" @click.prevent="toggle('65f179dd-2ea7-4179-8059-ad048de9f95b', $event)" class="flex items-center justify-between md:hidden"> <div class="tw-h3 text-gray-700 ">Professioneller, globaler Einkauf</div> <div class="ml-6 md:hidden"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpened('65f179dd-2ea7-4179-8059-ad048de9f95b') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpened('65f179dd-2ea7-4179-8059-ad048de9f95b') ? 'accordion-content--shown pt-6' : 'max-h-0 md:max-h-full'" class="flex flex-col overflow-hidden duration-300 ease-in-out lg:flex-row transition-all"> <div class="flex-shrink-0 mr-3 pr-4"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/x/888f5da94b/shoppingcart.svg" srcset="" width="100" height="100"> <img data-src="https://a.storyblok.com/f/136567/x/888f5da94b/shoppingcart.svg" width="100" height="100" class="lazyload " > </picture> </div> <div> <div class="hidden md:block"> <div class="tw-h2 text-gray-700 ">Professioneller, globaler Einkauf</div> </div> <div class="tw-paragraph text-sm text-gray-700 mt-3"> <p>Das bedeutet für uns: Vernetzung und Zusammenarbeit der globalen ENGEL Einkaufsstandorte, ein gemeinsames Ziel, strategisch gesteuerte Prozesse sowie flexible und zeitnahe Reaktion auf Marktveränderungen.</p> </div> </div> </div> </div> <div class="md:py-0 py-6"> <a href="#" @click.prevent="toggle('218cf661-2651-446a-9684-5d1e56b0b7fa', $event)" class="flex items-center justify-between md:hidden"> <div class="tw-h3 text-gray-700 ">Lieferantenmanagement & Sourcing</div> <div class="ml-6 md:hidden"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpened('218cf661-2651-446a-9684-5d1e56b0b7fa') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpened('218cf661-2651-446a-9684-5d1e56b0b7fa') ? 'accordion-content--shown pt-6' : 'max-h-0 md:max-h-full'" class="flex flex-col overflow-hidden duration-300 ease-in-out lg:flex-row transition-all"> <div class="flex-shrink-0 mr-3 pr-4"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/x/eec726650d/webillu-global-network-2.svg" srcset="" width="100" height="100"> <img data-src="https://a.storyblok.com/f/136567/x/eec726650d/webillu-global-network-2.svg" width="100" height="100" class="lazyload " > </picture> </div> <div> <div class="hidden md:block"> <div class="tw-h2 text-gray-700 ">Lieferantenmanagement & Sourcing</div> </div> <div class="tw-paragraph text-sm text-gray-700 mt-3"> <p>Wir leben ein professionelles Lieferanten- und Risikomanagement. Unsere Lieferpartner sind Innovationstreiber, produzieren auf höchstem Niveau, garantieren wettbewerbsfähige Kosten und flexible Lieferfähigkeit.</p> </div> </div> </div> </div> <div class="md:py-0 py-6"> <a href="#" @click.prevent="toggle('9a2389f2-652d-4ad8-85ee-9f6c0469323a', $event)" class="flex items-center justify-between md:hidden"> <div class="tw-h3 text-gray-700 ">Globales & digital vernetztes Produktionsnetzwerk</div> <div class="ml-6 md:hidden"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpened('9a2389f2-652d-4ad8-85ee-9f6c0469323a') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpened('9a2389f2-652d-4ad8-85ee-9f6c0469323a') ? 'accordion-content--shown pt-6' : 'max-h-0 md:max-h-full'" class="flex flex-col overflow-hidden duration-300 ease-in-out lg:flex-row transition-all"> <div class="flex-shrink-0 mr-3 pr-4"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/x/7412e685c2/purchase-production-network.svg" srcset="" width="100" height="100"> <img data-src="https://a.storyblok.com/f/136567/x/7412e685c2/purchase-production-network.svg" width="100" height="100" class="lazyload " > </picture> </div> <div> <div class="hidden md:block"> <div class="tw-h2 text-gray-700 ">Globales & digital vernetztes Produktionsnetzwerk</div> </div> <div class="tw-paragraph text-sm text-gray-700 mt-3"> <p>Unser digital vernetztes Produktionsnetzwerk nutzt eine globale Datenbasis mit abgestimmten Kennzahlen und Standards. Wir produzieren dort, wo es im Hinblick auf Qualität, Zeit und Kosten am besten ist.</p> </div> </div> </div> </div> <div class="md:py-0 py-6"> <a href="#" @click.prevent="toggle('561310da-a54b-438f-8a2b-84b7d0d5d45b', $event)" class="flex items-center justify-between md:hidden"> <div class="tw-h3 text-gray-700 ">Mitarbeiter</div> <div class="ml-6 md:hidden"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpened('561310da-a54b-438f-8a2b-84b7d0d5d45b') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpened('561310da-a54b-438f-8a2b-84b7d0d5d45b') ? 'accordion-content--shown pt-6' : 'max-h-0 md:max-h-full'" class="flex flex-col overflow-hidden duration-300 ease-in-out lg:flex-row transition-all"> <div class="flex-shrink-0 mr-3 pr-4"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/x/4736cb2412/webillu-people-communication.svg" srcset="" width="100" height="100"> <img data-src="https://a.storyblok.com/f/136567/x/4736cb2412/webillu-people-communication.svg" width="100" height="100" class="lazyload " > </picture> </div> <div> <div class="hidden md:block"> <div class="tw-h2 text-gray-700 ">Mitarbeiter</div> </div> <div class="tw-paragraph text-sm text-gray-700 mt-3"> <p>Mitarbeiter sind unsere wichtigste Ressource. Sie handeln eigenverantwortlich und sind stets hoch motiviert. Wir führen mit gemeinsamen und anspruchsvollen Zielen, feiern Erfolge und entwickeln uns kontinuierlich weiter.</p> </div> </div> </div> </div> </div> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32"> <span id="ariba" 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 ">SAP Ariba bei ENGEL</div> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p>Mit der Einführung der E-Procurement-Plattform SAP ARIBA führen wir unsere Reise ins digitale Zeitalter fort und knüpfen an die digitale ENGEL-Unternehmensstrategie an. Ziel der Umsetzung ist es, den momentanen und kommenden Herausforderungen effizienter und schneller begegnen zu können.</p> </div> <div class="flex justify-center"> <a class="mt-6 tw-button tw-button-secondary-outline " href="/de/global-supply-chain-management/sap-ariba" target="_self" title="Interner Link" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Mehr zu SAP Ariba</span> </a> </div> </div>  <div class="py-12 bg-gray-50 gray-bg-darker-underlines" data-vue="FeatureListSimple"> <div class="container"> <div class="tw-h2 text-gray-700 mt-2">Vorteile von SAP Ariba für unsere Lieferanten</div> <div class="grid grid-cols-1 md:grid-cols-2 md:gap-x-12 lg:gap-x-20 xl:gap-x-28 gap-y-0 lg:gap-y-14 md:gap-y-11 mt-10 divide-y-2 md:divide-none divide-gray-100 border-y-gray-100 md:border-y-0 border-y-2 "> <div class="md:py-0 py-6"> <a href="#" @click.prevent="toggle('3cab727a-28fe-4946-bfd6-d6a7675ab77d', $event)" class="flex items-center justify-between md:hidden"> <div class="tw-h3 text-gray-700 ">Digitale Vernetzung</div> <div class="ml-6 md:hidden"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpened('3cab727a-28fe-4946-bfd6-d6a7675ab77d') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpened('3cab727a-28fe-4946-bfd6-d6a7675ab77d') ? 'accordion-content--shown pt-6' : 'max-h-0 md:max-h-full'" class="flex flex-col overflow-hidden duration-300 ease-in-out lg:flex-row transition-all"> <div> <div class="hidden md:block"> <div class="tw-h2 text-gray-700 ">Digitale Vernetzung</div> </div> <div class="tw-paragraph text-sm text-gray-700 mt-3"> <p>Erhöhung der Sichtbarkeit im Netzwerk und Steigerung der potenziellen Geschäftsmöglichkeiten und dadurch Umsatzsteigerung.</p> </div> </div> </div> </div> <div class="md:py-0 py-6"> <a href="#" @click.prevent="toggle('aa875138-85d3-4317-90ae-1508e773cc32', $event)" class="flex items-center justify-between md:hidden"> <div class="tw-h3 text-gray-700 ">Reduzierte Verwaltungskosten</div> <div class="ml-6 md:hidden"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpened('aa875138-85d3-4317-90ae-1508e773cc32') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpened('aa875138-85d3-4317-90ae-1508e773cc32') ? 'accordion-content--shown pt-6' : 'max-h-0 md:max-h-full'" class="flex flex-col overflow-hidden duration-300 ease-in-out lg:flex-row transition-all"> <div> <div class="hidden md:block"> <div class="tw-h2 text-gray-700 ">Reduzierte Verwaltungskosten</div> </div> <div class="tw-paragraph text-sm text-gray-700 mt-3"> <p>Reduzierung der administrativen Kosten für Porto, Druck und Versand sowie Vermeidung von Bestellausdrucken.</p> </div> </div> </div> </div> <div class="md:py-0 py-6"> <a href="#" @click.prevent="toggle('b2c4ae3a-cd04-4244-8a0d-06583291b4e5', $event)" class="flex items-center justify-between md:hidden"> <div class="tw-h3 text-gray-700 ">Echtzeitzugriff</div> <div class="ml-6 md:hidden"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpened('b2c4ae3a-cd04-4244-8a0d-06583291b4e5') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpened('b2c4ae3a-cd04-4244-8a0d-06583291b4e5') ? 'accordion-content--shown pt-6' : 'max-h-0 md:max-h-full'" class="flex flex-col overflow-hidden duration-300 ease-in-out lg:flex-row transition-all"> <div> <div class="hidden md:block"> <div class="tw-h2 text-gray-700 ">Echtzeitzugriff</div> </div> <div class="tw-paragraph text-sm text-gray-700 mt-3"> <p>Online-Übersicht von Dokumenteninformationen (Bestellungen, Bestellantworten, Rechnungen).</p> </div> </div> </div> </div> <div class="md:py-0 py-6"> <a href="#" @click.prevent="toggle('b54bd47e-0b40-4fa4-8a1a-be569746a10e', $event)" class="flex items-center justify-between md:hidden"> <div class="tw-h3 text-gray-700 ">Transparenz</div> <div class="ml-6 md:hidden"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpened('b54bd47e-0b40-4fa4-8a1a-be569746a10e') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpened('b54bd47e-0b40-4fa4-8a1a-be569746a10e') ? 'accordion-content--shown pt-6' : 'max-h-0 md:max-h-full'" class="flex flex-col overflow-hidden duration-300 ease-in-out lg:flex-row transition-all"> <div> <div class="hidden md:block"> <div class="tw-h2 text-gray-700 ">Transparenz</div> </div> <div class="tw-paragraph text-sm text-gray-700 mt-3"> <p>Nachvollziehbarkeit der Buchungs- sowie Zahlungsdaten der Rechnungen. Erhöhte Genauigkeit bei der Rechnungserstellung und weniger Rechnungsabweichungen.</p> </div> </div> </div> </div> </div> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32"> <span id="organisation" 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 ">Global Supply Chain Management bei ENGEL</div> <div class="tw-paragraph font-medium text-gray-700 text-center mt-4"> <p>Key-facts, Abteilungen und Produktgruppen im Überblick </p> </div> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p>Um den Anforderungen eines Weltmarktführers auch im Bereich Global Supply Chain Management gerecht zu werden, geben unsere Mitarbeiter weltweit täglich ihr Bestes.</p> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32">  <div class="overflow-hidden" data-vue="Image"> <a href="#" @click.prevent="openModal"> <picture class="block transition-transform duration-500 hover:scale-105"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/1280x0/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/640x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/1536x0/filters:format(webp)" type="image/webp"><source media="(min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/768x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 1024px)" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/2048x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1024px)" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/1024x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 1280px)" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/2560x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1280px)" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/1280x0/filters:format(webp)" type="image/webp"> <source media="" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/640x0" srcset="" width="640" height="0"> <img data-src="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/640x0/filters:format(webp)" width="640" height="0" class="lazyload transition-transform duration-500 w-full " alt="Bild zeigt Landkarte mit Einkaufsstandorten" title="Einkaufsstandorten | ENGEL" > </picture> </a> <modal :showing="showModal" @close="closeModal" v-cloak> <picture class="block "> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/1280x0/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/640x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/1536x0/filters:format(webp)" type="image/webp"><source media="(min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/768x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 1024px)" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/2048x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1024px)" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/1024x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 1280px)" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/2560x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1280px)" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/1280x0/filters:format(webp)" type="image/webp"> <source media="" data-srcset="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/640x0" srcset="" width="640" height="0"> <img data-src="https://a.storyblok.com/f/136567/2400x880/5d02782cc7/einkauf-landkarte.jpg/m/640x0/filters:format(webp)" class="lazyload " alt="Bild zeigt Landkarte mit Einkaufsstandorten" title="Einkaufsstandorten | ENGEL" > </picture> </modal> </div> <div class="grid gap-4 pt-4 lg:pt-6 pb-8 rounded shadow-teaser facts grid-cols-1 md:grid-cols-2 lg:grid-cols-4 md:gap-y-6 lg:gap-y-4">  <div class="px-8 facts-item"> <div class="tw-h1 text-center mt-4">50</div> <div class="tw-paragraph font-medium text-gray-600 text-center mt-1"> <p>Lieferbeziehungen in fast 50 Ländern</p> </div> </div>  <div class="px-8 facts-item"> <div class="tw-h1 text-center mt-4">4.000</div> <div class="tw-paragraph font-medium text-gray-600 text-center mt-1"> <p>Lieferanten</p> </div> </div>  <div class="px-8 facts-item"> <div class="tw-h1 text-center mt-4">9</div> <div class="tw-paragraph font-medium text-gray-600 text-center mt-1"> <p>Fertigungswerke</p> </div> </div>  <div class="px-8 facts-item"> <div class="tw-h1 text-center mt-4">100</div> <div class="tw-paragraph font-medium text-gray-600 text-center mt-1"> <p>Mitarbeiter und Mitarbeiterinnen im Einkauf</p> </div> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32">  <div class="max-w-4xl mx-auto text-component "> <div class="tw-h1 text-center ">Unsere GSC-Organisation im Überblick</div> <div class="tw-paragraph font-medium text-gray-700 text-center mt-4"> <p>Abteilungen im Einkauf und Logistikmanagement</p> </div> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p></p> </div> </div>  <div class="overflow-hidden" data-vue="Image"> <a href="#" @click.prevent="openModal"> <picture class="block transition-transform duration-500 hover:scale-105"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/1280x0/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/640x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/1536x0/filters:format(webp)" type="image/webp"><source media="(min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/768x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 1024px)" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/2048x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1024px)" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/1024x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 1280px)" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/2560x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1280px)" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/1280x0/filters:format(webp)" type="image/webp"> <source media="" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/640x0" srcset="" width="640" height="0"> <img data-src="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/640x0/filters:format(webp)" width="640" height="0" class="lazyload transition-transform duration-500 w-full " alt="Bild zeigt GSC Organisation im Überblick" title="GSC Organisation | ENGEL" > </picture> </a> <modal :showing="showModal" @close="closeModal" v-cloak> <picture class="block "> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/1280x0/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/640x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/1536x0/filters:format(webp)" type="image/webp"><source media="(min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/768x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 1024px)" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/2048x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1024px)" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/1024x0/filters:format(webp)" type="image/webp"><source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 1280px)" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/2560x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1280px)" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/1280x0/filters:format(webp)" type="image/webp"> <source media="" data-srcset="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/640x0" srcset="" width="640" height="0"> <img data-src="https://a.storyblok.com/f/136567/4423x1611/8c41b8ffed/einkauf-organigram-de.jpg/m/640x0/filters:format(webp)" class="lazyload " alt="Bild zeigt GSC Organisation im Überblick" title="GSC Organisation | ENGEL" > </picture> </modal> </div>  <div class="content-boxes" data-vue="TeaserGroup" data-props='{ "teaserCount": 6, "slideable": true }'> <div class="container"> <div class="max-w-3xl mx-auto"> </div> <div class="relative mt-8"> <div ref="container" class="keen-slider "> <div class="keen-slider__slide pt-12">  <div class="relative flex flex-col h-full bg-white rounded-sm shadow-teaser"> <div class="block mx-auto -mt-12 -mb-6 p-4 text-gray-600 bg-white"> <img data-src="https://a.storyblok.com/f/136567/x/3efa5d03c2/webillu-global-network-2.svg" width="80" height="80" class="lazyload"> </div> <div class="flex flex-col justify-start h-full px-10 pb-8 pt-8"> <h3 class="tw-h3 text-center ">Global Sourcing</h3> <div class="teaser__text"> <div class="tw-paragraph text-sm text-center mt-2"> <ul><li><p>Erschließung neuer Beschaffungsmärkte - lokal sowie global – zur Sicherstellung der Wettbewerbsfähigkeit.</p></li></ul> </div> </div> </div> </div> </div> <div class="keen-slider__slide pt-12">  <div class="relative flex flex-col h-full bg-white rounded-sm shadow-teaser"> <div class="block mx-auto -mt-12 -mb-6 p-4 text-gray-600 bg-white"> <img data-src="https://a.storyblok.com/f/136567/x/37aeacf74c/webillu-servicepackage2.svg" width="80" height="80" class="lazyload"> </div> <div class="flex flex-col justify-start h-full px-10 pb-8 pt-8"> <h3 class="tw-h3 text-center ">Einkauf indirektes Material und Dienstleistungen</h3> <div class="teaser__text"> <div class="tw-paragraph text-sm text-center mt-2"> <ul><li><p>Beschaffung aller Produkte und Dienstleistungen, die nicht Teil des Endproduktes sind, inkl. Energie- und Transporteinkauf</p></li></ul> </div> </div> </div> </div> </div> <div class="keen-slider__slide pt-12">  <div class="relative flex flex-col h-full bg-white rounded-sm shadow-teaser"> <div class="block mx-auto -mt-12 -mb-6 p-4 text-gray-600 bg-white"> <img data-src="https://a.storyblok.com/f/136567/x/f49c0e16c1/webillu-robot-kuka.svg" width="80" height="80" class="lazyload"> </div> <div class="flex flex-col justify-start h-full px-10 pb-8 pt-8"> <h3 class="tw-h3 text-center ">Einkauf Automation, Hydraulik, C-Teile, techn. Investitionen</h3> <div class="teaser__text"> <div class="tw-paragraph text-sm text-center mt-2"> <ul><li><p>Peripheriegeräte</p></li><li><p>Lineartechnik</p></li><li><p>Dichtungen</p></li><li><p>Medienübertragung</p></li><li><p>Din- & Normteile</p></li><li><p>Hydraulikzylinder</p></li><li><p>Ölkühler & Filter</p></li><li><p>Schmierungen</p></li><li><p>Pneumatik</p></li><li><p>Heiztechnik</p></li></ul> </div> </div> </div> </div> </div> <div class="keen-slider__slide pt-12">  <div class="relative flex flex-col h-full bg-white rounded-sm shadow-teaser"> <div class="block mx-auto -mt-12 -mb-6 p-4 text-gray-600 bg-white"> <img data-src="https://a.storyblok.com/f/136567/x/21d2e9c95a/settings.svg" width="80" height="80" class="lazyload"> </div> <div class="flex flex-col justify-start h-full px-10 pb-8 pt-8"> <h3 class="tw-h3 text-center ">Einkauf Mechanik</h3> <div class="teaser__text"> <div class="tw-paragraph text-sm text-center mt-2"> <ul><li><p>Feinbleche & Brennzuschnitte</p></li><li><p>Rund- & Flachstahl</p></li><li><p>Schmiedeteile</p></li><li><p>Stahl-/Blech-, Aluminiumkonstruktionen; Profile</p></li><li><p>Sphäroguss</p></li><li><p>Halb- und Fertigerzeugnisse </p></li><li><p>Mechanik Baugruppen</p></li></ul> </div> </div> </div> </div> </div> <div class="keen-slider__slide pt-12">  <div class="relative flex flex-col h-full bg-white rounded-sm shadow-teaser"> <div class="block mx-auto -mt-12 -mb-6 p-4 text-gray-600 bg-white"> <img data-src="https://a.storyblok.com/f/136567/x/48310fd91a/webillu-control-unit2.svg" width="80" height="80" class="lazyload"> </div> <div class="flex flex-col justify-start h-full px-10 pb-8 pt-8"> <h3 class="tw-h3 text-center ">Einkauf Elektrik, Hydraulik</h3> <div class="teaser__text"> <div class="tw-paragraph text-sm text-center mt-2"> <ul><li><p>Antriebstechnik</p></li><li><p>Kabeltechnik</p></li><li><p>Schaltschränke & Zubehör</p></li><li><p>Sensorik & Safety</p></li><li><p>Steuerungs- & Bedientechnik</p></li><li><p>Stromversorgung</p></li><li><p>Pumpen</p></li><li><p>Hydraulikblöcke & Ventile</p></li><li><p>Hydromotoren</p></li><li><p>Getriebe</p></li></ul> </div> </div> </div> </div> </div> <div class="keen-slider__slide pt-12">  <div class="relative flex flex-col h-full bg-white rounded-sm shadow-teaser"> <div class="block mx-auto -mt-12 -mb-6 p-4 text-gray-600 bg-white"> <img data-src="https://a.storyblok.com/f/136567/x/c7f2fe7669/webillu-screws-2.svg" width="80" height="80" class="lazyload"> </div> <div class="flex flex-col justify-start h-full px-10 pb-8 pt-8"> <h3 class="tw-h3 text-center ">Einkauf Plastifizierung</h3> <div class="teaser__text"> <div class="tw-paragraph text-sm text-center mt-2"> <ul><li><p>Schnecken</p></li><li><p>Massezylinder</p></li><li><p>Holme</p></li><li><p>Verschlussdüsen</p></li><li><p>Rundstahl</p></li></ul> </div> </div> </div> </div> </div> </div> <button v-if="slider && isLooping && !isDisabled" @click="slider.prev()" class="ml-2 slider__arrow slider__arrow-prev" aria-label="Vorherige Slide"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.765 7.414l-1.332-1.331a.35.35 0 00-.494 0L7.27 11.75a.35.35 0 000 .495l5.669 5.668a.35.35 0 00.494 0l1.332-1.332.05-.064a.35.35 0 00-.05-.431l-4.078-4.089 4.079-4.089a.35.35 0 000-.495z"/></svg></button> <button v-if="slider && isLooping && !isDisabled" @click="slider.next()" class="mr-2 slider__arrow slider__arrow-next" aria-label="Nächste Slide"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.27 7.414l1.333-1.331a.35.35 0 01.494 0l5.669 5.668a.35.35 0 010 .495l-5.669 5.668a.35.35 0 01-.494 0L9.27 16.582l-.05-.064a.35.35 0 01.05-.431l4.078-4.089L9.27 7.909a.35.35 0 010-.495z"/></svg></button> </div> <div v-if="slider && isLooping && !isDisabled" class="flex justify-center mt-8"> <button v-for="(_slide, idx) in dotHelper" @click="slider.moveToIdx(idx)" :class="{ 'slider__dot': true, 'slider__dot--active': current === idx }" :key="idx" aria-hidden></button> </div> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32"> <span id="sustainability" 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 ">Nachhaltigkeit im Einkauf</div> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p>ENGEL setzt global auf soziale Verantwortung, Umweltschutz und Nachhaltigkeit. Diese Werte sind seit Generationen fest in unserer Unternehmenskultur verankert. Wir verlangen auch von unseren Partnern entlang der Supply Chain ethisches Handeln, soziale Verantwortung und schonenden Umgang mit Ressourcen sowie strikte Einhaltung aller Menschenrechtskonventionen und Umweltschutzgesetze.</p> </div> <div class="flex justify-center"> <a class="mt-6 tw-button tw-button-secondary-outline " href="/de/nachhaltigkeit-kunststoff" target="_self" title="Interner Link" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Mehr erfahren</span> </a> </div> </div> </section> <section class="relative space-y-8 container my-24 lg:my-32"> <span id="downloads" 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 ">ENGEL AEBs</div> <div class="tw-paragraph font-medium text-gray-700 text-center mt-4"> <p>Allgemeine Einkaufsbedingungen</p> </div> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p>In diesem Bereich finden Sie die einschlägigen ENGEL-Einkaufsbedingungen.</p><p>Soweit nicht für Ihre Lieferung besondere Bedingungen zur Verfügung stehen (z. B für Investitionsgüter oder Werkzeuge), gelten jeweils die allgemeinen Einkaufsbedingungen der betreffenden ENGEL Gesellschaft.</p> </div> </div> <div class="my-24 lg:my-32 text-center" data-vue="DownloadList" data-props='{"regions": ["ENGEL AUSTRIA GmbH","ENGEL Machinery Inc.","ENGEL Deutschland GmbH","ENGEL Automatisierungstechnik Deutschland GmbH","ENGEL Strojirenska spol s.r.o.","ENGEL Machinery (Shangai) Co., Ltd.","ENGEL Machinery (Changzhou) Co., Ltd.","ENGEL Machinery Korea Ltd.","Ludwig ENGEL GmbH & Co KG"], "countries": [{"country":"Deutschland, \u00d6sterreich, Schweiz","region":"ENGEL AUSTRIA GmbH"},{"country":"Rest der Welt","region":"ENGEL AUSTRIA GmbH"},{"country":"Tschechien","region":"ENGEL Strojirenska spol s.r.o."},{"country":"Rest der Welt","region":"ENGEL Strojirenska spol s.r.o."},{"country":"China","region":"ENGEL Machinery (Shangai) Co., Ltd."},{"country":"Korea","region":"ENGEL Machinery (Shangai) Co., Ltd."},{"country":"Rest der Welt","region":"ENGEL Machinery (Shangai) Co., Ltd."},{"country":"China","region":"ENGEL Machinery (Changzhou) Co., Ltd."},{"country":"Korea","region":"ENGEL Machinery (Changzhou) Co., Ltd."},{"country":"Rest der Welt","region":"ENGEL Machinery (Changzhou) Co., Ltd."},{"country":"Korea","region":"ENGEL Machinery Korea Ltd."},{"country":"China","region":"ENGEL Machinery Korea Ltd."},{"country":"Rest der Welt","region":"ENGEL Machinery Korea Ltd."},{"country":"Deutschland, \u00d6sterreich, Schweiz","region":"Ludwig ENGEL GmbH & Co KG"},{"country":"China","region":"Ludwig ENGEL GmbH & Co KG"},{"country":"USA","region":"Ludwig ENGEL GmbH & Co KG"},{"country":"Rest der Welt","region":"Ludwig ENGEL GmbH & Co KG"}] }'> <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">Downloads</h2> <div class="mt-4 text-gray-600 tw-paragraph"><p>Bitte wählen Sie zunächst die jeweilige ENGEL Gesellschaft aus, mit der Sie in Geschäftsbeziehung treten. Und anschließend das Land in dem Sie Ihren Geschäftssitz haben.</p></div> </header> <div> <div :class="{'max-w-2xl mx-auto lg:grid lg:grid-cols-2 lg:gap-4': activeRegion !== ''}"> <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_21d92543-ccf0-4626-a079-9781bc1d7305" > <option value="">Bitte auswählen</option> <option value="ENGEL AUSTRIA GmbH">ENGEL AUSTRIA GmbH</option> <option value="ENGEL Machinery Inc.">ENGEL Machinery Inc.</option> <option value="ENGEL Deutschland GmbH">ENGEL Deutschland GmbH</option> <option value="ENGEL Automatisierungstechnik Deutschland GmbH">ENGEL Automatisierungstechnik Deutschland GmbH</option> <option value="ENGEL Strojirenska spol s.r.o.">ENGEL Strojirenska spol s.r.o.</option> <option value="ENGEL Machinery (Shangai) Co., Ltd.">ENGEL Machinery (Shangai) Co., Ltd.</option> <option value="ENGEL Machinery (Changzhou) Co., Ltd.">ENGEL Machinery (Changzhou) Co., Ltd.</option> <option value="ENGEL Machinery Korea Ltd.">ENGEL Machinery Korea Ltd.</option> <option value="Ludwig ENGEL GmbH & Co KG">Ludwig ENGEL GmbH & Co KG</option> </select> <label for="download_list_region_21d92543-ccf0-4626-a079-9781bc1d7305" class="form-float-label form-float-label--long" id="asldf">Bitte wählen Sie die gewünschte ENGEL Gesellschaft aus</label> </div> <div v-show="activeRegion !== ''" class="relative flex-shrink-0 w-full mx-auto mt-12 sm:max-w-xs"> <select :disabled="isCountrySelectDisabled()" class="form-input form-select" name="country" v-model="activeCountry" id="download_list_country_21d92543-ccf0-4626-a079-9781bc1d7305" > <option value="">Bitte auswählen</option> <option value="Deutschland, Österreich, Schweiz" v-if="displayCountryOption('ENGEL AUSTRIA GmbH')">Deutschland, Österreich, Schweiz</option> <option value="Rest der Welt" v-if="displayCountryOption('ENGEL AUSTRIA GmbH')">Rest der Welt</option> <option value="Tschechien" v-if="displayCountryOption('ENGEL Strojirenska spol s.r.o.')">Tschechien</option> <option value="Rest der Welt" v-if="displayCountryOption('ENGEL Strojirenska spol s.r.o.')">Rest der Welt</option> <option value="China" v-if="displayCountryOption('ENGEL Machinery (Shangai) Co., Ltd.')">China</option> <option value="Korea" v-if="displayCountryOption('ENGEL Machinery (Shangai) Co., Ltd.')">Korea</option> <option value="Rest der Welt" v-if="displayCountryOption('ENGEL Machinery (Shangai) Co., Ltd.')">Rest der Welt</option> <option value="China" v-if="displayCountryOption('ENGEL Machinery (Changzhou) Co., Ltd.')">China</option> <option value="Korea" v-if="displayCountryOption('ENGEL Machinery (Changzhou) Co., Ltd.')">Korea</option> <option value="Rest der Welt" v-if="displayCountryOption('ENGEL Machinery (Changzhou) Co., Ltd.')">Rest der Welt</option> <option value="Korea" v-if="displayCountryOption('ENGEL Machinery Korea Ltd.')">Korea</option> <option value="China" v-if="displayCountryOption('ENGEL Machinery Korea Ltd.')">China</option> <option value="Rest der Welt" v-if="displayCountryOption('ENGEL Machinery Korea Ltd.')">Rest der Welt</option> <option value="Deutschland, Österreich, Schweiz" v-if="displayCountryOption('Ludwig ENGEL GmbH & Co KG')">Deutschland, Österreich, Schweiz</option> <option value="China" v-if="displayCountryOption('Ludwig ENGEL GmbH & Co KG')">China</option> <option value="USA" v-if="displayCountryOption('Ludwig ENGEL GmbH & Co KG')">USA</option> <option value="Rest der Welt" v-if="displayCountryOption('Ludwig ENGEL GmbH & Co KG')">Rest der Welt</option> </select> <label for="download_list_country_21d92543-ccf0-4626-a079-9781bc1d7305" class="form-float-label form-float-label--long">Bitte wählen Sie den Sitz/ das Land des Lieferanten</label> </div> </div> <ul class="mt-12 rounded-sm bg-gray-50 mx-auto w-fit max-w-lg" :class="{'max-w-2xl': activeRegion !== ''}"> <li v-show="displayDownloadItem('ENGEL AUSTRIA GmbH', 'Deutschland, Österreich, Schweiz')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/e86df1a723/engel-austria-gmbh-allgemeine-einkaufsbedingungen-de.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"> Allgemeine Einkaufsbedingungen (DE) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL AUSTRIA GmbH', 'Deutschland, Österreich, Schweiz')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/5d5b07fc62/engel-austria-gmbh-allgemeine-bedingungen-fuer-den-werkzeugeinkauf-de.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"> Allgemeine Bedingungen für den Werkzeugeinkauf (DE) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL AUSTRIA GmbH', 'Deutschland, Österreich, Schweiz')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/3c67a92c85/engel-austria-gmbh-verpackungsrichtlinien-de.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"> Verpackungsrichtlinien (DE) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL AUSTRIA GmbH', 'Deutschland, Österreich, Schweiz')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/0f2cde67e6/engel-austria-gmbh-einkaufsbedingungen-fuer-it-projekte-it-leistungen-software-und-wartung-de.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"> Einkaufsbedingungen für IT-Projekte IT-Leistungen Software und Wartung (DE) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL AUSTRIA GmbH', 'Rest der Welt')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/cedf36b14e/engel-austria-gmbh-general-conditions-of-purchase-en.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"> General Conditions of Purchase (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL AUSTRIA GmbH', 'Rest der Welt')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/cbd47cb144/engel-austria-gmbh-general-conditions-for-mould-purchase-en.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"> General Conditions for Mould Purchase (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL AUSTRIA GmbH', 'Rest der Welt')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/eeb924949e/engel-austria-gmbh-general-conditions-for-mould-purchase-china-en.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"> General Conditions for Mould Purchase CN (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL AUSTRIA GmbH', 'Rest der Welt')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/f6fed957db/engel-austria-gmbh-packaging-guidelines-en.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"> Packaging Guidelines (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL AUSTRIA GmbH', 'Rest der Welt')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/8c0a4e4a8a/engel-austria-gmbh-conditions-of-purchase-for-it-projects-it-services-software-and-maintenance-en.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"> Conditions of purchase for IT-projects IT-services software and maintenance (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Machinery Inc.', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/31fafb9869/engel-machinery-inc-terms-and-conditions-of-purchase-us-en.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"> Terms and Conditions of Purchase US (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Deutschland GmbH', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/db3a2dad44/engel-deutschland-gmbh-allgemeine-einkaufsbedingungen-de.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"> Allgemeine Einkaufsbedingungen (DE) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Automatisierungstechnik Deutschland GmbH', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/b12da13a5b/engel-automatisierungstechnik-deutschland-gmbh-allgemeine-einkaufsbedingungen-de.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"> Allgemeine Einkaufsbedingungen (DE) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Strojirenska spol s.r.o.', 'Tschechien')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/42df06c334/engel-strojirenska-spol-sro-general-conditions-of-purchase-cs.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"> General Conditions of Purchase CZ (CS) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Strojirenska spol s.r.o.', 'Tschechien')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/77b0f938d2/engel-strojirenska-spol-sro-general-conditions-of-purchase-invest-en.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"> General Conditions of Purchase Invest (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Strojirenska spol s.r.o.', 'Tschechien')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/7466e15e8b/engel-strojirenska-spol-sro-packaging-guidelines-cs.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"> Packaging Guidelines CZ (CS) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Strojirenska spol s.r.o.', 'Rest der Welt')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/42df06c334/engel-strojirenska-spol-sro-general-conditions-of-purchase-cs.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"> General Conditions of Purchase (CS) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Strojirenska spol s.r.o.', 'Rest der Welt')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/77b0f938d2/engel-strojirenska-spol-sro-general-conditions-of-purchase-invest-en.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"> General Conditions of Purchase Invest (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Strojirenska spol s.r.o.', 'Rest der Welt')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/51432911bc/engel-strojirenska-spol-sro-packaging-guidelines-en.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"> Packaging Guidelines (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Machinery (Shangai) Co., Ltd.', 'China')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/e4b22bae46/engel-machinery-shanghai-co-ltd-general-conditions-of-purchase-en-cn.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"> General Conditions of Purchase (EN/ZH) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Machinery (Shangai) Co., Ltd.', 'Korea')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/45664f07d9/engel-machinery-shanghai-co-ltd-general-conditions-of-purchase-kr-en.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"> General Conditions of Purchase KR (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Machinery (Shangai) Co., Ltd.', 'Rest der Welt')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/e4b22bae46/engel-machinery-shanghai-co-ltd-general-conditions-of-purchase-en-cn.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"> General Conditions of Purchase (EN/ZH) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Machinery (Shangai) Co., Ltd.', 'Rest der Welt')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/504d7802e3/engel-machinery-shanghai-co-ltd-general-conditions-of-purchase-invest-en.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"> General Conditions of Purchase Invest (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Machinery (Changzhou) Co., Ltd.', 'China')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/9dec21e26d/engel-machinery-changzhou-co-ltd-general-conditions-of-purchase-en-cn.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"> General Conditions of Purchase (EN/ZH) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Machinery (Changzhou) Co., Ltd.', 'Korea')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/4a40068a0d/engel-machinery-changzhou-co-ltd-general-conditions-of-purchase-kr-en.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"> General Conditions of Purchase KR (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Machinery (Changzhou) Co., Ltd.', 'Rest der Welt')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/9dec21e26d/engel-machinery-changzhou-co-ltd-general-conditions-of-purchase-en-cn.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"> General Conditions of Purchase (EN/ZH) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Machinery (Changzhou) Co., Ltd.', 'Rest der Welt')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/46440e1852/engel-machinery-changzhou-co-ltd-general-conditions-of-purchase-invest-en.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"> General Conditions of Purchase Invest (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Machinery Korea Ltd.', 'Korea')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/8ec0233c1a/engel-machinery-korea-ltd-general-conditions-of-purchase-ko.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"> General Conditions of Purchase KR (KO) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Machinery Korea Ltd.', 'China')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/e8c8c8bb11/engel-machinery-korea-ltd-general-conditions-of-purchase-en-cn.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"> General Conditions of Purchase CN (EN/ZH) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Machinery Korea Ltd.', 'Rest der Welt')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/af391530a6/engel-machinery-korea-ltd-general-conditions-of-purchase-en.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"> General Conditions of Purchase (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('ENGEL Machinery Korea Ltd.', 'Rest der Welt')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/6ce6833af7/engel-machinery-korea-ltd-general-conditions-of-purchase-invest-en.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"> General Conditions of Purchase Invest (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Ludwig ENGEL GmbH & Co KG', 'Deutschland, Österreich, Schweiz')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/8acaffafa9/ludwig-engel-gmbh-und-co-kg-allgemeine-bedingungen-investitionsgueterkaeufe-de.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"> Allgemeine Bedingungen Investitionsgüterkäufe (DE) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Ludwig ENGEL GmbH & Co KG', 'Deutschland, Österreich, Schweiz')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/c9391bbfb3/ludwig-engel-gmbh-und-co-kg-avb-planer-2020-de.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"> AVB-Planer 2020 (DE) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Ludwig ENGEL GmbH & Co KG', 'Deutschland, Österreich, Schweiz')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/7e81e349d4/ludwig-engel-gmbh-und-co-kg-avvb-2020-de.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"> AVVB 2020 (DE) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Ludwig ENGEL GmbH & Co KG', 'Deutschland, Österreich, Schweiz')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/0f2cde67e6/engel-austria-gmbh-einkaufsbedingungen-fuer-it-projekte-it-leistungen-software-und-wartung-de.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"> Einkaufsbedingungen für IT- Projekte IT-Leistungen Software und Wartung (DE) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Ludwig ENGEL GmbH & Co KG', 'China')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/a985115a0a/ludwig-engel-gmbh-und-co-kg-general-conditions-designprofessional-cn-en.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"> General Conditions DesignProfessional CN (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Ludwig ENGEL GmbH & Co KG', 'China')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/a8a88e2c4d/ludwig-engel-gmbh-und-co-kg-general-conditions-construction-cn-en.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"> General Conditions Construction CN (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Ludwig ENGEL GmbH & Co KG', 'USA')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/268260e71d/ludwig-engel-gmbh-und-co-kg-general-conditions-designprofessional-us-en.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"> General Conditions DesignProfessional US (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Ludwig ENGEL GmbH & Co KG', 'USA')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/f13784de32/ludwig-engel-gmbh-und-co-kg-general-conditions-construction-us-en.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"> General Conditions Construction US (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Ludwig ENGEL GmbH & Co KG', 'Rest der Welt')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/0259615d77/ludwig-engel-gmbh-und-co-kg-general-conditions-supply-productions-equipment-en.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"> General Conditions Supply Production-Equipment (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Ludwig ENGEL GmbH & Co KG', 'Rest der Welt')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/0784393d98/ludwig-engel-gmbh-und-co-kg-general-conditions-designprofessional-en.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"> General Conditions DesignProfessional (EN) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Ludwig ENGEL GmbH & Co KG', 'Rest der Welt')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/9cd1fd424e/ludwig-engel-gmbh-und-co-kg-general-conditions-construction-en.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"> General Conditions Construction (EN) </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">  <div class="relative" data-vue="Downloads" data-props='{"downloadsCount": 4, "slideable": true }'> <div class="bg-gray-50 absolute inset-x-0 top-0 h-3/5"></div> <div class="container relative py-14 px-8"> <div class="tw-h1 text-center text-gray-700 ">Weitere Downloads</div> <div class="mt-8"> <div class="relative"> <div class=""> <div class="max-w-full flex-shrink-0 flex-grow-0 relative"> <div ref="container" class="keen-slider lg:relative lg:flex lg:justify-content">  <div class="flex justify-center px-2 keen-slider__slide"> <div class="relative px-5 pt-16 pb-8 bg-white border-2 rounded-sm max-w-72 border-gray-100 w-full h-full flex flex-col justify-between"> <div> <div class="download-item-headline"> <div class="tw-h3 text-gray-700 mt-2">Code of Conduct (CoC)</div> </div> <div class="text-sm font-medium text-gray-600"> </div> <div> <div class="tw-paragraph text-sm text-gray-600 mt-6"> <p>Details zum CoC für unsere Lieferanten</p> </div> </div> </div> <div class="mt-12 justify-center flex items-center flex-wrap gap-1.5"> <a class=" tw-button tw-button-secondary-outline " href="https://a.storyblok.com/f/136567/x/1ca33d5696/engel-verhaltenskodex-lieferanten-de.pdf" target="_blank" title="Interner Link" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Ansehen</span> </a> </div> </div> </div>  <div class="flex justify-center px-2 keen-slider__slide"> <div class="relative px-5 pt-16 pb-8 bg-white border-2 rounded-sm max-w-72 border-gray-100 w-full h-full flex flex-col justify-between"> <div> <div class="download-item-headline"> <div class="tw-h3 text-gray-700 mt-2">Compliance Erklärung</div> </div> <div class="text-sm font-medium text-gray-600"> </div> <div> <div class="tw-paragraph text-sm text-gray-600 mt-6"> <p>Details zur Compliance Erklärung für Lieferanten</p> </div> </div> </div> <div class="mt-12 justify-center flex items-center flex-wrap gap-1.5"> <a class=" tw-button tw-button-secondary-outline " href="https://a.storyblok.com/f/136567/x/21657072d1/engel-lieferanten-compliance-erklaerung-de.pdf" target="_blank" title="Interner Link" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Ansehen</span> </a> </div> </div> </div>  <div class="flex justify-center px-2 keen-slider__slide"> <div class="relative px-5 pt-16 pb-8 bg-white border-2 rounded-sm max-w-72 border-gray-100 w-full h-full flex flex-col justify-between"> <div> <div class="download-item-headline"> <div class="tw-h3 text-gray-700 mt-2">Compliance Konformitätserklärung</div> </div> <div class="text-sm font-medium text-gray-600"> </div> <div> <div class="tw-paragraph text-sm text-gray-600 mt-6"> <p>Details zur Compliance Konformitätserklärung für Lieferanten</p> </div> </div> </div> <div class="mt-12 justify-center flex items-center flex-wrap gap-1.5"> <a class=" tw-button tw-button-secondary-outline " href="https://a.storyblok.com/f/136567/x/6292dd2c55/engel-lieferanten-compliance-konformitaetserklaerung-de.pdf" target="_blank" title="Interner Link" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Ansehen</span> </a> </div> </div> </div> <div class="flex justify-center px-2 keen-slider__slide"> <div class="relative px-5 pt-16 pb-8 bg-white border-2 rounded-sm max-w-72 border-gray-100 w-full h-full flex flex-col justify-between"> <div> <div class="download-item-headline"> <div class="tw-h3 text-gray-700 mt-2">Anleitung: Das Arbeiten mit 3D-PDF</div> </div> <div class="text-sm font-medium text-gray-600"> </div> <div> <div class="tw-paragraph text-sm text-gray-600 mt-6"> <p>3D-Viewing mit der Adobe Acrobat Reader-Anwendung</p> </div> </div> </div> <div class="mt-12 justify-center flex items-center flex-wrap gap-1.5"> <a class=" tw-button tw-button-secondary-outline " href="https://a.storyblok.com/f/136567/x/88bd3be69a/das-arbeiten-mit-3d-pdf-de.pdf" target="_blank" title="Interner Link" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Ansehen</span> </a> </div> </div> </div> </div> </div> <div class="lg:hidden"> <button @click="slider.prev()" class="ml-2 slider__arrow slider__arrow-prev " aria-label="Vorherige Slide"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.765 7.414l-1.332-1.331a.35.35 0 00-.494 0L7.27 11.75a.35.35 0 000 .495l5.669 5.668a.35.35 0 00.494 0l1.332-1.332.05-.064a.35.35 0 00-.05-.431l-4.078-4.089 4.079-4.089a.35.35 0 000-.495z"/></svg></button> <button @click="slider.next()" class="mr-2 slider__arrow slider__arrow-next " aria-label="Nächste Slide"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.27 7.414l1.333-1.331a.35.35 0 01.494 0l5.669 5.668a.35.35 0 010 .495l-5.669 5.668a.35.35 0 01-.494 0L9.27 16.582l-.05-.064a.35.35 0 01.05-.431l4.078-4.089L9.27 7.909a.35.35 0 010-.495z"/></svg></button> </div> </div> <div class="lg:hidden"> <div v-if="slider" class="flex justify-center mt-8"> <button v-for="(_slide, idx) in dotHelper" @click="slider.moveToIdx(idx)" :class="{ 'slider__dot': true, 'slider__dot--active': current === idx }" :key="idx" aria-hidden></button> </div> </div> </div> </div> </div> </div> </section>  <section class="relative space-y-8 my-24 lg:my-32"> <span id="contact-options" class="absolute left-0 w-full h-px -top-32 md:-top-48"></span>  <div class="teaser-group pt-12 gray-bg-darker-underlines" data-vue="TeaserGroup" data-props='{ "teaserCount": 3, "useThirds": "", "groupSize": 3, "slideable": true }'> <div class="container"> <div data-set-background="true" class="teaser-group-wrapper max-w-3xl mx-auto"> <div class="tw-h1 text-center ">Treten Sie mit uns in Kontakt!</div> </div> <div class="relative mt-2"> <div ref="container" class="mt-8 keen-slider "> <div class="keen-slider__slide">  <div class="relative flex flex-col h-full overflow-hidden bg-white shadow-teaser teaser-icon"> <a href="https://engel.sourcing-eu.ariba.com/ad/selfRegistration" data-prevent-inner-obfuscation target="_blank" title="Externer Link" class="block pt-8 p-4 mx-auto"> <img data-src="https://a.storyblok.com/f/136567/x/b260d33b6d/handshake2.svg" width="80" height="80" class="lazyload"> </a> <div class="flex flex-col justify-between h-full px-10 pt-1 pb-10"> <h3 class="tw-h3 text-center ">Als Lieferant bewerben</h3> <div class="teaser__text"> <div class="tw-paragraph text-gray-600 text-sm text-center mt-2"> <p>Einfach und unkompliziert. Generelle Infos & Ansprechpartner ausfüllen, Dokumente hochladen, Lieferpartner werden.</p> </div> </div> <div class="flex justify-center mt-auto"> <a class="mt-6 tw-button tw-button-secondary-outline " href="https://engel.sourcing-eu.ariba.com/ad/selfRegistration" target="_blank" title="Externer Link" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Jetzt als Lieferant bewerben</span> </a> </div> </div> </div> </div> <div class="keen-slider__slide">  <div class="relative flex flex-col h-full overflow-hidden bg-white shadow-teaser teaser-icon"> <a href="mailto:ariba.ea@engel.at" data-prevent-inner-obfuscation target="_blank" title="Link zu E-Mail" class="block pt-8 p-4 mx-auto"> <img data-src="https://a.storyblok.com/f/136567/x/3a64c071c5/webillu-phone.svg" width="80" height="80" class="lazyload"> </a> <div class="flex flex-col justify-between h-full px-10 pt-1 pb-10"> <h3 class="tw-h3 text-center ">Helpline SAP Ariba</h3> <div class="teaser__text"> <div class="tw-paragraph text-gray-600 text-sm text-center mt-2"> <p>Sie haben Fragen zu SAP Ariba oder benötigen Hilfe? </p><ul><li><p>Kontaktieren Sie unsere Hotline:<br />+43 50620 2499<br />Mo-Do: 9-12, 13-15:30 Uhr (CET)<br />Sprachen: DE + EN</p></li><li><p>Oder schreiben Sie uns: ariba.ea@engel.at</p></li></ul> </div> </div> <div class="flex justify-center mt-auto"> <a class="mt-6 tw-button tw-button-secondary-outline " href="mailto:ariba.ea@engel.at" target="_blank" title="Link zu E-Mail" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Jetzt per E-Mail kontaktieren</span> </a> </div> </div> </div> </div> <div class="keen-slider__slide">  <div class="relative flex flex-col h-full overflow-hidden bg-white shadow-teaser teaser-icon"> <a href="https://jobs.engelglobal.com/Jobs" data-prevent-inner-obfuscation target="_blank" title="Externer Link" class="block pt-8 p-4 mx-auto"> <img data-src="https://a.storyblok.com/f/136567/x/7102d5a94f/webillu-people-communication.svg" width="80" height="80" class="lazyload"> </a> <div class="flex flex-col justify-between h-full px-10 pt-1 pb-10"> <h3 class="tw-h3 text-center ">Offene Stellen</h3> <div class="teaser__text"> <div class="tw-paragraph text-gray-600 text-sm text-center mt-2"> <p>We want YOU!<br />Die besten Jobs mit zahlreichen Weiterentwicklungsmöglichkeiten im Bereich Global Supply Chain Management.</p> </div> </div> <div class="flex justify-center mt-auto"> <a class="mt-6 tw-button tw-button-secondary-outline " href="https://jobs.engelglobal.com/Jobs" target="_blank" title="Externer Link" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Zu den offenen Stellen</span> </a> </div> </div> </div> </div> </div> <button v-if="slider && isLooping && !isDisabled" @click="slider.prev()" class="ml-2.5 lg:ml-0 slider__arrow slider__arrow-prev" aria-label="Vorherige Slide"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.765 7.414l-1.332-1.331a.35.35 0 00-.494 0L7.27 11.75a.35.35 0 000 .495l5.669 5.668a.35.35 0 00.494 0l1.332-1.332.05-.064a.35.35 0 00-.05-.431l-4.078-4.089 4.079-4.089a.35.35 0 000-.495z"/></svg></button> <button v-if="slider && isLooping && !isDisabled" @click="slider.next()" class="mr-2.5 lg:mr-0 slider__arrow slider__arrow-next" aria-label="Nächste Slide"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.27 7.414l1.333-1.331a.35.35 0 01.494 0l5.669 5.668a.35.35 0 010 .495l-5.669 5.668a.35.35 0 01-.494 0L9.27 16.582l-.05-.064a.35.35 0 01.05-.431l4.078-4.089L9.27 7.909a.35.35 0 010-.495z"/></svg></button> </div> <div v-if="slider && isLooping && !isDisabled" class="flex justify-center mt-8"> <button v-for="(_slide, idx) in dotHelper" @click="slider.moveToIdx(idx)" :class="{ 'slider__dot': true, 'slider__dot--active': current === idx }" :key="idx" aria-hidden></button> </div> </div> </div> </section> </main>  <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">Kontaktieren Sie uns</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">Serviceplattformen</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>Als Lieferant bewerben</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>Lieferantenportal</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 Plattform</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="/de/digitale-loesungen/e-connect-portal" class="tw-link-small" > <span>e-connect Kundenportal</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">Weitere Bereiche</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="/de/messen-veranstaltungen" class="tw-link-small" > <span>Messen & Veranstaltungen</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="/de/newsletter" class="tw-link-small" > <span>Newsletter abonnieren</span> </a> </li> <li class="mb-2.5"> <a href="/de/unternehmen/media-center/news-presse" class="tw-link-small" > <span>News & Presse</span> </a> </li> <li class="mb-2.5"> <a href="/de/zertifikate" class="tw-link-small" > <span>Zertifikate</span> </a> </li> <li class="mb-2.5"> <a href="/de/global-supply-chain-management" class="tw-link-small" > <span>Einkauf</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"> Folgen Sie uns </div> <div class="text-xs text-gray-700 mb-4"> Werfen Sie einen Blick hinter die Kulissen der Spritzgießwelt </div> <div class="flex justify-center md:justify-start mb-14 flex-wrap"> <a href="https://de.linkedin.com/company/engel-global" 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">Impressum & Datenschutz</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="/de/sitemap" class="tw-link-small" > <span>Sitemap</span> </a> </li> <li class="mb-2.5"> <a href="/de/impressum" class="tw-link-small" > <span>Impressum</span> </a> </li> <li class="mb-2.5"> <a href="/de/agb" class="tw-link-small" > <span>AGB</span> </a> </li> <li class="mb-2.5"> <a href="/de/unternehmen/compliance-und-datenschutz" class="tw-link-small" > <span>Datenschutz</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="/de/sitemap" class="tw-link-small" > <span>Sitemap</span> </a> </li> <li class="inline ml-7"> <a href="/de/impressum" class="tw-link-small" > <span>Impressum</span> </a> </li> <li class="inline ml-7"> <a href="/de/agb" class="tw-link-small" > <span>AGB</span> </a> </li> <li class="inline ml-7"> <a href="/de/unternehmen/compliance-und-datenschutz" class="tw-link-small" > <span>Datenschutz</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">Für ein nahtloses und interaktives Online-Erlebnis unserer Multimedia-Inhalte (Bsp. Videos, Maps) akzeptieren Sie bitte das Speichern der dafür notwendigen Cookies (Detailinformationen zu diesen Cookies erhalten Sie im Datenschutz) für Marketingzwecke.</div> <button @click="acceptAll()" class="mt-6 tw-button tw-button-primary">Akzeptieren</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 ">Standort wechseln</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/global-supply-chain-management" @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/globalni-dodavatelsky-retezec" @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="Für dieses Land steht eine reduzierte Website-Version zur Verfügung." id="DK"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="fr" data-language="" href="https://www.engelglobal.com/fr/fr/gestion-globale-de-la-chaine-d-approvisionnement" @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/global-supply-chain-management" @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="Für dieses Land steht eine reduzierte Website-Version zur Verfügung." id="HU"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="it" data-language="" href="https://www.engelglobal.com/it/it/gestione-globale-della-filiera" @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="Für dieses Land steht eine reduzierte Website-Version zur Verfügung." id="NL"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="pl" data-language="" href="https://www.engelglobal.com/pl/pl/global-supply-chain-management" @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/global-supply-chain-management" @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/global-supply-chain-management" @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="Für dieses Land steht eine reduzierte Website-Version zur Verfügung." id="TR"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="gb" data-language="" href="https://www.engelglobal.com/en/gb/global-supply-chain-management" @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="Für dieses Land steht eine reduzierte Website-Version zur Verfügung." id="BR"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="ca" data-language="" href="https://www.engelglobal.com/en/ca/global-supply-chain-management" @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/gestion-global-de-la-cadena-de-suministro" @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/global-supply-chain-management" @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/global-supply-chain-management" @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="Für dieses Land steht eine reduzierte Website-Version zur Verfügung." 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="Für dieses Land steht eine reduzierte Website-Version zur Verfügung." 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="Für dieses Land steht eine reduzierte Website-Version zur Verfügung." 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="Für dieses Land steht eine reduzierte Website-Version zur Verfügung." 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/global-supply-chain-management" @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/global-supply-chain-management" @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/gestion-global-de-la-cadena-de-suministro" @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/gestion-globale-de-la-chaine-d-approvisionnement" @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 nach</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> Bauart </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> Antriebsart </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> Schließkraft (in to) </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> Schließkraft (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">Ergebnis</span> <span v-else>Ergebnisse</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> Filtern </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">Ergebnis</span> <span v-else>Ergebnisse</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> Filter zurücksetzen </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 ">Leider wurden keine Ergebnisse gefunden.</h2> <p class="text-sm text-gray-700 text-center mt-2"> Bitte versuchen Sie es erneut. </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 }} von {{ totalItems }}</p> <p v-if="showAllItems && currFilters.length === 0" class="mt-8 mb-2.5 text-sm">{{ currItems.length }} von {{ totalItems }}</p> <p v-if="showAllItems && currFilters.length !== 0" class="mt-8 mb-2.5 text-sm">{{ currItems.length }} von {{ 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"> Alle Maschinen Anzeigen (<span v-text="Object.keys(currItems).length"></span>) </span> <span :class="{'invisible w-0 overflow-hidden': !showAllItems}"> Weniger Maschinen anzeigen </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">Filter anwenden</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">Für die ENGEL Hotline fallen je nach Land unterschiedlich hohe Gebühren an. <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">Technischer Kundendienst</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">Ersatzteilvertrieb</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="Anfrage senden" 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">Anfrage senden</span> </a> </div> <div class="text-center"> <a href="/de/unternehmen/standorte" class="w-auto lg:text-xs text-sm tw-underline-link"> <span>Alle Ansprechpartner weltweit anzeigen</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 = "de"; 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 = "de"; </script> <script type="text/javascript" src="/scripts/main.js?version=150663" defer></script> <template id="labels"> {"service_employee":"Servicemitarbeiter","sales_employee":"Vertriebsmitarbeiter","marketing":"Head of Marketing","moulding_industry_business_advisor":"Unternehmensberater für die Gießereiindustrie","head_of_office":"Büroleitung","managing-director":"Geschäftsführer","sales-manager":"Verkaufsleiter","ceo":"Vorsitzender","commercial-director":"Kaufmännischer Direktor","internal-sales":"Interner Vertrieb","president_of_sales_and_after_sales":"Präsident für Verkauf und Kundendienst","sales_director":"Verkaufsdirektor","representative_director":"Stellvertretender Direktor","sales_operations_manager":"Verkaufsleiter","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">Ihr Browser ist veraltet.</h2> <p class="text-sm mb-7">Der Internet Explorer wird nicht mehr unterstützt. Bitte wechseln Sie auf einen aktuellen Browser, um engelglobal.com in vollem Umfang nutzen zu können.</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">Ihr Browser ist veraltet.</h2> <p class="text-sm mb-7">Der Internet Explorer wird nicht mehr unterstützt. Bitte wechseln Sie auf einen aktuellen Browser, um engelglobal.com in vollem Umfang nutzen zu können.</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

▷ Global Supply Chain Management - ENGEL