▷ Circular Economy & Kunststoffrecycling

<!DOCTYPE html> <html lang="de-AT" 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/at/nachhaltigkeit-kunststoff/circular-economy-kunststoffrecycling" /> <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-at"> <style> </style> <link rel="stylesheet" href="/styles/main.css?version=150663" media="all" /> <title>▷ Circular Economy & Kunststoffrecycling - ENGEL</title> <meta name="description" content="Circular Economy & Kunststoffrecycling ✓ Gesamtlösungsanbieter für die Verarbeitung von Rezyklaten ✓ In-House F&E ✓ Digitale Lösungen ➠ Mehr erfahren!" /> <meta name="navigation_title" content="Circular Economy" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="ENGEL" /> <meta property="og:title" content="▷ Circular Economy & Kunststoffrecycling - ENGEL" /> <meta property="og:image" content="https://a.storyblok.com/f/136567/1200x630/b01eb16fc9/nachhaltigkeit-circular-economy-meta.jpg/m/1200x0" /> <meta property="og:description" content="Circular Economy & Kunststoffrecycling ✓ Gesamtlösungsanbieter für die Verarbeitung von Rezyklaten ✓ In-House F&E ✓ Digitale Lösungen ➠ Mehr erfahren!" /> <meta name="twitter:card" content="Circular Economy & Kunststoffrecycling ✓ Gesamtlösungsanbieter für die Verarbeitung von Rezyklaten ✓ In-House F&E ✓ Digitale Lösungen ➠ Mehr erfahren!" /> <meta name="twitter:title" content="▷ Circular Economy & Kunststoffrecycling - ENGEL" /> <meta name="twitter:description" content="Circular Economy & Kunststoffrecycling ✓ Gesamtlösungsanbieter für die Verarbeitung von Rezyklaten ✓ In-House F&E ✓ Digitale Lösungen ➠ Mehr erfahren!" /> <meta name="twitter:image" content="https:https://a.storyblok.com/f/136567/1200x630/b01eb16fc9/nachhaltigkeit-circular-economy-meta.jpg/m/1200x0" /> <meta property="algolia:image" content="https://a.storyblok.com/f/136567/1200x630/b01eb16fc9/nachhaltigkeit-circular-economy-meta.jpg/m/1200x0" /> <link rel="alternate" href="https://www.engelglobal.com/cs/cz/udrzitelnost-plasty/obehove-hospodarstvi-recyklace-plastu" hreflang="cs-CZ"> <link rel="alternate" href="https://www.engelglobal.com/es/sostenibilidad-plastico/economia-circular-reciclaje-de-plastico" hreflang="es"> <link rel="alternate" href="https://www.engelglobal.com/es/mx/sostenibilidad-plastico/economia-circular-reciclaje-de-plastico" hreflang="es-MX"> <link rel="alternate" href="https://www.engelglobal.com/pl/pl/zrownowazony-rozwoj-plastik/gospodarka-obiegu-zamknietego-recykling-tworzyw-sztucznych" hreflang="pl-PL"> <link rel="alternate" href="https://www.engelglobal.com/zh/cn/sustainability-plastics/circular-economy-plastics-recycling" hreflang="zh-CN"> <link rel="alternate" href="https://www.engelglobal.com/en/sustainability-plastics/circular-economy-plastics-recycling" hreflang="en"> <link rel="alternate" href="https://www.engelglobal.com/en/gb/sustainability-plastics/circular-economy-plastics-recycling" hreflang="en-GB"> <link rel="alternate" href="https://www.engelglobal.com/en/ca/sustainability-plastics/circular-economy-plastics-recycling" hreflang="en-CA"> <link rel="alternate" href="https://www.engelglobal.com/en/us/sustainability-plastics/circular-economy-plastics-recycling" hreflang="en-US"> <link rel="alternate" href="https://www.engelglobal.com/fr/developpement-durable-plastique/economie-circulaire-recyclage-du-plastique" hreflang="fr"> <link rel="alternate" href="https://www.engelglobal.com/fr/fr/developpement-durable-plastique/economie-circulaire-recyclage-du-plastique" hreflang="fr-FR"> <link rel="alternate" href="https://www.engelglobal.com/it/it/sostenibilita-plastica/economia-circolare-riciclaggio-delle-materie-plastiche" hreflang="it-IT"> <link rel="alternate" href="https://www.engelglobal.com/ru/ru/sustainability-plastics/circular-economy-plastics-recycling" hreflang="ru-RU"> <link rel="alternate" href="https://www.engelglobal.com/de/nachhaltigkeit-kunststoff/circular-economy-kunststoffrecycling" hreflang="de"> <link rel="alternate" href="https://www.engelglobal.com/de/at/nachhaltigkeit-kunststoff/circular-economy-kunststoffrecycling" hreflang="de-AT"> <link rel="alternate" href="https://www.engelglobal.com/de/ch/nachhaltigkeit-kunststoff/circular-economy-kunststoffrecycling" hreflang="de-CH"> <link rel="alternate" href="https://www.engelglobal.com/de/de/nachhaltigkeit-kunststoff/circular-economy-kunststoffrecycling" 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"> Austria (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/at/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/at/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/at/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/at/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/at/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/at/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/at/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/at/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/at/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/at/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/at/produkte/gebrauchte-spritzgiessmaschinen" > Gebrauchtmaschinen </a> </li> </ul> </li> <li class="block h-full"> <a class="group" href="/de/at/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/at/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/at/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/at/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/at/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/at/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/at/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/at/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/at/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/at/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/at/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/at/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 main-navigation-item__link--active" 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/at/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/at/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/at/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/at/unternehmen/engel-spritzgiessen/qualitaetsmanagement" > Qualitätsmanagement </a> </li> </ul> </li> <li class="block h-full"> <a class="group" href="/de/at/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/at/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/at/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/at/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/at/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/at/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/at/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/at/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"> Austria (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"> AT (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":"22b2d5e4-379d-449e-801b-b097aa245874","order":"service_parts_support","person":"49d8a13c-7613-4c94-83be-42e12fbe6f7b","country":"at","language":"de","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" >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" selected >Ö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": "at" ,"externalIntro": "Vielen Dank f\u00fcr Ihre Anfrage! Wir werden Sie in K\u00fcrze kontaktieren.", "prefillTopic": "industries_products", "prefillCountry": "at" }' > <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/at/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": "at", "searchPage": "/de/at/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/44f6846354/nachhaltigkeit-circular-economy-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/44f6846354/nachhaltigkeit-circular-economy-mobil.jpg/m/0x280" width="620" height="280"> <source data-srcset="https://a.storyblok.com/f/136567/1920x440/1c83625b58/nachhaltigkeit-circular-economy-desktop.jpg/m/0x440/filters:format(webp)" type="image/webp" width="1920" height="440"> <source data-srcset="https://a.storyblok.com/f/136567/1920x440/1c83625b58/nachhaltigkeit-circular-economy-desktop.jpg/m/0x440" width="1920" height="440"> <img data-src="https://a.storyblok.com/f/136567/1920x440/1c83625b58/nachhaltigkeit-circular-economy-desktop.jpg/m/0x440/filters:format(webp)" class="object-cover object-center w-full h-full lazyload" alt="Bild zeigt Circular Economy bei ENGEL" title="Circular Economy | 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/at/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"> <a class="text-xs transition hover:text-black" href="https://www.engelglobal.com/de/at/nachhaltigkeit-kunststoff">Über ENGEL Nachhaltigkeit</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">Circular Economy</span> </li> </ul> </div> <div class="max-w-3xl mx-auto px-5 mt-12"> <h1 class="tw-hero text-center font-normal ">Circular Economy im Spritzguss</h1> <h2 class="tw-h3 text-center mt-4">Reduktion des CO2-Fußabdruckes durch effizientes Kunststoffrecycling</h2> <div class="tw-paragraph text-center text-gray-600 tw-h3 mt-4"> <p>ENGEL ist seit Jahren im Bereich Circular Economy aktiv. <br />Durch die Verarbeitung von Rezyklaten ist es möglich, den CO<sub>2</sub>-Ausstoß zu reduzieren und nachhaltiger zu produzieren. Unser Angebot reicht von kostenlosen Materialanalysen, über digitale Produkte bis hin zu innovativen Kunststoff-Recycling-Verfahren.</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 ">30 % Einsparung an CO2, Energie und Kosten im Kunststoffrecycling</div> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p>Der Wertstoff Kunststoff ist eine wertvolle Ressource. Viel zu wertvoll, um ihn nach einmaliger Verwendung zu entsorgen. Daher ist es unverzichtbar, ihn in Kreisläufen zu führen.</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/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/m/1280x0/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/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/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/m/1536x0/filters:format(webp)" type="image/webp"><source media="(min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/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/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/m/2048x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1024px)" data-srcset="https://a.storyblok.com/f/136567/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/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/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/m/2560x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1280px)" data-srcset="https://a.storyblok.com/f/136567/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/m/1280x0/filters:format(webp)" type="image/webp"> <source media="" data-srcset="https://a.storyblok.com/f/136567/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/m/640x0" srcset="" width="640" height="0"> <img data-src="https://a.storyblok.com/f/136567/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/m/640x0/filters:format(webp)" width="640" height="0" class="lazyload transition-transform duration-500 w-full " alt="Kreislaufwirtschaft und Nachhaltigkeit in der Kunststoff-Industrie | ENGEL" title="Kreislaufwirtschaft und Nachhaltigkeit in der Kunststoff-Industrie | 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/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/m/1280x0/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/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/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/m/1536x0/filters:format(webp)" type="image/webp"><source media="(min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/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/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/m/2048x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1024px)" data-srcset="https://a.storyblok.com/f/136567/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/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/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/m/2560x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1280px)" data-srcset="https://a.storyblok.com/f/136567/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/m/1280x0/filters:format(webp)" type="image/webp"> <source media="" data-srcset="https://a.storyblok.com/f/136567/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/m/640x0" srcset="" width="640" height="0"> <img data-src="https://a.storyblok.com/f/136567/3753x2053/4f32398b22/nachhaltigkeit-kreislaufwirtschaft-de.png/m/640x0/filters:format(webp)" class="lazyload " alt="Kreislaufwirtschaft und Nachhaltigkeit in der Kunststoff-Industrie | ENGEL" title="Kreislaufwirtschaft und Nachhaltigkeit in der Kunststoff-Industrie | ENGEL" > </picture> </modal> </div>  <div class="max-w-4xl mx-auto text-component "> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p>Mit ENGEL Kunststoffrecycling Technologien kann ein neuer energiesparsamer Kunststoffkreislauf geschlossen werden. Durch die Direktverarbeitung von Mahlgut auf der Spritzgießmaschine werden Kosten, Energie und CO<sub>2</sub> gespart. Auch „Design for Recycling“ wird ermöglicht. Am Ende ihrer Lebensdauer werden die Produkte unserer Kunden wieder in den Kreis zurückgeführt.</p><p></p> </div> </div> </section>  <section class="relative space-y-8 my-24 lg:my-32">  <div class="bg-gray-50 gray-bg-darker-underlines" data-vue="FeatureList" data-props='{ "featureCount": 6 }'> <div class="hidden lg:block " @mouseover="pauseAutoSliding = true" @mouseout="pauseAutoSliding = false"> <div class="container py-12"> <div class="tw-h2 text-gray-700 ">Vorteile mit uns als Partner im Bereich Circular Economy</div> <div class="grid grid-cols-12 gap-5 mt-10"> <div class="relative col-span-5 h-128"> <div class="h-full overflow-hidden" ref="labelContainer"> <div style="width: 2px;" class="absolute top-0 bottom-0 bg-gray-200 left-px"></div> <div class="relative"> <div class="absolute transition-transform bg-green-500" style="width: 5px; height: 80px;" :style="{ transform: 'translateY(' + sliderOffset + 'px)' }"></div> <ul ref="featureListContainer" class="relative"> <li class="h-20 pl-5 mb-5" data-slide-index="0" :class="{'inview': currentSlide === 0 }"> <a href="#" @click.prevent="showFeature(0)" class="flex items-center h-full group"> <div :class="{ 'text-gray-700': activeSlide(0), 'text-gray-400': !activeSlide(0) }" class="transition-colors line-clamp-2 tw-h3 group-hover:text-black"> Recycling-Paket ermöglicht Mahlgutverarbeitung </div> </a> </li> <li class="h-20 pl-5 mb-5" data-slide-index="1" :class="{'inview': currentSlide === 1 }"> <a href="#" @click.prevent="showFeature(1)" class="flex items-center h-full group"> <div :class="{ 'text-gray-700': activeSlide(1), 'text-gray-400': !activeSlide(1) }" class="transition-colors line-clamp-2 tw-h3 group-hover:text-black"> Gleichbleibend hohe Produktqualität trotz Rezyklat </div> </a> </li> <li class="h-20 pl-5 mb-5" data-slide-index="2" :class="{'inview': currentSlide === 2 }"> <a href="#" @click.prevent="showFeature(2)" class="flex items-center h-full group"> <div :class="{ 'text-gray-700': activeSlide(2), 'text-gray-400': !activeSlide(2) }" class="transition-colors line-clamp-2 tw-h3 group-hover:text-black"> Kostenlose Materialanalyse und prozesssichere Verarbeitung </div> </a> </li> <li class="h-20 pl-5 mb-5" data-slide-index="3" :class="{'inview': currentSlide === 3 }"> <a href="#" @click.prevent="showFeature(3)" class="flex items-center h-full group"> <div :class="{ 'text-gray-700': activeSlide(3), 'text-gray-400': !activeSlide(3) }" class="transition-colors line-clamp-2 tw-h3 group-hover:text-black"> Dank Entgasung keine Gerüche, Schlieren oder Feuchtereste im Bauteil </div> </a> </li> <li class="h-20 pl-5 mb-5" data-slide-index="4" :class="{'inview': currentSlide === 4 }"> <a href="#" @click.prevent="showFeature(4)" class="flex items-center h-full group"> <div :class="{ 'text-gray-700': activeSlide(4), 'text-gray-400': !activeSlide(4) }" class="transition-colors line-clamp-2 tw-h3 group-hover:text-black"> Mehr Sicherheit dank Filtration der Schmelze </div> </a> </li> <li class="h-20 pl-5 mb-12" data-slide-index="5" :class="{'inview': currentSlide === 5 }"> <a href="#" @click.prevent="showFeature(5)" class="flex items-center h-full group"> <div :class="{ 'text-gray-700': activeSlide(5), 'text-gray-400': !activeSlide(5) }" class="transition-colors line-clamp-2 tw-h3 group-hover:text-black"> Digitalisierung zur Steigerung der Energieeffizienz </div> </a> </li> </ul> <div class="hidden translate-y-0 lg:block appear-triggered appear-fade" :class="{ 'inview': displayDownArrow }"></div> </div> <div class="absolute bottom-0 left-0 right-0 bg-gray-50"> <button @click="previousSlide" :class="{'opacity-60': !displayUpArrow, 'hover:text-black': displayUpArrow}" class="flex items-center justify-center w-full text-gray-700 fill-current"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 15.247l-1.331-1.331a.35.35 0 010-.495l5.668-5.668a.35.35 0 01.495 0l5.668 5.668a.35.35 0 010 .495l-1.332 1.331-.064.05a.35.35 0 01-.431-.05l-4.089-4.078-4.089 4.079a.35.35 0 01-.495 0z"/></svg> </button> <button @click="scrollDown" :class="{'opacity-60': !displayDownArrow, 'hover:text-black': displayDownArrow}" class="flex items-center justify-center w-full text-gray-700 fill-current"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg> </button> </div> </div> </div> <div class="col-span-7 overflow-hidden h-128"> <div class="relative transition-transform duration-500 ease-out" :style="{transform: 'translateY(-' + slideOffset + 'px)'}">  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/1191x842/76abd6a6c3/nachhaltigkeit-recycling-paket-sujet.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/1191x842/76abd6a6c3/nachhaltigkeit-recycling-paket-sujet.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Bild zeigt verschleißbeständige Plastifiziereinheit von ENGEL" title="Verschleißbeständige Plastifiziereinheit Circular Economy | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Unser <a href="https://a.storyblok.com/f/136567/x/fd34ca6759/nachhaltigkeit-recycling-paket-flyer-de.pdf" target="_self">Recycling-Paket</a> ermöglicht mittels modifizierter Plastifizierung eine störungsfreie Zuführung, auch von schlecht rieselfähigen Materialien wie Mahlgut. Die verschleißbeständige Werkstoffausführung garantiert verlängerte Lebensdauern. Dank der Einzugsnuten wird ein optimiertes Förder- und Aufschmelzverhalten erzielt.</p> </div> </div>  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/700x350/6652829c30/produkte-anwendung-spritzgussverfahren.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/700x350/6652829c30/produkte-anwendung-spritzgussverfahren.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Bild zeigt Querschnitt einer Box aus Kunststoff-Rezyklat" title="Box aus Kunststoff-Rezyklat | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Die Aufbereitung von Kunststoffabfällen erfordert meist weniger Energie als jene aus fossilen Quellen. Der Einsatz von Rezyklat wirkt sich somit unmittelbar positiv in der CO<sub>2</sub>-Bilanz aus. Deshalb setzt die hauseigene Entwicklung bei ENGEL auf Lösungen für Re- und Upcycling. ENGEL bietet die Kunststoff-Recycling-Verfahren skinmelt, co-injection und den Zwei-Stufen-Prozess. Bei den ersten beiden Verfahren wird das Rezyklat mit Neuware ummantelt. Bei letzterem wird das Mahlgut direkt verarbeitet und im Spritzgießprozess entgast und filtriert. Dadurch kann bis zu 100 % Recyclingware als Ausgangsmaterial verwendet werden.</p> </div> </div>  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/700x350/d4ca11ed08/nachhaltigkeit-mahlgut.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/700x350/d4ca11ed08/nachhaltigkeit-mahlgut.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Bild zeigt Mahlgut für das Kunststoffrecycling" title="Materialanalyse des Rezyklates | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Im Rahmen einer kostenlosen Materialanalyse des Rezyklates überprüfen wir für Sie im Labor die prozesssichere Verarbeitbarkeit auf unseren Maschinen. Später gewährleisten unsere Assistenzsysteme größtmögliche Prozessstabilität. Gemeinsam mit R-Cycle ermöglichen wir die Nachverfolgbarkeit der eingesetzten Materialien in einem digitalen Produktpass.</p> </div> </div>  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/700x350/7b1249ab2d/branchen-automobil-stossfaenger.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/700x350/7b1249ab2d/branchen-automobil-stossfaenger.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Bild zeigt Stoßfänger eines Automobils" title="Symbolbild eines lackierten Bauteiles | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Flüchtige Bestandteile des Materials wie Gase oder Feuchtigkeit werden mit unserer integrierten Entgasung eliminiert. Die Entgasung ermöglicht ein breiteres Einsatzspektrum an Rezyklaten, eine Bauteilqualität ohne Schlieren und weniger Werkzeugbelag. Die Geruchsbelastung wird enorm reduziert. Speziell bei lackierten Bauteilen erreicht man dank Entgasung schöne Oberflächen.</p> </div> </div>  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/1740x1644/11c56eaffc/nachhaltigkeit-kontamination.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/1740x1644/11c56eaffc/nachhaltigkeit-kontamination.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Bild zeigt mögliche Kontaminationen wie Papier, Metall oder Holz" title="Sicherheit dank Filtration der Schmelze | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Filtersysteme entfernen Kontaminationen des Rezyklates zuverlässig. Sie schützen je nach Ausführung Plastifizierung, Heißkanal und Werkzeug. Für verschiedene Verschmutzungsgrade werden passende Filtersysteme angeboten. Das verhindert ein Verstopfen des Werkzeuges, Heißkanals und Angusskanäle durch Fremdteile.</p> </div> </div>  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/1540x880/4aebe97d18/digital-solutions.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/1540x880/4aebe97d18/digital-solutions.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Bild zeigt digitale Lösungen von ENGEL" title="Digitale Lösungen | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Die sich selbst optimierende Spritzgießmaschine ist ein wesentlicher Treiber von Circular Economy. Es geht darum, Ausschuss zu vermeiden und Energieeffizienz zu steigern. Unsere digitalen Lösungen aus dem <a href="/de/at/digitale-loesungen">inject 4.0 Programm </a>helfen dabei, Einflüsse auf den Prozess automatisch zu reduzieren. Rezyklate werden somit für ein breiteres Spektrum an Anwendungen einsetzbar als bisher.</p> </div> </div> </div> </div> </div> </div> </div> <div class="block lg:hidden"> <div class="container py-14"> <div class="tw-h2 text-gray-700 ">Vorteile mit uns als Partner im Bereich Circular Economy</div> <div class="mt-10 divide-y-2 divide-gray-100 border-y-gray-100 border-y-2"> <div class="py-6 sm:px-10"> <a href="#" @click.prevent="toggleAccordion('a65bbc94-07ad-4309-9757-cb02310d5b18', $event)" class="flex items-center justify-between"> <div class="flex items-center"> <div class="tw-h3 text-gray-700 ">Recycling-Paket ermöglicht Mahlgutverarbeitung</div> </div> <div class="ml-6"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpenedInAccordion('a65bbc94-07ad-4309-9757-cb02310d5b18') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpenedInAccordion('a65bbc94-07ad-4309-9757-cb02310d5b18') ? 'max-h-180' : 'max-h-0'" class="overflow-hidden duration-300 ease-in-out transition-max-h"> <div class="mt-6">  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/1191x842/76abd6a6c3/nachhaltigkeit-recycling-paket-sujet.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/1191x842/76abd6a6c3/nachhaltigkeit-recycling-paket-sujet.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Bild zeigt verschleißbeständige Plastifiziereinheit von ENGEL" title="Verschleißbeständige Plastifiziereinheit Circular Economy | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Unser <a href="https://a.storyblok.com/f/136567/x/fd34ca6759/nachhaltigkeit-recycling-paket-flyer-de.pdf" target="_self">Recycling-Paket</a> ermöglicht mittels modifizierter Plastifizierung eine störungsfreie Zuführung, auch von schlecht rieselfähigen Materialien wie Mahlgut. Die verschleißbeständige Werkstoffausführung garantiert verlängerte Lebensdauern. Dank der Einzugsnuten wird ein optimiertes Förder- und Aufschmelzverhalten erzielt.</p> </div> </div> </div> </div> </div> <div class="py-6 sm:px-10"> <a href="#" @click.prevent="toggleAccordion('613b2bce-d5cd-427a-ac01-1f5dfa76a0bc', $event)" class="flex items-center justify-between"> <div class="flex items-center"> <div class="tw-h3 text-gray-700 ">Gleichbleibend hohe Produktqualität trotz Rezyklat</div> </div> <div class="ml-6"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpenedInAccordion('613b2bce-d5cd-427a-ac01-1f5dfa76a0bc') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpenedInAccordion('613b2bce-d5cd-427a-ac01-1f5dfa76a0bc') ? 'max-h-180' : 'max-h-0'" class="overflow-hidden duration-300 ease-in-out transition-max-h"> <div class="mt-6">  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/700x350/6652829c30/produkte-anwendung-spritzgussverfahren.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/700x350/6652829c30/produkte-anwendung-spritzgussverfahren.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Bild zeigt Querschnitt einer Box aus Kunststoff-Rezyklat" title="Box aus Kunststoff-Rezyklat | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Die Aufbereitung von Kunststoffabfällen erfordert meist weniger Energie als jene aus fossilen Quellen. Der Einsatz von Rezyklat wirkt sich somit unmittelbar positiv in der CO<sub>2</sub>-Bilanz aus. Deshalb setzt die hauseigene Entwicklung bei ENGEL auf Lösungen für Re- und Upcycling. ENGEL bietet die Kunststoff-Recycling-Verfahren skinmelt, co-injection und den Zwei-Stufen-Prozess. Bei den ersten beiden Verfahren wird das Rezyklat mit Neuware ummantelt. Bei letzterem wird das Mahlgut direkt verarbeitet und im Spritzgießprozess entgast und filtriert. Dadurch kann bis zu 100 % Recyclingware als Ausgangsmaterial verwendet werden.</p> </div> </div> </div> </div> </div> <div class="py-6 sm:px-10"> <a href="#" @click.prevent="toggleAccordion('b234a3d8-6461-4344-8d45-68a6caf047d0', $event)" class="flex items-center justify-between"> <div class="flex items-center"> <div class="tw-h3 text-gray-700 ">Kostenlose Materialanalyse und prozesssichere Verarbeitung</div> </div> <div class="ml-6"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpenedInAccordion('b234a3d8-6461-4344-8d45-68a6caf047d0') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpenedInAccordion('b234a3d8-6461-4344-8d45-68a6caf047d0') ? 'max-h-180' : 'max-h-0'" class="overflow-hidden duration-300 ease-in-out transition-max-h"> <div class="mt-6">  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/700x350/d4ca11ed08/nachhaltigkeit-mahlgut.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/700x350/d4ca11ed08/nachhaltigkeit-mahlgut.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Bild zeigt Mahlgut für das Kunststoffrecycling" title="Materialanalyse des Rezyklates | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Im Rahmen einer kostenlosen Materialanalyse des Rezyklates überprüfen wir für Sie im Labor die prozesssichere Verarbeitbarkeit auf unseren Maschinen. Später gewährleisten unsere Assistenzsysteme größtmögliche Prozessstabilität. Gemeinsam mit R-Cycle ermöglichen wir die Nachverfolgbarkeit der eingesetzten Materialien in einem digitalen Produktpass.</p> </div> </div> </div> </div> </div> <div class="py-6 sm:px-10"> <a href="#" @click.prevent="toggleAccordion('e74149c2-a5b6-4c4a-86a9-91687ddfd7bf', $event)" class="flex items-center justify-between"> <div class="flex items-center"> <div class="tw-h3 text-gray-700 ">Dank Entgasung keine Gerüche, Schlieren oder Feuchtereste im Bauteil</div> </div> <div class="ml-6"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpenedInAccordion('e74149c2-a5b6-4c4a-86a9-91687ddfd7bf') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpenedInAccordion('e74149c2-a5b6-4c4a-86a9-91687ddfd7bf') ? 'max-h-180' : 'max-h-0'" class="overflow-hidden duration-300 ease-in-out transition-max-h"> <div class="mt-6">  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/700x350/7b1249ab2d/branchen-automobil-stossfaenger.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/700x350/7b1249ab2d/branchen-automobil-stossfaenger.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Bild zeigt Stoßfänger eines Automobils" title="Symbolbild eines lackierten Bauteiles | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Flüchtige Bestandteile des Materials wie Gase oder Feuchtigkeit werden mit unserer integrierten Entgasung eliminiert. Die Entgasung ermöglicht ein breiteres Einsatzspektrum an Rezyklaten, eine Bauteilqualität ohne Schlieren und weniger Werkzeugbelag. Die Geruchsbelastung wird enorm reduziert. Speziell bei lackierten Bauteilen erreicht man dank Entgasung schöne Oberflächen.</p> </div> </div> </div> </div> </div> <div class="py-6 sm:px-10"> <a href="#" @click.prevent="toggleAccordion('423a5ab3-5a5a-4735-ab40-a6c452cd2df7', $event)" class="flex items-center justify-between"> <div class="flex items-center"> <div class="tw-h3 text-gray-700 ">Mehr Sicherheit dank Filtration der Schmelze </div> </div> <div class="ml-6"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpenedInAccordion('423a5ab3-5a5a-4735-ab40-a6c452cd2df7') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpenedInAccordion('423a5ab3-5a5a-4735-ab40-a6c452cd2df7') ? 'max-h-180' : 'max-h-0'" class="overflow-hidden duration-300 ease-in-out transition-max-h"> <div class="mt-6">  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/1740x1644/11c56eaffc/nachhaltigkeit-kontamination.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/1740x1644/11c56eaffc/nachhaltigkeit-kontamination.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Bild zeigt mögliche Kontaminationen wie Papier, Metall oder Holz" title="Sicherheit dank Filtration der Schmelze | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Filtersysteme entfernen Kontaminationen des Rezyklates zuverlässig. Sie schützen je nach Ausführung Plastifizierung, Heißkanal und Werkzeug. Für verschiedene Verschmutzungsgrade werden passende Filtersysteme angeboten. Das verhindert ein Verstopfen des Werkzeuges, Heißkanals und Angusskanäle durch Fremdteile.</p> </div> </div> </div> </div> </div> <div class="py-6 sm:px-10"> <a href="#" @click.prevent="toggleAccordion('e73c5b53-c09c-46f1-9b02-d43689da4659', $event)" class="flex items-center justify-between"> <div class="flex items-center"> <div class="tw-h3 text-gray-700 ">Digitalisierung zur Steigerung der Energieeffizienz</div> </div> <div class="ml-6"> <span class="block transition-transform duration-300 ease-in-out fill-current" :class="isOpenedInAccordion('e73c5b53-c09c-46f1-9b02-d43689da4659') ? 'rotate-180' : 'rotate-0'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </a> <div :class="isOpenedInAccordion('e73c5b53-c09c-46f1-9b02-d43689da4659') ? 'max-h-180' : 'max-h-0'" class="overflow-hidden duration-300 ease-in-out transition-max-h"> <div class="mt-6">  <div class="lg:h-128 overflow-y-auto"> <div class="block relative "> <div class="overflow-hidden max-h-72 md:max-h-full"> <picture class="block transition-transform duration-500 group-hover:scale-105"> <source media="" data-srcset="https://a.storyblok.com/f/136567/1540x880/4aebe97d18/digital-solutions.jpg/m/700x350" srcset="" width="700" height="350"> <img data-src="https://a.storyblok.com/f/136567/1540x880/4aebe97d18/digital-solutions.jpg/m/700x350/filters:format(webp)" width="700" height="350" class="lazyload transition-transform duration-500 group-hover::scale-105 " alt="Bild zeigt digitale Lösungen von ENGEL" title="Digitale Lösungen | ENGEL" > </picture> </div> </div> <div class="tw-paragraph text-sm text-gray-600 mt-2"> <p>Die sich selbst optimierende Spritzgießmaschine ist ein wesentlicher Treiber von Circular Economy. Es geht darum, Ausschuss zu vermeiden und Energieeffizienz zu steigern. Unsere digitalen Lösungen aus dem <a href="/de/at/digitale-loesungen">inject 4.0 Programm </a>helfen dabei, Einflüsse auf den Prozess automatisch zu reduzieren. Rezyklate werden somit für ein breiteres Spektrum an Anwendungen einsetzbar als bisher.</p> </div> </div> </div> </div> </div> </div> </div> </div> <modal :showing="showModal" @close="closeModal" v-cloak> <video-playback v-if="videoUrl" :url="videoUrl" :cookies-accepted="false"></video-playback> </modal> </div> </section>  <section class="relative space-y-8 container my-14 lg:my-16"> <div class="grid grid-cols-1 gap-5 lg:grid-cols-12 md:max-w-3xl md:mx-auto lg:max-w-none image-text"> <div class="lg:col-span-7 w-full lg:col-start-6"> <div class="overflow-hidden max-h-72 md:max-h-full md:overflow-visible w-full"> <div class="w-full h-fit m-0 overflow-hidden" data-vue="Image"> <a href="#" @click.prevent="openModal"> <picture class="block transition-transform duration-500 hover:scale-105 flex h-full"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1460x820/d03a5774af/nachhaltigkeit-circular-economy-portfolio-de.jpg/m/1280x0/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1460x820/d03a5774af/nachhaltigkeit-circular-economy-portfolio-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/1460x820/d03a5774af/nachhaltigkeit-circular-economy-portfolio-de.jpg/m/1536x0/filters:format(webp)" type="image/webp"><source media="(min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/1460x820/d03a5774af/nachhaltigkeit-circular-economy-portfolio-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/1460x820/d03a5774af/nachhaltigkeit-circular-economy-portfolio-de.jpg/m/2048x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1024px)" data-srcset="https://a.storyblok.com/f/136567/1460x820/d03a5774af/nachhaltigkeit-circular-economy-portfolio-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/1460x820/d03a5774af/nachhaltigkeit-circular-economy-portfolio-de.jpg/m/2560x0/filters:format(webp)" type="image/webp"><source media="(min-width: 1280px)" data-srcset="https://a.storyblok.com/f/136567/1460x820/d03a5774af/nachhaltigkeit-circular-economy-portfolio-de.jpg/m/1280x0/filters:format(webp)" type="image/webp"> <source media="" data-srcset="https://a.storyblok.com/f/136567/1460x820/d03a5774af/nachhaltigkeit-circular-economy-portfolio-de.jpg/m/768x0" srcset="" width="768" height="0"> <img data-src="https://a.storyblok.com/f/136567/1460x820/d03a5774af/nachhaltigkeit-circular-economy-portfolio-de.jpg/m/768x0/filters:format(webp)" width="768" height="0" class="lazyload object-cover transition-transform duration-500 " alt="Bild zeigt Circular Economy Portfolio von ENGEL" title="Circular Economy Portfolio | ENGEL" > </picture> </a> <modal :showing="showModal" @close="closeModal" v-cloak> <picture class="block flex h-full"> <source media="" data-srcset="https://a.storyblok.com/f/136567/1460x820/d03a5774af/nachhaltigkeit-circular-economy-portfolio-de.jpg/m/1152x0" srcset="" width="1152" height="0"> <img data-src="https://a.storyblok.com/f/136567/1460x820/d03a5774af/nachhaltigkeit-circular-economy-portfolio-de.jpg/m/1152x0/filters:format(webp)" width="1152" height="0" class="lazyload object-cover " alt="Bild zeigt Circular Economy Portfolio von ENGEL" title="Circular Economy Portfolio | ENGEL" > </picture> </modal> </div> </div> </div> <div class="lg:col-span-5 lg:pr-5 lg:col-start-1 lg:row-start-1"> <div class="tw-h1 ">Unsere Lösungen für die Verarbeitung von Rezyklaten</div> <div class="tw-paragraph font-medium text-gray-700 mt-4"> <p>Für mehr Erfolg Ihres zirkulären Business Models</p> </div> <div class="tw-paragraph text-gray-600 text-sm mt-4"> <p>Mit unserem breiten Portfolio schließen wir gemeinsam Materialkreisläufe: ENGEL unterstützt Sie mit Produktionszellen, um recycelte Materialien zu verarbeiten. Unser Angebot reicht von kostenlosen Materialanalysen, über digitale Produkte bis hin zu innovativen Kunststoff-Recycling-Verfahren. Mit dem Recycling-Paket oder dem Zwei-Stufen-Prozess kann Mahlgut einfacher, sicherer und konstanter verarbeitet werden. Unsere Verfahren unterstützen die geforderten Recycling-Quoten und das Design for Recycling.</p> </div> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32">   <div class="max-w-4xl mx-auto customer-quote" data-vue="CustomerQuote"> <div class="grid grid-cols-1 md:gap-8 md:grid-cols-12"> <div class="text-center md:col-start-4 md:col-span-9 tw-h2 md:text-left"></div> </div> <div class="relative"> <div ref="container" class="md:mt-0 mt-6 keen-slider">  <div class="flex flex-col md:grid md:gap-8 keen-slider__slide md:grid-cols-12"> <div class="flex justify-center md:col-span-3 md:items-center customer-quote__image"> <picture class="block "> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/3543x2644/90118767a7/unternehmen-gerhard-dimmler.jpg/m/240x240/filters:format(webp)" type="image/webp"><source media="(min-width: 768px)" data-srcset="https://a.storyblok.com/f/136567/3543x2644/90118767a7/unternehmen-gerhard-dimmler.jpg/m/120x120/filters:format(webp)" type="image/webp"> <source media="" data-srcset="https://a.storyblok.com/f/136567/3543x2644/90118767a7/unternehmen-gerhard-dimmler.jpg/m/120x120" srcset="" width="120" height="120"> <img data-src="https://a.storyblok.com/f/136567/3543x2644/90118767a7/unternehmen-gerhard-dimmler.jpg/m/120x120/filters:format(webp)" width="120" height="120" class="lazyload rounded-full" alt="Bild zeigt CTO bei ENGEL Austria" title="Gerhard Dimmler | ENGEL" > </picture> </div> <div class="flex flex-col justify-start mt-6 md:justify-center md:col-span-9"> <figure class="relative text-center md:text-left"> <span class="hidden text-gray-400 md:ml-px md:block" aria-hidden><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M2.835 28.194C9.475 24.93 13.58 18.86 13.58 12.246 13.58 7.353 10.872 4 6.94 4 3.62 4 1 6.537 1 9.89c0 2.537 1.573 4.621 3.931 5.255 2.709.635 2.796.725 2.796 2.175 0 3.171-2.271 6.071-6.64 8.699l1.748 2.175zm17.419 0C26.894 24.93 31 18.86 31 12.246 31 7.353 28.292 4 24.36 4c-3.32 0-5.94 2.537-5.94 5.89 0 2.537 1.572 4.621 3.93 5.255 2.71.635 2.797.725 2.797 2.175 0 3.171-2.272 6.071-6.64 8.699l1.747 2.175z"/></svg></span> <blockquote class="text-gray-700 md:mt-2 md:pr-8 md:text-lg md:text-left customer-quote__blockquote"> <p>Circular Economy basiert auf dem Wechselspiel aller Marktteilnehmer. Damit die Prozesskette lückenlos funktioniert, ist es wichtig, dass jeder einzelne Schritt innerhalb des Gesamtprozesses wirtschaftlich ist. An dieser Stelle schließt sich der Kreis zur Optimierung von Energieverbrauch, CO<sub>2</sub>-Bilanz und damit der Kostenstruktur. Die Kunststoffindustrie muss schnell handeln und die Chancen nutzen, die die innovativen Technologien eröffnen.</p> </blockquote> <figcaption class="mt-3"> <cite class="text-xs not-italic leading-normal text-gray-600">Gerhard Dimmler, CTO bei ENGEL Austria </cite> </figcaption> </figure> <div class="flex justify-center md:justify-start"> <a class="mt-6 tw-button tw-button-primary " href="#contact" target="_self" title="Link zum Kontakt" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Kontaktieren Sie uns</span> </a> </div> </div> </div> </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 ">Innovative Projekte im Bereich Circular Economy</div> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p>Direktverarbeitung von Mahlgut mittels Zwei-Stufen-Prozess, 100 % recycelbarer E-Bike Rahmen, Frisbees aus alten gesammelten Verschlusskappen und Transportkisten, die im Inneren zu über 50 % aus recyceltem Material bestehen: Wir entwickeln für und mit unseren Kunden gemeinsam Lösungen im Bereich Circular Economy, die sich auch in der Praxis bewähren.</p> </div> </div>  <div class="video-explorer explorer" data-vue="Explorer" data-props='{ "totalSlides": 5 }'> <div class="lg:grid lg:grid-cols-12 lg:gap-5" @mouseover="pauseAutoSliding = true" @mouseout="pauseAutoSliding = false"> <div class="hidden lg:block lg:col-span-7"> <ul class="relative">  <li class="cursor-pointer explorer-item keen-slider__slide appear-triggered appear-fade absolute inset-0" data-slide-index="0" :class="{ 'inview': current === 0 }" > <button @click="openModal('https://www.youtube.com/watch?v=t4OfaMSwf7g', '2d1481a6-4360-41f9-a90a-044c9b3d6079')" class="relative block w-full group " id="2d1481a6-4360-41f9-a90a-044c9b3d6079"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1275/661"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1275x661/9d8985aa95/nachhaltigkeit-circular-economy-dolly-palette.JPG/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1275x661/9d8985aa95/nachhaltigkeit-circular-economy-dolly-palette.JPG/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1275x661/9d8985aa95/nachhaltigkeit-circular-economy-dolly-palette.JPG/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Video zeigt zweistufigen Kunststoff-Recycling-Prozess von ENGEL" title="Geschlossener Recyclingkreislauf beim Spritzgießen" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> </li>  <li class="cursor-pointer explorer-item keen-slider__slide appear-triggered appear-fade absolute inset-0" data-slide-index="1" :class="{ 'inview': current === 1 }" > <button @click="openModal('https://www.youtube.com/watch?v=DIs6ZOkysSQ', '3c6728bb-14ac-47a9-9fe4-d4cb7407c575')" class="relative block w-full group " id="3c6728bb-14ac-47a9-9fe4-d4cb7407c575"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1275/658"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1275x658/293653e3f4/produkte-spritzgegossener-fahrradrahmen.JPG/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1275x658/293653e3f4/produkte-spritzgegossener-fahrradrahmen.JPG/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1275x658/293653e3f4/produkte-spritzgegossener-fahrradrahmen.JPG/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Video zeigt 100% recycelbaren e-Bike Rahmen" title="100 % recycelbarer e-Bike Rahmen" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> </li>  <li class="cursor-pointer explorer-item keen-slider__slide appear-triggered appear-fade absolute inset-0" data-slide-index="2" :class="{ 'inview': current === 2 }" > <button @click="openModal('https://www.youtube.com/watch?v=iK-yMxyP3HQ', '8fd8436e-40a5-4126-8463-440d2e125bdb')" class="relative block w-full group " id="8fd8436e-40a5-4126-8463-440d2e125bdb"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1274/664"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1274x664/9410e3a755/produkte-technischer-spritzguss-anwendung.JPG/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1274x664/9410e3a755/produkte-technischer-spritzguss-anwendung.JPG/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1274x664/9410e3a755/produkte-technischer-spritzguss-anwendung.JPG/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Video zeigt Transportboxen mit recyceltem Kernmaterial" title="Transportboxen mit recyceltem Kernmaterial" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> </li>  <li class="cursor-pointer explorer-item keen-slider__slide appear-triggered appear-fade absolute inset-0" data-slide-index="3" :class="{ 'inview': current === 3 }" > <button @click="openModal('https://www.youtube.com/watch?v=bXl0dAD6jUo', '881a5ebc-c95e-4f83-9e21-169edccd90bc')" class="relative block w-full group " id="881a5ebc-c95e-4f83-9e21-169edccd90bc"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1227/658"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1227x658/12288bea76/nachhaltigkeit-frisbees-rezyklat.JPG/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1227x658/12288bea76/nachhaltigkeit-frisbees-rezyklat.JPG/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1227x658/12288bea76/nachhaltigkeit-frisbees-rezyklat.JPG/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Video zeigt Frisbees aus recycelten Verschlusskappen" title="Frisbees aus recycelten Verschlusskappen" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> </li> <li class="cursor-pointer explorer-item keen-slider__slide appear-triggered appear-fade absolute inset-0" data-slide-index="4" :class="{ 'inview': current === 4 }" > <button @click="openModal('https://www.youtube.com/watch?v=yqx7iU0POtY', '41a16e4e-0ce9-46cb-957c-fcd79681c966')" class="relative block w-full group " id="41a16e4e-0ce9-46cb-957c-fcd79681c966"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1273/637"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1273x637/a19b8faf0a/produkte-maschine-duo-500-fakuma-2023.png/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1273x637/a19b8faf0a/produkte-maschine-duo-500-fakuma-2023.png/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1273x637/a19b8faf0a/produkte-maschine-duo-500-fakuma-2023.png/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Video zeigt Produktion von Automotive Interieur Abdeckungen" title="Automotive Abdeckungen mit 30 % PCR-Anteil" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> </li> </ul> </div> <div class="relative lg:col-span-5"> <div class="flex flex-col overflow-hidden lg:h-picture-md explorer-remove-scroll-shadow-mobile"> <div class="z-10 hidden rotate-180 translate-y-0 lg:block explorer-scroll-gradient appear-triggered appear-fade" :class="{ 'inview': showTopGradient }"></div> <ul ref="container" class="relative h-full keen-slider scrollbar-hidden lg:overflow-hidden" :class="{ 'explorer-video-list': totalSlides > 1 }">  <li class="cursor-pointer explorer-item keen-slider__slide lg:pr-5 explorer-item--full" data-slide-index="0" :class="{ 'inview': current === 0 }" @click="moveToSlideUponClick(0)" > <button @click="openModal('https://www.youtube.com/watch?v=t4OfaMSwf7g', '2d1481a6-4360-41f9-a90a-044c9b3d6079')" class="relative block w-full group lg:hidden" id="2d1481a6-4360-41f9-a90a-044c9b3d6079"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1275/661"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1275x661/9d8985aa95/nachhaltigkeit-circular-economy-dolly-palette.JPG/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1275x661/9d8985aa95/nachhaltigkeit-circular-economy-dolly-palette.JPG/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1275x661/9d8985aa95/nachhaltigkeit-circular-economy-dolly-palette.JPG/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Video zeigt zweistufigen Kunststoff-Recycling-Prozess von ENGEL" title="Geschlossener Recyclingkreislauf beim Spritzgießen" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> <ul class="mt-4 -mb-2 lg:mt-0"> <li class="inline-block mb-2 mr-1.5"> <div class="tag-industry"> <span>Technischer Spritzguss</span> </div> </li> </ul> <div class="tw-h2 text-gray-700 mt-2">Geschlossener Recyclingkreislauf beim Spritzgießen</div> <div class="transition-opacity explorer-item__text"> <div class="tw-paragraph text-gray-600 text-sm mt-2"> <p>Im 2-stufigen Kunststoff-Recycling-Prozess werden Dolly-Paletten aus recycelten Kunststoff-Flakes hergestellt. Kunststoffabfälle werden direkt nach der Vermahlung als Flakes verarbeitet.</p> </div> </div> </li>  <li class="cursor-pointer explorer-item keen-slider__slide lg:pr-5 explorer-item--full" data-slide-index="1" :class="{ 'inview': current === 1 }" @click="moveToSlideUponClick(1)" > <button @click="openModal('https://www.youtube.com/watch?v=DIs6ZOkysSQ', '3c6728bb-14ac-47a9-9fe4-d4cb7407c575')" class="relative block w-full group lg:hidden" id="3c6728bb-14ac-47a9-9fe4-d4cb7407c575"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1275/658"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1275x658/293653e3f4/produkte-spritzgegossener-fahrradrahmen.JPG/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1275x658/293653e3f4/produkte-spritzgegossener-fahrradrahmen.JPG/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1275x658/293653e3f4/produkte-spritzgegossener-fahrradrahmen.JPG/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Video zeigt 100% recycelbaren e-Bike Rahmen" title="100 % recycelbarer e-Bike Rahmen" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> <ul class="mt-4 -mb-2 lg:mt-0"> <li class="inline-block mb-2 mr-1.5"> <div class="tag-industry"> <span>Technischer Spritzguss</span> </div> </li> </ul> <div class="tw-h2 text-gray-700 mt-2">100 % recycelbarer e-Bike Rahmen</div> <div class="transition-opacity explorer-item__text"> <div class="tw-paragraph text-gray-600 text-sm mt-2"> <p>Der erste rein spritzgegossene Fahrradrahmen mit fortschrittlichen thermoplastischen Verbundwerkstoffen ist zu 100 % recycelbar.</p> </div> </div> </li>  <li class="cursor-pointer explorer-item keen-slider__slide lg:pr-5 explorer-item--full" data-slide-index="2" :class="{ 'inview': current === 2 }" @click="moveToSlideUponClick(2)" > <button @click="openModal('https://www.youtube.com/watch?v=iK-yMxyP3HQ', '8fd8436e-40a5-4126-8463-440d2e125bdb')" class="relative block w-full group lg:hidden" id="8fd8436e-40a5-4126-8463-440d2e125bdb"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1274/664"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1274x664/9410e3a755/produkte-technischer-spritzguss-anwendung.JPG/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1274x664/9410e3a755/produkte-technischer-spritzguss-anwendung.JPG/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1274x664/9410e3a755/produkte-technischer-spritzguss-anwendung.JPG/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Video zeigt Transportboxen mit recyceltem Kernmaterial" title="Transportboxen mit recyceltem Kernmaterial" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> <ul class="mt-4 -mb-2 lg:mt-0"> <li class="inline-block mb-2 mr-1.5"> <div class="tag-industry"> <span>Technischer Spritzguss</span> </div> </li> </ul> <div class="tw-h2 text-gray-700 mt-2">Transportboxen mit recyceltem Kernmaterial</div> <div class="transition-opacity explorer-item__text"> <div class="tw-paragraph text-gray-600 text-sm mt-2"> <p>Mit Hilfe der ENGEL skinmelt Technologie kann bis zu 50 % recyceltes Material im Inneren der Transportbox verwendet werden.</p> </div> </div> </li>  <li class="cursor-pointer explorer-item keen-slider__slide lg:pr-5 explorer-item--full" data-slide-index="3" :class="{ 'inview': current === 3 }" @click="moveToSlideUponClick(3)" > <button @click="openModal('https://www.youtube.com/watch?v=bXl0dAD6jUo', '881a5ebc-c95e-4f83-9e21-169edccd90bc')" class="relative block w-full group lg:hidden" id="881a5ebc-c95e-4f83-9e21-169edccd90bc"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1227/658"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1227x658/12288bea76/nachhaltigkeit-frisbees-rezyklat.JPG/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1227x658/12288bea76/nachhaltigkeit-frisbees-rezyklat.JPG/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1227x658/12288bea76/nachhaltigkeit-frisbees-rezyklat.JPG/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Video zeigt Frisbees aus recycelten Verschlusskappen" title="Frisbees aus recycelten Verschlusskappen" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> <ul class="mt-4 -mb-2 lg:mt-0"> <li class="inline-block mb-2 mr-1.5"> <div class="tag-industry"> <span>Technischer Spritzguss</span> </div> </li> </ul> <div class="tw-h2 text-gray-700 mt-2">Frisbees aus recycelten Verschlusskappen</div> <div class="transition-opacity explorer-item__text"> <div class="tw-paragraph text-gray-600 text-sm mt-2"> <p>Die am Campus der JKU Linz gesammelten Getränkestöpsel wurden recycelt und zu Frisbees weiterverarbeitet, um so Kreislaufwirtschaft mit einem einfachen Beispiel zu demonstrieren.</p> </div> </div> </li> <li class="cursor-pointer explorer-item keen-slider__slide lg:pr-5 explorer-item--full" data-slide-index="4" :class="{ 'inview': current === 4 }" @click="moveToSlideUponClick(4)" > <button @click="openModal('https://www.youtube.com/watch?v=yqx7iU0POtY', '41a16e4e-0ce9-46cb-957c-fcd79681c966')" class="relative block w-full group lg:hidden" id="41a16e4e-0ce9-46cb-957c-fcd79681c966"> <picture class="block w-full overflow-hidden h-picture-sm md:h-picture-md" style="aspect-ratio:1273/637"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1273x637/a19b8faf0a/produkte-maschine-duo-500-fakuma-2023.png/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1273x637/a19b8faf0a/produkte-maschine-duo-500-fakuma-2023.png/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1273x637/a19b8faf0a/produkte-maschine-duo-500-fakuma-2023.png/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Video zeigt Produktion von Automotive Interieur Abdeckungen" title="Automotive Abdeckungen mit 30 % PCR-Anteil" width="1920" height="1080" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> <div class="tw-h2 text-gray-700 mt-2">Automotive Abdeckungen mit 30 % PCR-Anteil</div> <div class="transition-opacity explorer-item__text"> <div class="tw-paragraph text-gray-600 text-sm mt-2"> <p>Ausgestattet mit einem bedarfsgerechten Funktionsumfang wird mit Standard-Komponenten ein PP Compound mit 30 % Post-Consumer-Rezyklat verarbeitet.</p> </div> </div> </li> <div v-if="slider && slider.slides.length > 1" class="z-10 hidden explorer-scroll-indicator lg:block" :style=" {transform: `translateY(${slideIndicatorTop}px) scale3d(1, ${slideIndicatorHeight}, 1)`}"></div> </ul> <div class="hidden translate-y-0 lg:block explorer-scroll-gradient appear-triggered appear-fade" :class="{ 'inview': displayDownArrow }"></div> <div class="mt-auto"> <button @click="slider.prev()" class="ml-2.5 lg:ml-0 slider__arrow slider__arrow-prev lg:hidden md:top-56" aria-label="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.5 lg:mr-0 slider__arrow slider__arrow-next lg:hidden md:top-56" 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> <button @click.prevent="scrollUp" v-if="slider && slider.slides.length > 1" :class="{ 'opacity-60': !displayUpArrow, 'hover:text-black': displayUpArrow }" class="items-center justify-center hidden text-gray-700 transition-opacity fill-current lg:flex"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 15.247l-1.331-1.331a.35.35 0 010-.495l5.668-5.668a.35.35 0 01.495 0l5.668 5.668a.35.35 0 010 .495l-1.332 1.331-.064.05a.35.35 0 01-.431-.05l-4.089-4.078-4.089 4.079a.35.35 0 01-.495 0z"/></svg> </button> <button @click.prevent="scrollDown" v-if="slider && slider.slides.length > 1" :class="{ 'opacity-60': !displayDownArrow, 'hover:text-black': displayDownArrow }" class="items-center justify-center hidden text-gray-700 transition-opacity fill-current lg:flex"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg> </button> </div> <div v-if="slider" class="flex justify-center mt-8 lg:hidden"> <button v-for="(_slide, idx) in dotHelper" @click="slider.moveToIdx(idx)" :class="{ 'slider__dot': true, 'slider__dot--active': current === idx }" :key="idx" aria-hidden></button> </div> <modal :showing="showModal" @close="closeModal" v-cloak> <video-playback v-if="videoUrl" :url="videoUrl" :cookies-accepted="false"></video-playback> </modal> </div> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32">  <div class="max-w-4xl px-4 mx-auto cta-box"> <div class="flex justify-center"> <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/2664x2240/e83abab087/nachhaltigkeit-klaus-fellner.jpg/m/240x240/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/2664x2240/e83abab087/nachhaltigkeit-klaus-fellner.jpg/m/120x120/filters:format(webp)" type="image/webp"> <source media="" data-srcset="https://a.storyblok.com/f/136567/2664x2240/e83abab087/nachhaltigkeit-klaus-fellner.jpg/m/120x120" srcset="" width="120" height="120"> <img data-src="https://a.storyblok.com/f/136567/2664x2240/e83abab087/nachhaltigkeit-klaus-fellner.jpg/m/120x120/filters:format(webp)" width="120" height="120" class="lazyload rounded-full" alt="Bild zeigt Leiter Application Technologies bei ENGEL Austria " title="Klaus Fellner | ENGEL" > </picture> </div> <div class="tw-h2 text-center mt-4">Wie können wir Ihnen weiterhelfen?</div> <div class="tw-paragraph text-gray-600 text-center mt-2"> <p>Unsere Experten stehen Ihnen mit umfassendem Know-how rund um das Thema Circular Economy und Kunststoffrecycling gerne zur Verfügung.</p> </div> <div class="flex justify-center"> <a class="mt-6 tw-button tw-button-primary " href="#contact" target="_self" title="Link zum Kontakt" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Kontaktieren Sie mich</span> </a> </div> </div> </section>  <section class="relative space-y-8 my-24 lg:my-32">  <div class="bg-gray-50 py-14" data-vue="TeaserXL"> <div class="container"> <div class="tw-h2 text-gray-700 "></div> <div class="relative"> <div ref="container" class="mt-6 keen-slider">  <div class="keen-slider__slide"> <div class="grid grid-cols-1 gap-5 lg:grid-cols-12 md:max-w-3xl md:mx-auto lg:max-w-none"> <div class="lg:col-span-7"> <div class="block relative group"> <div class="overflow-hidden h-64 sm:h-auto sm:max-h-72 md:max-h-full md:overflow-visible"> <picture class="block flex h-full"> <source media="" data-srcset="https://a.storyblok.com/f/136567/6016x4016/ddb7ad0863/nachhaltigkeit-2-stufen-prozess-story-avk.jpg/m/768x440" srcset="" width="768" height="440"> <img data-src="https://a.storyblok.com/f/136567/6016x4016/ddb7ad0863/nachhaltigkeit-2-stufen-prozess-story-avk.jpg/m/768x440/filters:format(webp)" width="768" height="440" class="lazyload object-cover " alt="Bild zeigt Spritzgießanlage für Zwei-Stufen-Prozess" title="Spritzgießanlage für Zwei-Stufen-Prozess und Rezyklatverarbeitung | ENGEL" > </picture> </div> </div> </div> <div class="lg:col-span-5 lg:pl-7 lg:pr-9"> <div class="tw-h1 text-gray-700 ">Kunde AVK nutzt Zwei-Stufen-Prozess von ENGEL zur Effizienzsteigerung</div> <div class="tw-paragraph text-sm text-gray-600 mt-3"> <p>Durch den Zwei-Stufen-Prozess von ENGEL kann bei der Verarbeitung von Kunststoff-Flakes gleich ein kompletter Prozessschritt eingespart werden, denn das Rezyklat wird ohne Granulierung im Spritzgießprozess verarbeitet. Die Firma AVK Plastics BV nutzt diese Technologie, um aus recyceltem Material neue Paletten zu fertigen. Diese technische Innovation steigert die Effizienz in der Herstellung und spart wertvolle Energie ein.</p> </div> <div class="text-center lg:text-left"> <a class="mt-6 tw-button tw-button-secondary-outline " href="https://a.storyblok.com/f/136567/x/7ab90af55c/2022-09-palettenweise-verarbeitung-von-pcr-kunststoff-flakes-de.pdf" target="_self" title="Externer Link" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Mehr erfahren</span> </a> </div> </div> </div> </div> </div> </div> </div> <modal :showing="showModal" @close="closeModal" v-cloak> <video-playback v-if="videoUrl" :url="videoUrl" :cookies-accepted="false"></video-playback> </modal> </div> </section>  <section class="relative space-y-8 my-24 lg:my-32">  <div> <div class="container"> <div class="max-w-3xl mb-12 lg:mb-8"> <div class="tw-h2 ">Mehr zu Circular Economy bei ENGEL</div> </div> </div> <div class="opacity-0 absolute top-0 h-24 lg:h-0" data-id="48a3d5e7-b2ce-4ce9-8119-bfab926a5c04-1"></div> <div data-vue="ArticleExplorer" class="relative bg-gray-50 explorer lg:bg-transparent" data-props='{"categories":{"news-press":"News","injection-magazine":"Injection Kundenmagazin","videos":"Videos","offers":"Angebote","trainings":"Trainings","podcasts":"Podcasts","events":"Events","papers":"Fachartikel","blog":"Blog"},"items":[{"_uid":"88121570-1750-4e1d-a0c8-cc91b783c409","date":"","link":{"id":"","url":"https:\/\/open.spotify.com\/episode\/4GAnIpQm7qfYXQzOLZ8j7s?go=1&sp_cid=85262340aab061cec8ceb4688bd9b4a6&utm_source=embed_player_p&utm_medium=desktop","linktype":"url","fieldtype":"multilink","cached_url":"https:\/\/open.spotify.com\/episode\/4GAnIpQm7qfYXQzOLZ8j7s?go=1&sp_cid=85262340aab061cec8ceb4688bd9b4a6&utm_source=embed_player_p&utm_medium=desktop"},"tags":[],"text":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Bianca Gubi und G\u00fcnther Klammer, unsere Experten f\u00fcr Kunststoffrecycling und Plastifizierung, im Podcast Interview der SKZ zum Thema Nachhaltigkeit und innovativer Konzepte f\u00fcr Circular Economy im Spritzguss.","type":"text"}]}]},"type":"podcasts","place":"","title":"Innovative Konzepte f\u00fcr Recycling im Spritzguss","date_end":"","_editable":"","component":"article-explorer-item","image_alt":"Bild zeigt Podcast Teilnehmer","image_src":{"id":5764158,"alt":null,"name":"","focus":null,"title":null,"filename":"https:\/\/a.storyblok.com\/f\/136567\/1297x505\/52b790b0b8\/nachhaltigkeit-podcast-circular-economy.png","copyright":null,"fieldtype":"asset"},"video_url":"","vimeo_url":"","youku_url":"","link_title":"Podcast anh\u00f6ren","author_name":"","image_title":"Podcast Circular Economy | ENGEL","link_target":"_blank","youtube_url":"","author_image":{"id":null,"alt":null,"name":"","focus":null,"title":null,"filename":"","copyright":null,"fieldtype":"asset"},"reading_time":""},{"_uid":"3b402ad6-b08b-451a-bd06-5ebb6807cd44","date":"","link":{"id":"","url":"https:\/\/www.youtube.com\/watch?v=qhLLSnLpFCs","linktype":"url","fieldtype":"multilink","cached_url":"https:\/\/www.youtube.com\/watch?v=qhLLSnLpFCs"},"tags":[],"text":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Welche Themen k\u00f6nnen wir als Spritzgie\u00dfer im Bereich Circular Economy beeinflussen und welche technischen L\u00f6sungen bieten wir an? Antworten dazu erhalten Sie in diesem Video.","type":"text"}]}]},"type":"videos","place":"","title":"Kunststoffrecycling - Farbe bekennen und Stoffkreisl\u00e4ufe schlie\u00dfen","date_end":"","_editable":"","component":"article-explorer-item","image_alt":"Bild zeigt Sequenz aus dem Circular Economy Video von ENGEL","image_src":{"id":5764143,"alt":"","name":"","focus":"","title":"","filename":"https:\/\/a.storyblok.com\/f\/136567\/404x278\/b95dc48b37\/nachhaltigkeit-circular-economy-no-planet-b.jpg","copyright":"","fieldtype":"asset","is_external_url":false},"video_url":"","vimeo_url":"","youku_url":"","link_title":"Video ansehen","author_name":"","image_title":"Circular Economy Video | ENGEL","link_target":"_blank","youtube_url":"https:\/\/www.youtube.com\/watch?v=qhLLSnLpFCs","author_image":{"id":null,"alt":null,"name":"","focus":null,"title":null,"filename":"","copyright":null,"fieldtype":"asset"},"reading_time":""},{"_uid":"c89429b6-f4f1-4097-9552-276264024923","date":"","link":{"id":"","url":"https:\/\/www.youtube.com\/watch?v=1RktEfsgc10","linktype":"url","fieldtype":"multilink","cached_url":"https:\/\/www.youtube.com\/watch?v=1RktEfsgc10"},"tags":[],"text":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Wir konnten den Materialkreislauf f\u00fcr hochwertige Sichtteile aus rABS schlie\u00dfen. Aus dem Post-Consumer-Rezyklat entsteht ein Geh\u00e4useteil mit einer modernen Hochglanzoberfl\u00e4che. Die Muster im Bauteil gelingen mit einer lasergravierten Kavit\u00e4t.","type":"text"}]}]},"type":"videos","place":"","title":"Produktion von Sicht-Komponenten aus 100 % Rezyklat","date_end":"","_editable":"","component":"article-explorer-item","image_alt":"Bild zeigt hochwertiges Geh\u00e4useteil mit einer hochmodernen Hochglanzoberfl\u00e4che","image_src":{"id":7495254,"alt":"","name":"","focus":"","title":"","filename":"https:\/\/a.storyblok.com\/f\/136567\/1400x640\/4e419c15fb\/nachhaltigkeit-circular-economy-sichtkomponente-gehaeuseteil.JPG","copyright":"","fieldtype":"asset","is_external_url":false},"video_url":"","vimeo_url":"","youku_url":"","link_title":"Video ansehen","author_name":"","image_title":"Produktion von Sicht-Komponenten aus 100 % rezyklierten Material | ENGEL","link_target":"_blank","youtube_url":"https:\/\/www.youtube.com\/watch?v=1RktEfsgc10","author_image":{"id":null,"alt":null,"name":"","focus":null,"title":null,"filename":"","copyright":null,"fieldtype":"asset"},"reading_time":""},{"_uid":"afe01bc9-4574-4c2e-940a-43ee92420797","date":"2022-06-22 00:00","link":{"id":"66f3ee7a-1b37-4aad-8ce6-d0b808095a15","url":"","linktype":"story","fieldtype":"multilink","cached_url":"de\/unternehmen\/media-center\/news-presse\/hohe-recyclingqualitaet-direkt-aus-kunststoff-flakes"},"tags":[],"text":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Mit einem neuen Verfahren macht es ENGEL m\u00f6glich, Kunststoffabf\u00e4lle direkt nach dem Vermahlen als Flakes im Spritzguss zu verarbeiten.","type":"text"}]}]},"type":"news-press","place":"","title":"Hohe Recyclingqualit\u00e4t direkt aus Kunststoff-Flakes","date_end":"","_editable":"","component":"article-explorer-item","image_alt":"Bild zeigt Spritzgie\u00dfmaschine f\u00fcr Rezyklatverarbeitung","image_src":{"id":5510056,"alt":"","name":"","focus":null,"title":"","filename":"https:\/\/a.storyblok.com\/f\/136567\/5082x3388\/86074bebbc\/2022-06-hohe-recyclingqualitaet-direkt-aus-kunststoff-flakes-2.JPG","copyright":"","fieldtype":"asset"},"video_url":"","vimeo_url":"","youku_url":"","link_title":"Mehr lesen","author_name":"","image_title":"Spritzgie\u00dfmaschine f\u00fcr Rezyklatverarbeitung | ENGEL","link_target":"_self","youtube_url":"","author_image":{"id":null,"alt":null,"name":"","focus":null,"title":null,"filename":"","copyright":null,"fieldtype":"asset"},"reading_time":""},{"_uid":"67b55452-8f68-4b93-a4e3-ff1cfb0c8e06","date":"2022-06-17 00:00","link":{"id":"e5c39e4f-4800-4cb7-90ee-88660732d77b","url":"","linktype":"story","fieldtype":"multilink","cached_url":"de\/unternehmen\/media-center\/news-presse\/rpet-im-duennwandspritzguss-verarbeiten"},"tags":[],"text":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Zur K 2022 pr\u00e4sentiert ENGEL mit seinen Partnern ALPLA Group, Brink und IPB Printing einen Quantensprung f\u00fcr die Verpackungsindustrie.","type":"text"}]}]},"type":"news-press","place":"","title":"rPET im D\u00fcnnwandspritzguss verarbeiten","date_end":"","_editable":"","component":"article-explorer-item","image_alt":"Bild zeigt Bauteil aus Rezyklat","image_src":{"id":5479867,"alt":null,"name":"","focus":null,"title":null,"filename":"https:\/\/a.storyblok.com\/f\/136567\/6299x3543\/f1ddaa8a2b\/2022-06-rpet-im-duennwandspritzguss-verarbeiten-1.jpg","copyright":null,"fieldtype":"asset"},"video_url":"","vimeo_url":"","youku_url":"","link_title":"Mehr lesen","author_name":"","image_title":"Bauteil aus Rezyklat | ENGEL","link_target":"_self","youtube_url":"","author_image":{"id":null,"alt":null,"name":"","focus":null,"title":null,"filename":"","copyright":null,"fieldtype":"asset"},"reading_time":""},{"_uid":"4fd86c6f-2882-4a95-865b-ef18a2400ce8","date":"2022-06-15 00:00","link":{"id":"a17f511c-ef23-415e-816e-4b1cb97f03fc","url":"","linktype":"story","fieldtype":"multilink","cached_url":"de\/unternehmen\/media-center\/news-presse\/co2-footprint-eine-chance-fuer-die-kunststoffindustrie"},"tags":[],"text":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Die steigenden Energie- und Rohmaterialpreise stellen die Kunststoffverarbeiter vor neue Herausforderungen.","type":"text"}]}]},"type":"news-press","place":"","title":"CO2-Footprint: eine Chance f\u00fcr die Kunststoffindustrie","date_end":"","_editable":"","component":"article-explorer-item","image_alt":"Bild zeigt CTO von ENGEL","image_src":{"id":5479803,"alt":null,"name":"","focus":null,"title":null,"filename":"https:\/\/a.storyblok.com\/f\/136567\/2362x3149\/d5cde34868\/2022-06-co2-footprint-eine-chance-fuer-die-kunststoffindustrie.jpg","copyright":null,"fieldtype":"asset"},"video_url":"","vimeo_url":"","youku_url":"","link_title":"Mehr lesen","author_name":"","image_title":"CTO Gerhard Dimmler | ENGEL","link_target":"_self","youtube_url":"","author_image":{"id":null,"alt":null,"name":"","focus":null,"title":null,"filename":"","copyright":null,"fieldtype":"asset"},"reading_time":""},{"_uid":"9b2ca88c-d0b2-43f8-ba85-4780b8032ac0","date":"2022-05-10 00:00","link":{"id":"","url":"https:\/\/blog.engelglobal.com\/de\/at\/blog\/neuer-kunststoff-recycling-prozess-von-engel.html","linktype":"url","fieldtype":"multilink","cached_url":"https:\/\/blog.engelglobal.com\/de\/at\/blog\/neuer-kunststoff-recycling-prozess-von-engel.html"},"tags":[],"text":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Neuer Kunststoff-Recycling-Prozess in zwei Stufen reduziert den CO","type":"text"},{"text":"2","type":"text","marks":[{"type":"subscript"}]},{"text":"-Footprint durch die Einsparung des Arbeitsschrittes des Regranulierens.","type":"text"}]}]},"type":"blog","place":"","title":"CO2-Einsparung durch Kunststoff-Recycling-Prozess","date_end":"","_editable":"","component":"article-explorer-item","image_alt":"Bild zeigt Mahlgut des Zwei-Stufen-Prozess von ENGEL","image_src":{"id":5705634,"alt":"","name":"","focus":"","title":"","filename":"https:\/\/a.storyblok.com\/f\/136567\/1400x640\/4d685af629\/nachhaltigkeit-2-stufen-prozess-rezyklatverarbeitung.jpg","copyright":"","fieldtype":"asset","is_external_url":false},"video_url":"","vimeo_url":"","youku_url":"","link_title":"Mehr lesen","author_name":"","image_title":"Kunststoff-Recycling-Prozess in zwei Stufen | ENGEL","link_target":"_blank","youtube_url":"","author_image":{"id":null,"alt":null,"name":"","focus":null,"title":null,"filename":"","copyright":null,"fieldtype":"asset"},"reading_time":""},{"_uid":"1b0da779-e561-4a53-9b8f-93b60746dd9c","date":"2021-04-07 00:00","link":{"id":"","url":"https:\/\/blog.engelglobal.com\/de\/at\/blog\/verarbeitung-von-kunststoffrezyklaten-im-dosier-verfahren.html","linktype":"url","fieldtype":"multilink","cached_url":"https:\/\/blog.engelglobal.com\/de\/at\/blog\/verarbeitung-von-kunststoffrezyklaten-im-dosier-verfahren.html"},"tags":[],"text":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Mit skinmelt ist die Herstellung eines Bauteils mit bis zu 50 % rezykliertem Kern und sehr guter Oberfl\u00e4chenqualit\u00e4t m\u00f6glich.","type":"text"}]}]},"type":"blog","place":"","title":"Verarbeitung von Rezyklat durch Sandwich-Spritzgie\u00dfverfahren","date_end":"","_editable":"","component":"article-explorer-item","image_alt":"Bild zeigt die Entnahme einer im skinmelt Verfahren spritzgegossenen Transportbox f\u00fcr die Logistikbranche, bestehend aus Rezyklat und NeuwareEL","image_src":{"id":5705592,"alt":"","name":"","focus":"","title":"","filename":"https:\/\/a.storyblok.com\/f\/136567\/1400x640\/1d8bc3f431\/produkte-kunststoffrecycling-dosierverfahren.jpg","copyright":"","fieldtype":"asset","is_external_url":false},"video_url":"","vimeo_url":"","youku_url":"","link_title":"Mehr lesen","author_name":"","image_title":"Verarbeitung von Kunststoffrezyklaten in der Logistikbranche | ENGEL","link_target":"_blank","youtube_url":"","author_image":{"id":null,"alt":null,"name":"","focus":null,"title":null,"filename":"","copyright":null,"fieldtype":"asset"},"reading_time":""},{"_uid":"358b3404-0bec-4d66-8b81-fbdd5ab95dd4","date":"2021-03-24 00:00","link":{"id":"","url":"https:\/\/blog.engelglobal.com\/de\/at\/blog\/arten-des-sandwich-spritzgiessens.html","linktype":"url","fieldtype":"multilink","cached_url":"https:\/\/blog.engelglobal.com\/de\/at\/blog\/arten-des-sandwich-spritzgiessens.html"},"tags":[],"text":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Welche Arten, Funktionsweisen sowie Anwendungen des Sandwich-Spritzgie\u00dfens gibt es? Antworten dazu erfahren Sie im Blogbeitrag.","type":"text"}]}]},"type":"blog","place":"","title":"Erh\u00f6hung des Rezyklatanteils im Bauteil durch Sandwich-Spritzgie\u00dfen","date_end":"","_editable":"","component":"article-explorer-item","image_alt":"Bild zeigt Transportbox mit einem Kern aus Rezyklat, gefertigt von ENGEL","image_src":{"id":5705598,"alt":"","name":"","focus":"","title":"","filename":"https:\/\/a.storyblok.com\/f\/136567\/1400x640\/b6a7fa8705\/produkte-sandwich-spritzgiessen-weisse-transportbox.jpg","copyright":"","fieldtype":"asset","is_external_url":false},"video_url":"","vimeo_url":"","youku_url":"","link_title":"Mehr lesen","author_name":"","image_title":"Mit Sandwich-Verfahren gefertigte Box | ENGEL","link_target":"_blank","youtube_url":"","author_image":{"id":null,"alt":null,"name":"","focus":null,"title":null,"filename":"","copyright":null,"fieldtype":"asset"},"reading_time":""}],"locale":"de","sliderUid":"48a3d5e7-b2ce-4ce9-8119-bfab926a5c04","country":"at","uid":"48a3d5e7-b2ce-4ce9-8119-bfab926a5c04"}' data-id="48a3d5e7-b2ce-4ce9-8119-bfab926a5c04" data-filter="true" > <div class="container pb-12"> <select v-model="selectedCategory" id="article-explorer__category" class="block -translate-y-6 form-input form-select-big md:mt-0 sm:mx-auto sm:max-w-md lg:hidden bounds-shadow-soft" @change="categoryChanged" > <option value="" default>Alle</option> <option v-for="cat in getArticleCategories" :value="cat" :key="cat">{{ mappedCategories.get(cat) }}</option> </select> <div class="items-center justify-center hidden mb-8 lg:flex"> <button @click="filterArticles('')" class="px-4 py-2 transition-colors border-b-4 border-gray-100 article-explorer__filter-item" :class="{ 'border-green-500': isSelectedCategory('') }" > <span :class="{ 'font-bold': isSelectedCategory('') }"> Alle </span> </button> <button v-for="cat in getArticleCategories" @click="filterArticles(cat)" class="px-4 py-2 transition-colors border-b-4 border-gray-100 article-explorer__filter-item" :class="{ 'border-green-500': isSelectedCategory(cat) }" :title="mappedCategories.get(cat)" > <span :class="{ 'font-bold': isSelectedCategory(cat) }"> {{ mappedCategories.get(cat) }} </span> </button> </div> <div class="relative"> <ul ref="container" id="48a3d5e7-b2ce-4ce9-8119-bfab926a5c04" class="relative article-explorer__items keen-slider">  <li class="keen-slider__slide keen-slider__slide--podcasts" id="podcasts" data-category="podcasts"> <a href="https://open.spotify.com/episode/4GAnIpQm7qfYXQzOLZ8j7s?go=1&sp_cid=85262340aab061cec8ceb4688bd9b4a6&utm_source=embed_player_p&utm_medium=desktop" target="_blank" class="group relative block w-full cursor-pointer"> <picture class="block w-full overflow-hidden h-picture-sm"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1297x505/52b790b0b8/nachhaltigkeit-podcast-circular-economy.png/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1297x505/52b790b0b8/nachhaltigkeit-podcast-circular-economy.png/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1297x505/52b790b0b8/nachhaltigkeit-podcast-circular-economy.png/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Bild zeigt Podcast Teilnehmer" title="Podcast Circular Economy | ENGEL" width="384" height="440" > </picture> <div class="absolute bottom-0 left-0 right-0 top-16 opacity-30 bg-gradient-to-b from-transparent to-black"></div> <div class="absolute flex items-center left-3 bottom-3"> <div class="flex items-center justify-center w-10 h-10 mr-3 text-black border-2 bg-white border-white rounded-full"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="currentColor"><path d="M28.713 28.403c-.34.558-1.07.736-1.629.393-4.46-2.725-10.077-3.342-16.69-1.831a1.185 1.185 0 01-.527-2.31c7.237-1.653 13.445-.941 18.454 2.12.558.342.735 1.07.392 1.628zm2.326-5.173a1.482 1.482 0 01-2.038.488c-5.107-3.139-12.892-4.048-18.933-2.214a1.483 1.483 0 01-1.848-.987 1.483 1.483 0 01.988-1.848c6.9-2.093 15.478-1.08 21.343 2.525a1.48 1.48 0 01.488 2.037zm.2-5.387c-6.124-3.637-16.227-3.972-22.074-2.197a1.777 1.777 0 11-1.031-3.401c6.711-2.037 17.868-1.644 24.918 2.542a1.775 1.775 0 01.622 2.435 1.775 1.775 0 01-2.435.621z"/></g></svg> </div> <div class="flex flex-col"> <div class="text-xs text-white"> Listen on spotify </div> </div> </div> </a> <span class="inline-block mt-5 text-xs font-bold uppercase text-gray-700 marked">Podcasts</span> <a href="https://open.spotify.com/episode/4GAnIpQm7qfYXQzOLZ8j7s?go=1&sp_cid=85262340aab061cec8ceb4688bd9b4a6&utm_source=embed_player_p&utm_medium=desktop" target="_blank"> <div class="tw-h2 mt-2">Innovative Konzepte für Recycling im Spritzguss</div> </a> <div class=""> </div> <div class="tw-paragraph text-gray-600 text-sm mt-4"> <p>Bianca Gubi und Günther Klammer, unsere Experten für Kunststoffrecycling und Plastifizierung, im Podcast Interview der SKZ zum Thema Nachhaltigkeit und innovativer Konzepte für Circular Economy im Spritzguss.</p> </div> </li>  <li class="keen-slider__slide keen-slider__slide--videos" id="videos" data-category="videos"> <button @click="openModal('https://www.youtube.com/watch?v=qhLLSnLpFCs')" class="relative block w-full cursor-pointer group"> <picture class="block w-full overflow-hidden h-picture-sm"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/404x278/b95dc48b37/nachhaltigkeit-circular-economy-no-planet-b.jpg/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/404x278/b95dc48b37/nachhaltigkeit-circular-economy-no-planet-b.jpg/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/404x278/b95dc48b37/nachhaltigkeit-circular-economy-no-planet-b.jpg/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Bild zeigt Sequenz aus dem Circular Economy Video von ENGEL" title="Circular Economy Video | ENGEL" width="384" height="440" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> <span class="inline-block mt-5 text-xs font-bold uppercase text-gray-700 marked">Videos</span> <a href="https://www.youtube.com/watch?v=qhLLSnLpFCs" target="_blank"> <div class="tw-h2 mt-2">Kunststoffrecycling - Farbe bekennen und Stoffkreisläufe schließen</div> </a> <div class=""> </div> <div class="tw-paragraph text-gray-600 text-sm mt-4"> <p>Welche Themen können wir als Spritzgießer im Bereich Circular Economy beeinflussen und welche technischen Lösungen bieten wir an? Antworten dazu erhalten Sie in diesem Video.</p> </div> </li>  <li class="keen-slider__slide keen-slider__slide--videos" id="videos" data-category="videos"> <button @click="openModal('https://www.youtube.com/watch?v=1RktEfsgc10')" class="relative block w-full cursor-pointer group"> <picture class="block w-full overflow-hidden h-picture-sm"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1400x640/4e419c15fb/nachhaltigkeit-circular-economy-sichtkomponente-gehaeuseteil.JPG/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1400x640/4e419c15fb/nachhaltigkeit-circular-economy-sichtkomponente-gehaeuseteil.JPG/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1400x640/4e419c15fb/nachhaltigkeit-circular-economy-sichtkomponente-gehaeuseteil.JPG/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Bild zeigt hochwertiges Gehäuseteil mit einer hochmodernen Hochglanzoberfläche" title="Produktion von Sicht-Komponenten aus 100 % rezyklierten Material | ENGEL" width="384" height="440" > </picture> <span class="absolute text-white -translate-x-1/2 -translate-y-1/2 fill-current top-1/2 left-1/2 drop-shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="currentColor" d="M24.028 41.993l17.986-12.028-17.986-11.958v23.986zM30 0c-4.122 0-8.01.785-11.663 2.356-3.653 1.571-6.838 3.717-9.555 6.436-2.716 2.72-4.86 5.897-6.428 9.532C.784 21.958 0 25.838 0 29.964c0 4.174.785 8.078 2.354 11.712 1.569 3.635 3.712 6.812 6.428 9.532 2.717 2.72 5.902 4.865 9.555 6.436C21.991 59.214 25.878 60 30 60s8.01-.785 11.663-2.356c3.653-1.571 6.838-3.717 9.555-6.436 2.716-2.72 4.86-5.897 6.428-9.532C59.216 38.042 60 34.138 60 29.965c0-4.127-.785-8.007-2.354-11.641-1.569-3.635-3.712-6.812-6.428-9.532-2.717-2.72-5.902-4.865-9.555-6.436C38.009.786 34.122 0 30 0zm0 54.021c-3.326 0-6.44-.633-9.344-1.9-2.904-1.265-5.445-2.989-7.623-5.17-2.178-2.18-3.888-4.724-5.129-7.631-1.241-2.907-1.862-6.026-1.862-9.355 0-3.283.62-6.39 1.862-9.32 1.241-2.931 2.95-5.475 5.129-7.632 2.178-2.157 4.719-3.869 7.623-5.135 2.904-1.266 6.018-1.9 9.344-1.9 3.326 0 6.44.634 9.344 1.9 2.904 1.266 5.445 2.978 7.623 5.135 2.178 2.157 3.888 4.7 5.129 7.632 1.241 2.93 1.862 6.037 1.862 9.32 0 3.33-.62 6.448-1.862 9.355-1.241 2.907-2.95 5.451-5.129 7.632-2.178 2.18-4.719 3.904-7.623 5.17s-6.018 1.9-9.344 1.9z"/></svg> </span> </button> <span class="inline-block mt-5 text-xs font-bold uppercase text-gray-700 marked">Videos</span> <a href="https://www.youtube.com/watch?v=1RktEfsgc10" target="_blank"> <div class="tw-h2 mt-2">Produktion von Sicht-Komponenten aus 100 % Rezyklat</div> </a> <div class=""> </div> <div class="tw-paragraph text-gray-600 text-sm mt-4"> <p>Wir konnten den Materialkreislauf für hochwertige Sichtteile aus rABS schließen. Aus dem Post-Consumer-Rezyklat entsteht ein Gehäuseteil mit einer modernen Hochglanzoberfläche. Die Muster im Bauteil gelingen mit einer lasergravierten Kavität.</p> </div> </li>  <li class="keen-slider__slide keen-slider__slide--news-press" id="news-press" data-category="news-press"> <a href="/de/at/unternehmen/media-center/news-presse/hohe-recyclingqualitaet-direkt-aus-kunststoff-flakes" target="_self" class="group relative block w-full cursor-pointer"> <picture class="block w-full overflow-hidden h-picture-sm"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/5082x3388/86074bebbc/2022-06-hohe-recyclingqualitaet-direkt-aus-kunststoff-flakes-2.JPG/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/5082x3388/86074bebbc/2022-06-hohe-recyclingqualitaet-direkt-aus-kunststoff-flakes-2.JPG/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/5082x3388/86074bebbc/2022-06-hohe-recyclingqualitaet-direkt-aus-kunststoff-flakes-2.JPG/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Bild zeigt Spritzgießmaschine für Rezyklatverarbeitung" title="Spritzgießmaschine für Rezyklatverarbeitung | ENGEL" width="384" height="440" > </picture> <div class="absolute bottom-0 left-0 right-0 top-16 opacity-30 bg-gradient-to-b from-transparent to-black"></div> </a> <span class="inline-block mt-5 text-xs font-bold uppercase text-gray-700 marked">News</span> <a href="/de/at/unternehmen/media-center/news-presse/hohe-recyclingqualitaet-direkt-aus-kunststoff-flakes" target="_self"> <div class="tw-h2 mt-2">Hohe Recyclingqualität direkt aus Kunststoff-Flakes</div> </a> <div class=""> <div class="flex items-center mt-3 text-gray-400"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M11.333 1.8c.265 0 .485.193.527.447l.007.086-.001.133h1.467l.123.007a1.202 1.202 0 011.071 1.071l.006.123V13c0 .62-.473 1.132-1.077 1.194l-.123.006H2c-.62 0-1.132-.473-1.194-1.077L.8 13V3.667c0-.62.473-1.133 1.077-1.194L2 2.467l1.466-.001v-.133c0-.265.194-.485.448-.526L4 1.8c.265 0 .485.193.526.447l.007.086v.133H10.8v-.133c0-.265.193-.485.447-.526l.086-.007zm2.133 4.4h-11.6V13c0 .059.039.109.092.127l.042.006h11.333l.042-.006a.134.134 0 00.085-.085l.007-.042-.001-6.8zm-10-2.667H2a.134.134 0 00-.127.092l-.006.042-.001 1.466h11.6V3.667a.134.134 0 00-.09-.127l-.043-.007h-1.467v.8a.533.533 0 01-1.059.087l-.007-.087v-.8H4.533v.8a.534.534 0 01-.447.527L4 4.867a.534.534 0 01-.526-.447l-.007-.087-.001-.8z"/></svg> <span class="ml-2 text-xs"> 22. Juni 2022 </span> </div> </div> <div class="tw-paragraph text-gray-600 text-sm mt-4"> <p>Mit einem neuen Verfahren macht es ENGEL möglich, Kunststoffabfälle direkt nach dem Vermahlen als Flakes im Spritzguss zu verarbeiten.</p> </div> </li>  <li class="keen-slider__slide keen-slider__slide--news-press" id="news-press" data-category="news-press"> <a href="/de/at/unternehmen/media-center/news-presse/rpet-im-duennwandspritzguss-verarbeiten" target="_self" class="group relative block w-full cursor-pointer"> <picture class="block w-full overflow-hidden h-picture-sm"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/6299x3543/f1ddaa8a2b/2022-06-rpet-im-duennwandspritzguss-verarbeiten-1.jpg/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/6299x3543/f1ddaa8a2b/2022-06-rpet-im-duennwandspritzguss-verarbeiten-1.jpg/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/6299x3543/f1ddaa8a2b/2022-06-rpet-im-duennwandspritzguss-verarbeiten-1.jpg/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Bild zeigt Bauteil aus Rezyklat" title="Bauteil aus Rezyklat | ENGEL" width="384" height="440" > </picture> <div class="absolute bottom-0 left-0 right-0 top-16 opacity-30 bg-gradient-to-b from-transparent to-black"></div> </a> <span class="inline-block mt-5 text-xs font-bold uppercase text-gray-700 marked">News</span> <a href="/de/at/unternehmen/media-center/news-presse/rpet-im-duennwandspritzguss-verarbeiten" target="_self"> <div class="tw-h2 mt-2">rPET im Dünnwandspritzguss verarbeiten</div> </a> <div class=""> <div class="flex items-center mt-3 text-gray-400"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M11.333 1.8c.265 0 .485.193.527.447l.007.086-.001.133h1.467l.123.007a1.202 1.202 0 011.071 1.071l.006.123V13c0 .62-.473 1.132-1.077 1.194l-.123.006H2c-.62 0-1.132-.473-1.194-1.077L.8 13V3.667c0-.62.473-1.133 1.077-1.194L2 2.467l1.466-.001v-.133c0-.265.194-.485.448-.526L4 1.8c.265 0 .485.193.526.447l.007.086v.133H10.8v-.133c0-.265.193-.485.447-.526l.086-.007zm2.133 4.4h-11.6V13c0 .059.039.109.092.127l.042.006h11.333l.042-.006a.134.134 0 00.085-.085l.007-.042-.001-6.8zm-10-2.667H2a.134.134 0 00-.127.092l-.006.042-.001 1.466h11.6V3.667a.134.134 0 00-.09-.127l-.043-.007h-1.467v.8a.533.533 0 01-1.059.087l-.007-.087v-.8H4.533v.8a.534.534 0 01-.447.527L4 4.867a.534.534 0 01-.526-.447l-.007-.087-.001-.8z"/></svg> <span class="ml-2 text-xs"> 17. Juni 2022 </span> </div> </div> <div class="tw-paragraph text-gray-600 text-sm mt-4"> <p>Zur K 2022 präsentiert ENGEL mit seinen Partnern ALPLA Group, Brink und IPB Printing einen Quantensprung für die Verpackungsindustrie.</p> </div> </li>  <li class="keen-slider__slide keen-slider__slide--news-press" id="news-press" data-category="news-press"> <a href="/de/at/unternehmen/media-center/news-presse/co2-footprint-eine-chance-fuer-die-kunststoffindustrie" target="_self" class="group relative block w-full cursor-pointer"> <picture class="block w-full overflow-hidden h-picture-sm"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/2362x3149/d5cde34868/2022-06-co2-footprint-eine-chance-fuer-die-kunststoffindustrie.jpg/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/2362x3149/d5cde34868/2022-06-co2-footprint-eine-chance-fuer-die-kunststoffindustrie.jpg/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/2362x3149/d5cde34868/2022-06-co2-footprint-eine-chance-fuer-die-kunststoffindustrie.jpg/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Bild zeigt CTO von ENGEL" title="CTO Gerhard Dimmler | ENGEL" width="384" height="440" > </picture> <div class="absolute bottom-0 left-0 right-0 top-16 opacity-30 bg-gradient-to-b from-transparent to-black"></div> </a> <span class="inline-block mt-5 text-xs font-bold uppercase text-gray-700 marked">News</span> <a href="/de/at/unternehmen/media-center/news-presse/co2-footprint-eine-chance-fuer-die-kunststoffindustrie" target="_self"> <div class="tw-h2 mt-2">CO2-Footprint: eine Chance für die Kunststoffindustrie</div> </a> <div class=""> <div class="flex items-center mt-3 text-gray-400"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M11.333 1.8c.265 0 .485.193.527.447l.007.086-.001.133h1.467l.123.007a1.202 1.202 0 011.071 1.071l.006.123V13c0 .62-.473 1.132-1.077 1.194l-.123.006H2c-.62 0-1.132-.473-1.194-1.077L.8 13V3.667c0-.62.473-1.133 1.077-1.194L2 2.467l1.466-.001v-.133c0-.265.194-.485.448-.526L4 1.8c.265 0 .485.193.526.447l.007.086v.133H10.8v-.133c0-.265.193-.485.447-.526l.086-.007zm2.133 4.4h-11.6V13c0 .059.039.109.092.127l.042.006h11.333l.042-.006a.134.134 0 00.085-.085l.007-.042-.001-6.8zm-10-2.667H2a.134.134 0 00-.127.092l-.006.042-.001 1.466h11.6V3.667a.134.134 0 00-.09-.127l-.043-.007h-1.467v.8a.533.533 0 01-1.059.087l-.007-.087v-.8H4.533v.8a.534.534 0 01-.447.527L4 4.867a.534.534 0 01-.526-.447l-.007-.087-.001-.8z"/></svg> <span class="ml-2 text-xs"> 15. Juni 2022 </span> </div> </div> <div class="tw-paragraph text-gray-600 text-sm mt-4"> <p>Die steigenden Energie- und Rohmaterialpreise stellen die Kunststoffverarbeiter vor neue Herausforderungen.</p> </div> </li>  <li class="keen-slider__slide keen-slider__slide--blog" id="blog" data-category="blog"> <a href="https://blog.engelglobal.com/de/at/blog/neuer-kunststoff-recycling-prozess-von-engel.html" target="_blank" class="group relative block w-full cursor-pointer"> <picture class="block w-full overflow-hidden h-picture-sm"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1400x640/4d685af629/nachhaltigkeit-2-stufen-prozess-rezyklatverarbeitung.jpg/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1400x640/4d685af629/nachhaltigkeit-2-stufen-prozess-rezyklatverarbeitung.jpg/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1400x640/4d685af629/nachhaltigkeit-2-stufen-prozess-rezyklatverarbeitung.jpg/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Bild zeigt Mahlgut des Zwei-Stufen-Prozess von ENGEL" title="Kunststoff-Recycling-Prozess in zwei Stufen | ENGEL" width="384" height="440" > </picture> <div class="absolute bottom-0 left-0 right-0 top-16 opacity-30 bg-gradient-to-b from-transparent to-black"></div> </a> <span class="inline-block mt-5 text-xs font-bold uppercase text-gray-700 marked">Blog</span> <a href="https://blog.engelglobal.com/de/at/blog/neuer-kunststoff-recycling-prozess-von-engel.html" target="_blank"> <div class="tw-h2 mt-2">CO2-Einsparung durch Kunststoff-Recycling-Prozess</div> </a> <div class=""> <div class="flex items-center mt-3 text-gray-400"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M11.333 1.8c.265 0 .485.193.527.447l.007.086-.001.133h1.467l.123.007a1.202 1.202 0 011.071 1.071l.006.123V13c0 .62-.473 1.132-1.077 1.194l-.123.006H2c-.62 0-1.132-.473-1.194-1.077L.8 13V3.667c0-.62.473-1.133 1.077-1.194L2 2.467l1.466-.001v-.133c0-.265.194-.485.448-.526L4 1.8c.265 0 .485.193.526.447l.007.086v.133H10.8v-.133c0-.265.193-.485.447-.526l.086-.007zm2.133 4.4h-11.6V13c0 .059.039.109.092.127l.042.006h11.333l.042-.006a.134.134 0 00.085-.085l.007-.042-.001-6.8zm-10-2.667H2a.134.134 0 00-.127.092l-.006.042-.001 1.466h11.6V3.667a.134.134 0 00-.09-.127l-.043-.007h-1.467v.8a.533.533 0 01-1.059.087l-.007-.087v-.8H4.533v.8a.534.534 0 01-.447.527L4 4.867a.534.534 0 01-.526-.447l-.007-.087-.001-.8z"/></svg> <span class="ml-2 text-xs"> 10. Mai 2022 </span> </div> </div> <div class="tw-paragraph text-gray-600 text-sm mt-4"> <p>Neuer Kunststoff-Recycling-Prozess in zwei Stufen reduziert den CO<sub>2</sub>-Footprint durch die Einsparung des Arbeitsschrittes des Regranulierens.</p> </div> </li>  <li class="keen-slider__slide keen-slider__slide--blog" id="blog" data-category="blog"> <a href="https://blog.engelglobal.com/de/at/blog/verarbeitung-von-kunststoffrezyklaten-im-dosier-verfahren.html" target="_blank" class="group relative block w-full cursor-pointer"> <picture class="block w-full overflow-hidden h-picture-sm"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1400x640/1d8bc3f431/produkte-kunststoffrecycling-dosierverfahren.jpg/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1400x640/1d8bc3f431/produkte-kunststoffrecycling-dosierverfahren.jpg/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1400x640/1d8bc3f431/produkte-kunststoffrecycling-dosierverfahren.jpg/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Bild zeigt die Entnahme einer im skinmelt Verfahren spritzgegossenen Transportbox für die Logistikbranche, bestehend aus Rezyklat und NeuwareEL" title="Verarbeitung von Kunststoffrezyklaten in der Logistikbranche | ENGEL" width="384" height="440" > </picture> <div class="absolute bottom-0 left-0 right-0 top-16 opacity-30 bg-gradient-to-b from-transparent to-black"></div> </a> <span class="inline-block mt-5 text-xs font-bold uppercase text-gray-700 marked">Blog</span> <a href="https://blog.engelglobal.com/de/at/blog/verarbeitung-von-kunststoffrezyklaten-im-dosier-verfahren.html" target="_blank"> <div class="tw-h2 mt-2">Verarbeitung von Rezyklat durch Sandwich-Spritzgießverfahren</div> </a> <div class=""> <div class="flex items-center mt-3 text-gray-400"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M11.333 1.8c.265 0 .485.193.527.447l.007.086-.001.133h1.467l.123.007a1.202 1.202 0 011.071 1.071l.006.123V13c0 .62-.473 1.132-1.077 1.194l-.123.006H2c-.62 0-1.132-.473-1.194-1.077L.8 13V3.667c0-.62.473-1.133 1.077-1.194L2 2.467l1.466-.001v-.133c0-.265.194-.485.448-.526L4 1.8c.265 0 .485.193.526.447l.007.086v.133H10.8v-.133c0-.265.193-.485.447-.526l.086-.007zm2.133 4.4h-11.6V13c0 .059.039.109.092.127l.042.006h11.333l.042-.006a.134.134 0 00.085-.085l.007-.042-.001-6.8zm-10-2.667H2a.134.134 0 00-.127.092l-.006.042-.001 1.466h11.6V3.667a.134.134 0 00-.09-.127l-.043-.007h-1.467v.8a.533.533 0 01-1.059.087l-.007-.087v-.8H4.533v.8a.534.534 0 01-.447.527L4 4.867a.534.534 0 01-.526-.447l-.007-.087-.001-.8z"/></svg> <span class="ml-2 text-xs"> 7. April 2021 </span> </div> </div> <div class="tw-paragraph text-gray-600 text-sm mt-4"> <p>Mit skinmelt ist die Herstellung eines Bauteils mit bis zu 50 % rezykliertem Kern und sehr guter Oberflächenqualität möglich.</p> </div> </li>  <li class="keen-slider__slide keen-slider__slide--blog" id="blog" data-category="blog"> <a href="https://blog.engelglobal.com/de/at/blog/arten-des-sandwich-spritzgiessens.html" target="_blank" class="group relative block w-full cursor-pointer"> <picture class="block w-full overflow-hidden h-picture-sm"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1400x640/b6a7fa8705/produkte-sandwich-spritzgiessen-weisse-transportbox.jpg/m/0x880/filters:format(webp)" type="image/webp"><source media="(min-width: 640px)" data-srcset="https://a.storyblok.com/f/136567/1400x640/b6a7fa8705/produkte-sandwich-spritzgiessen-weisse-transportbox.jpg/m/0x440/filters:format(webp)" type="image/webp"> <img data-src="https://a.storyblok.com/f/136567/1400x640/b6a7fa8705/produkte-sandwich-spritzgiessen-weisse-transportbox.jpg/m/0x440/filters:format(webp)" class="object-cover w-full h-full lazyload transition-transform duration-500 group-hover:scale-105" alt="Bild zeigt Transportbox mit einem Kern aus Rezyklat, gefertigt von ENGEL" title="Mit Sandwich-Verfahren gefertigte Box | ENGEL" width="384" height="440" > </picture> <div class="absolute bottom-0 left-0 right-0 top-16 opacity-30 bg-gradient-to-b from-transparent to-black"></div> </a> <span class="inline-block mt-5 text-xs font-bold uppercase text-gray-700 marked">Blog</span> <a href="https://blog.engelglobal.com/de/at/blog/arten-des-sandwich-spritzgiessens.html" target="_blank"> <div class="tw-h2 mt-2">Erhöhung des Rezyklatanteils im Bauteil durch Sandwich-Spritzgießen</div> </a> <div class=""> <div class="flex items-center mt-3 text-gray-400"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M11.333 1.8c.265 0 .485.193.527.447l.007.086-.001.133h1.467l.123.007a1.202 1.202 0 011.071 1.071l.006.123V13c0 .62-.473 1.132-1.077 1.194l-.123.006H2c-.62 0-1.132-.473-1.194-1.077L.8 13V3.667c0-.62.473-1.133 1.077-1.194L2 2.467l1.466-.001v-.133c0-.265.194-.485.448-.526L4 1.8c.265 0 .485.193.526.447l.007.086v.133H10.8v-.133c0-.265.193-.485.447-.526l.086-.007zm2.133 4.4h-11.6V13c0 .059.039.109.092.127l.042.006h11.333l.042-.006a.134.134 0 00.085-.085l.007-.042-.001-6.8zm-10-2.667H2a.134.134 0 00-.127.092l-.006.042-.001 1.466h11.6V3.667a.134.134 0 00-.09-.127l-.043-.007h-1.467v.8a.533.533 0 01-1.059.087l-.007-.087v-.8H4.533v.8a.534.534 0 01-.447.527L4 4.867a.534.534 0 01-.526-.447l-.007-.087-.001-.8z"/></svg> <span class="ml-2 text-xs"> 24. März 2021 </span> </div> </div> <div class="tw-paragraph text-gray-600 text-sm mt-4"> <p>Welche Arten, Funktionsweisen sowie Anwendungen des Sandwich-Spritzgießens gibt es? Antworten dazu erfahren Sie im Blogbeitrag.</p> </div> </li> </ul> <button v-if="slider && isLooping && !isDisabled" @click="slider.prev()" class="ml-2.5 lg:ml-0 slider__arrow slider__arrow-prev md:top-56" 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 md:top-56" 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="idx in dotsHelper" @click="slider.moveToIdx(idx)" :class="{ 'slider__dot': true, 'slider__dot--active': current === idx }" :key="idx" aria-hidden></button> </div> </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="teaser-group pt-12 gray-bg-darker-underlines" data-vue="TeaserGroup" data-props='{ "teaserCount": 5, "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 ">Lösungen für die Kreislaufwirtschaft</div> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p></p> </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="/de/at/page/stromverbrauch-spritzgiessmaschine-senken" 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/963d68220f/stromverbrauch-spritzgussmaschine-de.jpg/m/720x420" srcset="" width="720" height="420"> <img data-src="https://a.storyblok.com/f/136567/1400x640/963d68220f/stromverbrauch-spritzgussmaschine-de.jpg/m/720x420/filters:format(webp)" width="720" height="420" class="lazyload object-cover transition-transform duration-500 " alt="Bild zeigt Energieeffizienz Sujet von ENGEL" title="Reduzierter CO2 Footprint | ENGEL" > </picture> </a> <div class="flex flex-col justify-between h-full px-10 pt-8 pb-10"> <h3 class="tw-h3 text-center ">Reduzierter CO2 Footprint</h3> <div class="teaser__text"> <div class="tw-paragraph text-gray-600 text-sm text-center mt-2"> <p>Energiesparpotenziale voll ausschöpfen: Reduzieren Sie Ihren Energieverbrauch um bis zu 67 % mit einer effizienten Gesamtanlage.</p> </div> </div> <div class="flex justify-center mt-auto"> <a class="mt-6 tw-button tw-button-secondary-outline " href="/de/at/page/stromverbrauch-spritzgiessmaschine-senken" 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="/de/at/produkte/spritzgiessverfahren/kunststoff-recycling-verfahren" 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/500x666/fb7d9841a9/nachhaltigkeit-kunststoff-rezyklat-bunt.png/m/720x420" srcset="" width="720" height="420"> <img data-src="https://a.storyblok.com/f/136567/500x666/fb7d9841a9/nachhaltigkeit-kunststoff-rezyklat-bunt.png/m/720x420/filters:format(webp)" width="720" height="420" class="lazyload object-cover transition-transform duration-500 " alt="Bild zeigt Recycling-Material" title="Recycling-Material Spritzguss | ENGEL" > </picture> </a> <div class="flex flex-col justify-between h-full px-10 pt-8 pb-10"> <h3 class="tw-h3 text-center ">Spritzgießverfahren für Recycling-Materialien </h3> <div class="teaser__text"> <div class="tw-paragraph text-gray-600 text-sm text-center mt-2"> <p>Mehr Sicherheit und gleichbleibend hohe Produktqualität trotz Rezyklat.</p> </div> </div> <div class="flex justify-center mt-auto"> <a class="mt-6 tw-button tw-button-secondary-outline " href="/de/at/produkte/spritzgiessverfahren/kunststoff-recycling-verfahren" 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="https://a.storyblok.com/f/136567/x/fd34ca6759/nachhaltigkeit-recycling-paket-flyer-de.pdf" target="_blank" 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/1191x842/8a4120a33e/nachhaltigkeit-recycling-paket-sujet.jpg/m/720x420" srcset="" width="720" height="420"> <img data-src="https://a.storyblok.com/f/136567/1191x842/8a4120a33e/nachhaltigkeit-recycling-paket-sujet.jpg/m/720x420/filters:format(webp)" width="720" height="420" class="lazyload object-cover transition-transform duration-500 " alt="Bild zeigt Recycling-Paket von ENGEL" title="Recycling-Paket | ENGEL" > </picture> </a> <div class="flex flex-col justify-between h-full px-10 pt-8 pb-10"> <h3 class="tw-h3 text-center ">Recycling-Paket</h3> <div class="teaser__text"> <div class="tw-paragraph text-gray-600 text-sm text-center mt-2"> <p>Konstante Direktverarbeitung sowie optimiertes Förder- und Aufschmelzverhalten von Rezyklaten dank modifizierter Plastifiziereinheit.</p> </div> </div> <div class="flex justify-center mt-auto"> <a class="mt-6 tw-button tw-button-secondary-outline " href="https://a.storyblok.com/f/136567/x/fd34ca6759/nachhaltigkeit-recycling-paket-flyer-de.pdf" target="_blank" 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="/de/at/digitale-loesungen" 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/5e2cf5639f/digitale-loesungen.jpg/m/720x420" srcset="" width="720" height="420"> <img data-src="https://a.storyblok.com/f/136567/1400x640/5e2cf5639f/digitale-loesungen.jpg/m/720x420/filters:format(webp)" width="720" height="420" class="lazyload object-cover transition-transform duration-500 " alt="Bild zeigt digitale Lösungen von ENGEL" title="Digitale Lösungen | ENGEL" > </picture> </a> <div class="flex flex-col justify-between h-full px-10 pt-8 pb-10"> <h3 class="tw-h3 text-center ">Ausschuss vermeiden</h3> <div class="teaser__text"> <div class="tw-paragraph text-gray-600 text-sm text-center mt-2"> <p>Unsere digitalen Produkte und Servicelösungen unterstützen Sie entlang des gesamten Produktlebenszyklus. Vom Bauteildesign über die Abmusterung und Produktion, bis hin zu Wartung und Service.</p> </div> </div> <div class="flex justify-center mt-auto"> <a class="mt-6 tw-button tw-button-secondary-outline " href="/de/at/digitale-loesungen" 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="/de/at/nachhaltigkeit-kunststoff/biokunststoffe-im-spritzguss" 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/973x648/1f8b19dd5b/nachhaltigkeit-biokunststoff-spritzguss.jpg/m/720x420" srcset="" width="720" height="420"> <img data-src="https://a.storyblok.com/f/136567/973x648/1f8b19dd5b/nachhaltigkeit-biokunststoff-spritzguss.jpg/m/720x420/filters:format(webp)" width="720" height="420" class="lazyload object-cover transition-transform duration-500 " alt="Bild zeigt Symbolbild für Biokunststoffe im Spritzguss" title="Biokunststoffe im Spritzguss | ENGEL" > </picture> </a> <div class="flex flex-col justify-between h-full px-10 pt-8 pb-10"> <h3 class="tw-h3 text-center ">Biokunststoffe im Spritzguss</h3> <div class="teaser__text"> <div class="tw-paragraph text-gray-600 text-sm text-center mt-2"> <p>Neue Wege zu mehr Nachhaltigkeit</p> </div> </div> <div class="flex justify-center mt-auto"> <a class="mt-6 tw-button tw-button-secondary-outline " href="/de/at/nachhaltigkeit-kunststoff/biokunststoffe-im-spritzguss" 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> </main>  <aside data-vue="StickyContact" v-cloak> <div class="fixed z-40 inline-flex items-center transition-all rounded-sm appearance-none sm:right-0 whitespace-nowrap sm:bottom-8 ease duration-700 translate-y-0" :class="{ 'bottom-4 right-3 bg-transparent hover:bg-transparent cursor-pointer pr-1 pl-2 h-11 md:hover:bg-green-600 md:bg-green-500 md:shadow-button-primary md:pr-5 ': !isSuccess, 'bottom-0 right-0 pl-3 sm:pl-4 h-24 bg-white shadow-service-contact sm:pr-20 w-full sm:w-auto': isSuccess, '-translate-y-12': isAtBottom }" id="js-sticky-contact" @click="openContactOverlay('\u007B\u0022_uid\u0022\u003A\u0022932535db\u002D11b3\u002D489d\u002Db579\u002Df592b0d410ec\u0022,\u0022image\u0022\u003A\u007B\u0022id\u0022\u003A5614422,\u0022alt\u0022\u003Anull,\u0022name\u0022\u003A\u0022\u0022,\u0022focus\u0022\u003Anull,\u0022title\u0022\u003Anull,\u0022filename\u0022\u003A\u0022https\u003A\\\/\\\/a.storyblok.com\\\/f\\\/136567\\\/256x256\\\/67269ea837\\\/produkte\u002Dteam\u002Dheadquarter.jpg\u0022,\u0022copyright\u0022\u003Anull,\u0022fieldtype\u0022\u003A\u0022asset\u0022\u007D,\u0022phone\u0022\u003A\u0022\u0022,\u0022lastname\u0022\u003A\u0022Team\u0022,\u0022position\u0022\u003A\u0022sales_employee\u0022,\u0022component\u0022\u003A\u0022contact\u002Dperson\u0022,\u0022firstname\u0022\u003A\u0022ENGEL\u0022\u007D', 'Vertriebsmitarbeiter')" > <span class="absolute top-0 bottom-0 left-0 w-1 transition bg-green-500 rounded-l-sm" :class="{'opacity-0': !isSuccess}" ></span> <div class="relative"> <img class="transition-all border-white rounded-full w-14 h-14" :class="{ 'md:border-3 border-4 mr-1 shadow-sticky-contact md:shadow-none md:transform md:-translate-y-3': !isSuccess, 'border-1 sm:border-0 mr-2 sm:mr-4': isSuccess }" src="https://a.storyblok.com/f/136567/256x256/67269ea837/produkte-team-headquarter.jpg/m/112x112/filters:format(webp)" alt="" title="" width="56" height="56" > <span v-show="isSuccess" class="absolute text-green-500 cursor-pointer right-2 -bottom-1" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 24a11.75 11.75 0 01-6.048-1.632 12.148 12.148 0 01-4.32-4.32A11.75 11.75 0 010 12c0-2.176.544-4.192 1.632-6.048a12.148 12.148 0 014.32-4.32A11.75 11.75 0 0112 0c2.176 0 4.192.544 6.048 1.632a12.148 12.148 0 014.32 4.32A11.75 11.75 0 0124 12a11.75 11.75 0 01-1.632 6.048 12.148 12.148 0 01-4.32 4.32A11.75 11.75 0 0112 24zm-1.636-6.272l8.958-8.957L17.525 7l-7.16 7.16-3.568-3.592L5 12.364l5.364 5.364z"/><path fill="#fff" d="M10.364 17.728l8.958-8.957L17.525 7l-7.161 7.161-3.567-3.593L5 12.364z"/></svg></span> </div> <span v-show="!isSuccess" class="hidden text-xs font-bold tracking-wide text-white uppercase md:inline-block leading-tighter" >Kontaktieren Sie uns</span> <div v-show="isSuccess" class="pr-3"> <p class="block font-bold text-gray-700 normal-case">Vielen Dank!</p> <p class="block text-sm text-gray-700 normal-case">Ihre Nachricht wurde erfolgreich versendet.</p> </div> <span v-show="isSuccess" class="absolute w-4 h-4 text-gray-700 cursor-pointer right-4 top-4 hover:text-black" ><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M2.335 3.182l-.033.042a.233.233 0 00.033.288l4.321 4.321-4.321 4.321a.233.233 0 000 .33l.847.848.042.033c.09.056.21.045.288-.033L7.833 9.01l4.321 4.32a.233.233 0 00.33 0l.848-.847.033-.042a.233.233 0 00-.033-.288L9.01 7.834l4.32-4.322a.233.233 0 000-.33l-.847-.847-.042-.033a.233.233 0 00-.288.033l-4.32 4.321-4.322-4.321a.233.233 0 00-.33 0l-.847.847z"/></svg></span> </div> </aside> <div class="bg-gray-50" data-vue="OpenContactOverlay"> <div class="container py-10 grid lg:grid-cols-11"> <div class="lg:col-span-11 grid px-5 lg:grid-cols-12 lg:px-0"> <div class="mx-auto mb-6 text-center lg:col-span-2 lg:mb-0"> <img class="w-20 h-20 mx-auto mb-2 border-white rounded-full lg:mb-4 lg:w-24 lg:h-24 border-3 lazyload" data-src="https://a.storyblok.com/f/136567/256x256/67269ea837/produkte-team-headquarter.jpg/m/0x180/filters:format(webp)" alt="" width="90" height="90"> <p class="font-medium text-gray-700">ENGEL Team</p> <p class="text-xs text-gray-600">Vertriebsmitarbeiter</p> </div> <div></div> <div class="max-w-lg mx-auto text-center lg:col-span-9 lg:text-left lg:mx-0 relative lg:pb-16"> <p class="tw-h2">Schreiben Sie uns</p> <div class="mt-1 text-xs lg:mt-2 lg:text-base">Das ENGEL Team steht Ihnen mit umfassendem Know-how rund um das Thema Spritzgießen gerne zur Verfügung.</div> <button title="Kontaktieren Sie uns" class="mt-6 tw-button tw-button-primary lg:absolute lg:bottom-0" @click="openContactOverlay('\u007B\u0022_uid\u0022\u003A\u0022932535db\u002D11b3\u002D489d\u002Db579\u002Df592b0d410ec\u0022,\u0022image\u0022\u003A\u007B\u0022id\u0022\u003A5614422,\u0022alt\u0022\u003Anull,\u0022name\u0022\u003A\u0022\u0022,\u0022focus\u0022\u003Anull,\u0022title\u0022\u003Anull,\u0022filename\u0022\u003A\u0022https\u003A\\\/\\\/a.storyblok.com\\\/f\\\/136567\\\/256x256\\\/67269ea837\\\/produkte\u002Dteam\u002Dheadquarter.jpg\u0022,\u0022copyright\u0022\u003Anull,\u0022fieldtype\u0022\u003A\u0022asset\u0022\u007D,\u0022phone\u0022\u003A\u0022\u0022,\u0022lastname\u0022\u003A\u0022Team\u0022,\u0022position\u0022\u003A\u0022sales_employee\u0022,\u0022component\u0022\u003A\u0022contact\u002Dperson\u0022,\u0022firstname\u0022\u003A\u0022ENGEL\u0022\u007D', 'Vertriebsmitarbeiter')" > <span class="mt-px leading-tight">Kontaktieren Sie uns</span> </button> </div> </div> </div> </div> <footer class="relative pt-10 mt-10 bg-white md:pt-16"> <a class="absolute top-0 p-2 text-gray-700 -translate-x-1/2 -translate-y-1/2 bg-white z-20 shadow fill-current left-1/2" href="#" data-vue="BackToTop" @click.prevent="scrollToTop"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 15.247l-1.331-1.331a.35.35 0 010-.495l5.668-5.668a.35.35 0 01.495 0l5.668 5.668a.35.35 0 010 .495l-1.332 1.331-.064.05a.35.35 0 01-.431-.05l-4.089-4.078-4.089 4.079a.35.35 0 01-.495 0z"/></svg> </a> <div class="container flex flex-wrap justify-between"> <div class="order-1 w-full text-center md:w-1/4 md:text-left"> <address class="not-italic"> <div class="text-gray-700 mb-2.5">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/at/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/at/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/at/newsletter" class="tw-link-small" > <span>Newsletter abonnieren</span> </a> </li> <li class="mb-2.5"> <a href="/de/at/unternehmen/media-center/news-presse" class="tw-link-small" > <span>News & Presse</span> </a> </li> <li class="mb-2.5"> <a href="/de/at/zertifikate" class="tw-link-small" > <span>Zertifikate</span> </a> </li> <li class="mb-2.5"> <a href="/de/at/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/at/sitemap" class="tw-link-small" > <span>Sitemap</span> </a> </li> <li class="mb-2.5"> <a href="/de/at/impressum" class="tw-link-small" > <span>Impressum</span> </a> </li> <li class="mb-2.5"> <a href="/de/at/agb" class="tw-link-small" > <span>AGB</span> </a> </li> <li class="mb-2.5"> <a href="/de/at/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/at/sitemap" class="tw-link-small" > <span>Sitemap</span> </a> </li> <li class="inline ml-7"> <a href="/de/at/impressum" class="tw-link-small" > <span>Impressum</span> </a> </li> <li class="inline ml-7"> <a href="/de/at/agb" class="tw-link-small" > <span>AGB</span> </a> </li> <li class="inline ml-7"> <a href="/de/at/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/nachhaltigkeit-kunststoff/circular-economy-kunststoffrecycling" @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/udrzitelnost-plasty/obehove-hospodarstvi-recyklace-plastu" @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/developpement-durable-plastique/economie-circulaire-recyclage-du-plastique" @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/nachhaltigkeit-kunststoff/circular-economy-kunststoffrecycling" @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/sostenibilita-plastica/economia-circolare-riciclaggio-delle-materie-plastiche" @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/zrownowazony-rozwoj-plastik/gospodarka-obiegu-zamknietego-recykling-tworzyw-sztucznych" @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/sustainability-plastics/circular-economy-plastics-recycling" @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/nachhaltigkeit-kunststoff/circular-economy-kunststoffrecycling" @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/sustainability-plastics/circular-economy-plastics-recycling" @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/sustainability-plastics/circular-economy-plastics-recycling" @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/sostenibilidad-plastico/economia-circular-reciclaje-de-plastico" @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/sustainability-plastics/circular-economy-plastics-recycling" @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/sustainability-plastics/circular-economy-plastics-recycling" @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/sustainability-plastics/circular-economy-plastics-recycling" @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/nachhaltigkeit-kunststoff/circular-economy-kunststoffrecycling" @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/sostenibilidad-plastico/economia-circular-reciclaje-de-plastico" @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/developpement-durable-plastique/economie-circulaire-recyclage-du-plastique" @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/at/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-AT"; 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-AT"; </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

▷ Circular Economy & Kunststoffrecycling - ENGEL