CINXE.COM

Login

<!doctype html> <html class="no-js" lang="en"> <head> <!-- Favicon start --> <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png"> <link rel="manifest" href="/icons/site.webmanifest"> <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#2d89ef"> <meta name="msapplication-config" content="/icons/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <meta name="application-name" content="www.fst.com" /> <!-- Favicon end --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://sst.fst.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-P77Q8S2'); </script> <script id="usercentrics-cmp" src="https://web.cmp.usercentrics.eu/ui/loader.js" data-settings-id="vIwd-gTZDDlP8j" async></script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, shrink-to-fit=no"/> <meta name="description" content="Login and get instant access to exclusive content."/> <meta name="keywords" content="Freudenberg Sealing Technologies, FST, Login"/> <meta name="robots" content="INDEX,FOLLOW"/> <meta property="og:url" content="https://www.fst.com/login/"/> <meta property="og:title" content="Login"/> <meta property="og:description" content="Login and get instant access to exclusive content."/> <meta property="og:locale" content="en"/> <meta property="og:image" content="https://www.fst.com/-/media/images/kampagnenmotive/2019/fst_needless_1000x666.jpg"/> <meta property="og:image:width" content="1000"/> <meta property="og:image:height" content="666"/> <meta http-equiv="X-UA-Compatible" content="IE=11; IE=EDGE"> <link rel="canonical" href="https://www.fst.com/login/"/> <link rel="alternate" hreflang="en" href="https://www.fst.com/login/"/> <link rel="alternate" hreflang="de" href="https://www.fst.com/de/login/"/> <link rel="preload" href="/main.css?v=ccf217ed54bffc7c11924702d0fba80076abedcb" as="style"> <link rel="stylesheet" href="/main.css?v=ccf217ed54bffc7c11924702d0fba80076abedcb"> <meta name="VIcurrentDateTime" content="638680596444973030" /> <meta name="VirtualFolder" content="/" /> <script type="text/javascript" src="/layouts/system/VisitorIdentification.js"></script> <title>Login</title> <link rel="dns-prefetch preconnect" href="https://www.googletagmanager.com"> <link rel="dns-prefetch preconnect" href="https://www.google-analytics.com"> <link rel="dns-prefetch preconnect" href="https://browser-update.org"> <link rel="dns-prefetch preconnect" href="https://consent.cookiebot.com"> <link rel="dns-prefetch preconnect" href="https://www.googleadservices.com/"> <link rel="dns-prefetch preconnect" href="https://deploy.mopinion.com/"> <link rel="dns-prefetch preconnect" href="https://collect.mopinion.com/"> <link rel="preload" as="font" href="/assets/fonts/TheSans/thesans-light.woff" type="font/woff2" crossorigin="anonymous"> <link rel="preload" as="font" href="/assets/fonts/TheSans/thesans-light-italic.woff" type="font/woff2" crossorigin="anonymous"> <link rel="preload" as="font" href="/assets/fonts/TheSans/thesans-semibold.woff" type="font/woff2" crossorigin="anonymous"> <style> #CybotCookiebotDialogBody a { cursor: pointer !important; } </style> <script> window.addEventListener('CookiebotOnDialogDisplay', function () { var cookieDialogBody = document.getElementById("CybotCookiebotDialogBodyContentText").querySelector("a"); if (cookieDialogBody) { cookieDialogBody.addEventListener("click", function () { document.getElementById('CybotCookiebotDialogBodyButtonDecline').click() }); } }); window.addEventListener('CookiebotOnLoad', function () { var cookieDeclarationLink = document.querySelector(".CookieDeclaration > p a"); if (cookieDeclarationLink) { var linkTextElement = document.createElement("span"); linkTextElement.innerHTML = cookieDeclarationLink.innerHTML; cookieDeclarationLink.parentNode.replaceChild(linkTextElement, cookieDeclarationLink); } }); </script> </head> <body class="sc-normal" id="fstApp" x-data='authOverlay({ loginUrl: "/api/sitecore/User/LoginUser", logoutUrl: "/api/sitecore/User/LogoutUser", registrationUrl: "/api/sitecore/User/RegisterUser", passwordResetUrl: "/api/sitecore/User/ResetPassword", sessionApiUrl: "/api/sitecore/User/StoreDocumentInSession" })'> <!-- Google Tag Manager CDT --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P77Q8S2" height="0" width="0" style="display: none; visibility: hidden"> </iframe> </noscript> <!-- End Google Tag Manager CDT (noscript) --> <a id="top" href="#main" class="hidden" title="Go directly to main content">Go directly to main content</a> <div class="toolbar" x-data="toolbar"> <div class="toolbar__navi" :class="[navVisible && 'toolbar__navi toolbar__navi--visible', toggled && !navVisible && 'toolbar__navi toolbar__navi--closed']"> <a href="https://products.fst.com/global/en" class="toolbar__navi__link" target="_blank" rel="nofollow noopener" > <div class="toolbar__navi__element"> <img src="/assets/icons/37-ecat.svg" alt=37-ecat width="32" height="32" class="icon"> <span class="toolbar__navi__element__title">Product Catalog</span> </div> </a><a href="/services/" class="toolbar__navi__link" > <div class="toolbar__navi__element"> <img src="/assets/icons/80-services.svg" alt=80-services width="32" height="32" class="icon"> <span class="toolbar__navi__element__title">Services</span> </div> </a><a href="/news-stories/magazine/" class="toolbar__navi__link" > <div class="toolbar__navi__element"> <img src="/assets/icons/39-magazine.svg" alt=39-magazine width="32" height="32" class="icon"> <span class="toolbar__navi__element__title">Magazine</span> </div> </a><a href="/services/downloads/" class="toolbar__navi__link" > <div class="toolbar__navi__element"> <img src="/assets/icons/36-downloads.svg" alt=36-downloads width="32" height="32" class="icon"> <span class="toolbar__navi__element__title">Downloads</span> </div> </a><a href="/company/contact/" class="toolbar__navi__link" > <div class="toolbar__navi__element"> <img src="/assets/icons/35-contact.svg" alt=35-contact width="32" height="32" class="icon"> <span class="toolbar__navi__element__title">Contact</span> </div> </a> </div> <div class="toolbar__expand" :class="[navVisible && 'toolbar__expand--expanded',toggled && !navVisible && 'toolbar__expand--closed']" @click="toggleNav"> <img src="/assets/icons/47-chevron-right.svg" alt=47-chevron-right width="14" height="14" class="icon"> </div> </div> <div class="page md:mx-auto"> <header class=""> <nav class="nav"> <div class="meta-navigation"> <div class="meta-navigation__left"> <ul class="meta-navigation__links"> <li class="meta-navigation__link "> <a href="/company/suppliers/" >Suppliers</a> </li> <li class="meta-navigation__link "> <a href="/company/trust-center/" >Trust Center</a> </li> </ul> </div> <div class="meta-navigation__right"> <ul class="meta-navigation__links"> <li class="meta-navigation__link meta-navigation__link--dropdown "> <div x-data="dropdown" @focusin.window="!$refs.panel.contains($event.target) && close()" x-id="['dropdown-button']" class="meta-navigation__dropdown"> <button x-ref="button" @click="toggle()" :aria-expanded="open" :aria-controls="$id('dropdown-button')" type="button" class="meta-navigation__dropdown__button"> Affiliates </button> <div x-ref="panel" x-show="open" x-cloak x-transition.origin.top.right @click.outside="close($refs.button)" :id="$id('dropdown-button')" class="meta-navigation__dropdown__panel meta-navigation__dropdown__panel--links"> <a href="https://www.corteco.com/en/home/" target="_blank"> Corteco <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </div> </div> </li> <li class="meta-navigation__link meta-navigation__link--account meta-navigation__link--highlight" :class="{'hidden!': $store.auth.unlocked}"> <a href="/login/" target="_self"> <img src="/assets/icons/110-login.svg" alt=110-login width="14" height="14" class="icon"> Login </a> </li> <li class="meta-navigation__link meta-navigation__link--account " :class="{'hidden!': $store.auth.unlocked}"> <a href="/registration/" target="_self">Register</a> </li> <li class="meta-navigation__link meta-navigation__link--dropdown hidden! " :class="{'hidden!': $store.auth.locked}"> <div x-data="dropdown" @focusin.window="!$refs.panel.contains($event.target) && close()" @form-success.window="close()" x-id="['dropdown-button']" class="meta-navigation__dropdown"> <button x-ref="button" @click="toggle()" :aria-expanded="open" :aria-controls="$id('dropdown-button')" type="button" class="meta-navigation__dropdown__button meta-navigation__dropdown__button--account"> <img src="/assets/icons/110-login.svg" alt=110-login width="14" height="14" class="icon icon--primary mr-1"> <img src="/assets/icons/113-login-check.svg" alt=113-login-check width="12" height="12" class="icon icon--cyan icon-check"> My Account </button> <div x-ref="panel" x-show="open" x-cloak x-transition.origin.top.right @click.outside="close($refs.button)" :id="$id('dropdown-button')" class="meta-navigation__dropdown__panel meta-navigation__dropdown__panel--account"> <a href="/account/personal-data/" target="_self" class="">Personal Data</a> <a href="/account/settings-security/" target="_self" class="">Settings &amp; Security</a> <form x-data="form({enableRecaptcha: false})" @submit.prevent="handleSubmit" method="post" action='/api/sitecore/User/LogoutUser' novalidate> <button type="submit"> <img src="/assets/icons/24-arrow-right.svg" alt=24-arrow-right width="14" height="14" class="icon mr-2"> Logout </button> </form> </div> </div> </li> <li class="meta-navigation__link meta-navigation__link--dropdown"> <div x-data="languageSelect( '/api/sitecore/LanguageSwitch/GetLanguageOptions', { ContextItemId: '{2A18B01E-8B92-49C8-B5D4-4AA55E6E2DE6}', QueryParameters: '' }, { cookieDomain: '.fst.com' } )" class="meta-navigation__dropdown"> <div x-data="dropdown" @focusin.window="!$root.contains($event.target) && close()" x-id="['dropdown-button']"> <button x-ref="button" x-text="currentLanguage && currentLanguage.name" @click="toggle(); $dispatch('close-menu')" :aria-expanded="open" :aria-controls="$id('dropdown-button')" type="button" class="meta-navigation__dropdown__button"> </button> <div x-ref="panel" x-cloak :class="[open && 'meta-navigation__dropdown__panel--open', closed && 'meta-navigation__dropdown__panel--closed']" x-show="open" x-transition.origin.top.right :id="$id('dropdown-button')" class="meta-navigation__dropdown__panel meta-navigation__dropdown__panel--links"> <template x-for="language in availableLanguages"> <a x-text="language.name" :href="language.url" :class="currentLanguage.name === language.name && 'active'" @click="selectLanguage(language, $event)"> </a> </template> </div> </div> </div> </li> </ul> </div> </div> <div class="desktop-nav " x-data="desktopNav({preselectedItems: []})"> <div class="desktop-nav__row justify-between items-center"> <a href="/" class="desktop-nav__logo"> <img src="/-/media/images/branding/logo_freudenberg.svg" alt="Freudenberg Sealing Technologies" width="252" height="41"/> </a> <div class="desktop-nav__search"> <img alt="INNOVATING TOGETHER" src="/-/media/images/branding/innovating-together.svg" width="292" height="19" > </div> </div> <ul class="desktop-nav__top"> <li class="desktop-nav__top__item "> <a href="/markets/"> Markets </a> <div class="desktop-nav__menu desktop-nav__menu--alphabetical"> <div> <div class="desktop-nav__menu__block "> <p>A</p> <a href="/markets/aerospace/" class=" "> Aerospace </a> <a href="/markets/agriculture/" class=" "> Agriculture </a> <a href="/markets/automotive-truck-bus/" class=" "> Automotive, Truck &amp; Bus </a> </div> <div class="desktop-nav__menu__block "> <p>B</p> <a href="/markets/building-engineering/" class=" "> Building Engineering </a> </div> <div class="desktop-nav__menu__block "> <p>C</p> <a href="/markets/chemical-industry/" class=" "> Chemical Industry </a> <a href="/markets/commercial-marine/" class=" "> Commercial Marine </a> <a href="/markets/construction/" class=" "> Construction </a> </div> <div class="desktop-nav__menu__block "> <p>E</p> <a href="/markets/e-generation/" class=" "> Energy Generation </a> <a href="/markets/e-transmission/" class=" "> Energy Transmission </a> </div> <div class="desktop-nav__menu__block "> <p>F</p> <a href="/markets/fluid-handling/" class=" "> Fluid Handling </a> <a href="/markets/fluid-technology/" class=" "> Fluid Technology </a> <a href="/markets/food-and-beverage-industry/" class=" "> Food &amp; Beverage Industry </a> <a href="/markets/forklifts/" class=" "> Forklifts </a> </div> <div class="desktop-nav__menu__block "> <p>H</p> <a href="/markets/household-appliances/" class=" "> Household Appliances </a> <a href="/markets/hydrogen/" class=" "> Hydrogen </a> </div> <div class="desktop-nav__menu__block "> <p>I</p> <a href="/markets/industrial-machines/" class=" "> Industrial Machines </a> <a href="/markets/industrial-presses/" class=" "> Industrial Presses </a> <a href="/markets/injection-molding-machines/" class=" "> Injection Molding Machines </a> </div> <div class="desktop-nav__menu__block "> <p>M</p> <a href="/markets/metal-processing/" class=" "> Metal Processing </a> </div> <div class="desktop-nav__menu__block "> <p>P</p> <a href="/markets/pharmaceutical-industry/" class=" "> Pharmaceutical Industry </a> <a href="/markets/power-generation/" class=" "> Power Generation </a> <a href="/markets/power-tools/" class=" "> Power Tools </a> <a href="/markets/power-transmission/" class=" "> Power Transmission </a> </div> <div class="desktop-nav__menu__block "> <p>R</p> <a href="/markets/railway/" class=" "> Railway </a> <a href="/markets/recreational-vehicles/" class=" "> Recreational Vehicles </a> <a href="/markets/robotics/" class=" "> Robotics </a> </div> <div class="desktop-nav__menu__block "> <p>T</p> <a href="/markets/tunnel-boring/" class=" "> Tunnel Boring </a> </div> </div> <div class="desktop-nav__menu__column desktop-nav__menu__column--aside"> <a href="/products/" ><img src="/-/media/images/heros/company/products/products_1000x666.jpg" width="250" height="166" alt="" /></a> <p class="as-h4">Innovative and Tailor-Made</p> <p>Freudenberg Sealing Technologies has been developing innovative brand products at the highest level for decades. We will find a customized solution for you.</p> <a href="/products/" class="link-btn" data-scroll="" > <span class="link-btn__text">Explore now!</span> <span class="material-symbols-outlined link-btn__icon">chevron_right</span> </a></div> </div> </li> <li class="desktop-nav__top__item "> <a href="/products/"> Products </a> <div class="desktop-nav__menu" @mouseleave="resetAllLevels"> <div class="desktop-nav__menu__column"> <ul class="desktop-nav__menu__items desktop-nav__menu__items--visible"> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === 'e6f0d555-3356-475a-88da-b04d7e141490' || highlightElementIds.level2 === 'e6f0d555-3356-475a-88da-b04d7e141490') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'e6f0d555-3356-475a-88da-b04d7e141490')"> <a href="/products/static-seals/"> Static Seals </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '1e30bdaf-b322-436f-ac2f-d4cde63d4aaa' || highlightElementIds.level2 === '1e30bdaf-b322-436f-ac2f-d4cde63d4aaa') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '1e30bdaf-b322-436f-ac2f-d4cde63d4aaa')"> <a href="/products/dynamic-seals/"> Dynamic Seals </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '9c3354ab-6150-47a2-b7a4-66fac8470684' || highlightElementIds.level2 === '9c3354ab-6150-47a2-b7a4-66fac8470684') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '9c3354ab-6150-47a2-b7a4-66fac8470684')"> <a href="/products/special-sealing-products/"> Special Sealing Products </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '6b4e8af7-03a0-4f0b-9b58-76e7519e73df' || highlightElementIds.level2 === '6b4e8af7-03a0-4f0b-9b58-76e7519e73df') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '6b4e8af7-03a0-4f0b-9b58-76e7519e73df')"> <a href="/products/accumulators/"> Accumulators </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === '38df2b75-66c0-4b33-bad9-df8617bb9383' || highlightElementIds.level2 === '38df2b75-66c0-4b33-bad9-df8617bb9383') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '38df2b75-66c0-4b33-bad9-df8617bb9383')"> <a href="/products/innovations/"> Innovations </a> </li> </ul> </div> <div class="desktop-nav__menu__column" x-ref="b980b6ba-3a0e-44df-adc6-e363d82cbfe2-level3"> <template x-if="activeElementIds.level2 === 'e6f0d555-3356-475a-88da-b04d7e141490'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '75eb48ee-8e49-4e5b-93a6-0d6faab216d4' || highlightElementIds.level3 === '75eb48ee-8e49-4e5b-93a6-0d6faab216d4') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '75eb48ee-8e49-4e5b-93a6-0d6faab216d4')"> <a href="/products/static-seals/clamp-seals/"> Clamp Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'c2bf8cb4-1242-4b98-a335-5a0b0bd03d7f' || highlightElementIds.level3 === 'c2bf8cb4-1242-4b98-a335-5a0b0bd03d7f') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'c2bf8cb4-1242-4b98-a335-5a0b0bd03d7f')"> <a href="/products/static-seals/dairy-couplings/"> Dairy Couplings </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '6498bb17-ae7f-4c29-aa58-64cb06af787d' || highlightElementIds.level3 === '6498bb17-ae7f-4c29-aa58-64cb06af787d') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '6498bb17-ae7f-4c29-aa58-64cb06af787d')"> <a href="/products/static-seals/cover-seals/"> Cover Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'f8799219-242c-4b2a-b588-51c8b0803007' || highlightElementIds.level3 === 'f8799219-242c-4b2a-b588-51c8b0803007') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'f8799219-242c-4b2a-b588-51c8b0803007')"> <a href="/products/static-seals/flat-gaskets/"> Flat Gaskets </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'ad23ea04-085e-4b2d-8dd6-b8bfbf67f9a7' || highlightElementIds.level3 === 'ad23ea04-085e-4b2d-8dd6-b8bfbf67f9a7') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'ad23ea04-085e-4b2d-8dd6-b8bfbf67f9a7')"> <a href="/products/static-seals/extruded-seals/"> Extruded Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '0cd11410-297b-4946-9523-38c2702aa6c9' || highlightElementIds.level3 === '0cd11410-297b-4946-9523-38c2702aa6c9') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '0cd11410-297b-4946-9523-38c2702aa6c9')"> <a href="/products/static-seals/gaskets/"> Gaskets </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '5c79d202-9f31-400d-87e7-5097e9ed9d84' || highlightElementIds.level3 === '5c79d202-9f31-400d-87e7-5097e9ed9d84') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '5c79d202-9f31-400d-87e7-5097e9ed9d84')"> <a href="/products/static-seals/o-rings/"> O-Rings </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'd953adb4-aeaf-453c-8fc8-1e69cd752184' || highlightElementIds.level3 === 'd953adb4-aeaf-453c-8fc8-1e69cd752184') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'd953adb4-aeaf-453c-8fc8-1e69cd752184')"> <a href="/products/static-seals/hygienic-usit-rings/"> Hygienic Usit&#174;-Rings </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === '1e30bdaf-b322-436f-ac2f-d4cde63d4aaa'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '2fd65877-a4a4-4658-9c58-d284e1d92a9b' || highlightElementIds.level3 === '2fd65877-a4a4-4658-9c58-d284e1d92a9b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '2fd65877-a4a4-4658-9c58-d284e1d92a9b')"> <a href="/products/dynamic-seals/radial-shaft-seals/"> Radial Shaft Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '65b9d6ab-9302-44c3-90ed-a41fc723df23' || highlightElementIds.level3 === '65b9d6ab-9302-44c3-90ed-a41fc723df23') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '65b9d6ab-9302-44c3-90ed-a41fc723df23')"> <a href="/products/dynamic-seals/radiamatic-shaft-seals/"> Radiamatic Shaft Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '721f97f0-c9bb-4f83-975d-99839d945186' || highlightElementIds.level3 === '721f97f0-c9bb-4f83-975d-99839d945186') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '721f97f0-c9bb-4f83-975d-99839d945186')"> <a href="/products/dynamic-seals/rotary-and-swivel-seals/"> Rotary and Swivel Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'f90f4ea9-b0c4-4f9d-b8d0-5b6c59087407' || highlightElementIds.level3 === 'f90f4ea9-b0c4-4f9d-b8d0-5b6c59087407') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'f90f4ea9-b0c4-4f9d-b8d0-5b6c59087407')"> <a href="/products/dynamic-seals/u-cups/"> U-Cups </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '466619fd-1a9e-4fc4-89ae-b28de34c7fb1' || highlightElementIds.level3 === '466619fd-1a9e-4fc4-89ae-b28de34c7fb1') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '466619fd-1a9e-4fc4-89ae-b28de34c7fb1')"> <a href="/products/dynamic-seals/v-ring-seals-and-deflectors/"> V-Ring Seals and Deflectors </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '271cb592-5b25-4c48-b59d-4bbfe3739d35' || highlightElementIds.level3 === '271cb592-5b25-4c48-b59d-4bbfe3739d35') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '271cb592-5b25-4c48-b59d-4bbfe3739d35')"> <a href="/products/dynamic-seals/rod-seals/"> Rod Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'd52fda22-12c5-42a6-9cab-86410376c8f7' || highlightElementIds.level3 === 'd52fda22-12c5-42a6-9cab-86410376c8f7') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'd52fda22-12c5-42a6-9cab-86410376c8f7')"> <a href="/products/dynamic-seals/piston-seals/"> Piston Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '7f884583-2c1b-46e3-ad44-db4b5a3ce1e0' || highlightElementIds.level3 === '7f884583-2c1b-46e3-ad44-db4b5a3ce1e0') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '7f884583-2c1b-46e3-ad44-db4b5a3ce1e0')"> <a href="/products/dynamic-seals/wipers/"> Wipers </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'da0cc66b-081a-4ca7-ae9a-4bdfb4fca00b' || highlightElementIds.level3 === 'da0cc66b-081a-4ca7-ae9a-4bdfb4fca00b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'da0cc66b-081a-4ca7-ae9a-4bdfb4fca00b')"> <a href="/products/dynamic-seals/guide-rings/"> Guide Rings </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '574cce4f-03fa-4bad-87e6-0a8fdc406209' || highlightElementIds.level3 === '574cce4f-03fa-4bad-87e6-0a8fdc406209') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '574cce4f-03fa-4bad-87e6-0a8fdc406209')"> <a href="/products/dynamic-seals/damper-steering-seals/"> Damper &amp; Steering Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '66f15646-dbb7-4b90-91ef-7c51e42a310e' || highlightElementIds.level3 === '66f15646-dbb7-4b90-91ef-7c51e42a310e') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '66f15646-dbb7-4b90-91ef-7c51e42a310e')"> <a href="/products/dynamic-seals/damp-seal/"> Damp &amp; Seal </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'eb6f01d0-30af-4ccf-85da-2b08e164fcdb' || highlightElementIds.level3 === 'eb6f01d0-30af-4ccf-85da-2b08e164fcdb') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'eb6f01d0-30af-4ccf-85da-2b08e164fcdb')"> <a href="/products/dynamic-seals/valve-stem-seals/"> Valve Stem Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '0af5d54e-86df-466f-b123-71d3921e4bce' || highlightElementIds.level3 === '0af5d54e-86df-466f-b123-71d3921e4bce') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '0af5d54e-86df-466f-b123-71d3921e4bce')"> <a href="/products/dynamic-seals/grounding-solutions/"> eCON – Electrically Conductive Nonwoven </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === '9c3354ab-6150-47a2-b7a4-66fac8470684'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'db834d30-2435-4301-8235-2e2ce2b47f28' || highlightElementIds.level3 === 'db834d30-2435-4301-8235-2e2ce2b47f28') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'db834d30-2435-4301-8235-2e2ce2b47f28')"> <a href="/products/special-sealing-products/forseal/"> Forseal </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'a1b23302-66ee-46b1-82f1-5b008f2bd45c' || highlightElementIds.level3 === 'a1b23302-66ee-46b1-82f1-5b008f2bd45c') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'a1b23302-66ee-46b1-82f1-5b008f2bd45c')"> <a href="/products/special-sealing-products/precision-molded-parts/"> Precision Molded Parts </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'ba94f5cc-b6f8-4611-9589-11f6ab230c39' || highlightElementIds.level3 === 'ba94f5cc-b6f8-4611-9589-11f6ab230c39') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'ba94f5cc-b6f8-4611-9589-11f6ab230c39')"> <a href="/products/special-sealing-products/micro-parts/"> Micro Parts </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'd5474ac0-073e-4411-b8bf-5c750de12bc5' || highlightElementIds.level3 === 'd5474ac0-073e-4411-b8bf-5c750de12bc5') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'd5474ac0-073e-4411-b8bf-5c750de12bc5')"> <a href="/products/special-sealing-products/butterfly-valve-seals/"> Butterfly Valve Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'efa2918c-6d22-4fe2-bc41-01bafc3c490b' || highlightElementIds.level3 === 'efa2918c-6d22-4fe2-bc41-01bafc3c490b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'efa2918c-6d22-4fe2-bc41-01bafc3c490b')"> <a href="/products/special-sealing-products/caps/"> Caps </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'b70e28f0-8a23-419d-bead-48bddd67b909' || highlightElementIds.level3 === 'b70e28f0-8a23-419d-bead-48bddd67b909') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'b70e28f0-8a23-419d-bead-48bddd67b909')"> <a href="/products/special-sealing-products/stuffing-box-packings/"> Stuffing Box Packings </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '2b930f9c-6731-4633-ae30-1e9d90355d3b' || highlightElementIds.level3 === '2b930f9c-6731-4633-ae30-1e9d90355d3b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '2b930f9c-6731-4633-ae30-1e9d90355d3b')"> <a href="/products/special-sealing-products/encoder/"> Encoder </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'e66a878d-471d-41d3-ad21-b3d55f4e50e5' || highlightElementIds.level3 === 'e66a878d-471d-41d3-ad21-b3d55f4e50e5') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'e66a878d-471d-41d3-ad21-b3d55f4e50e5')"> <a href="/products/special-sealing-products/plug-and-seal/"> Plug &amp; Seal </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '898ae062-e806-435b-8c90-556353f4785b' || highlightElementIds.level3 === '898ae062-e806-435b-8c90-556353f4785b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '898ae062-e806-435b-8c90-556353f4785b')"> <a href="/products/special-sealing-products/boots/"> Boots </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '98c7499b-be32-4fe4-b584-ee0b41565175' || highlightElementIds.level3 === '98c7499b-be32-4fe4-b584-ee0b41565175') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '98c7499b-be32-4fe4-b584-ee0b41565175')"> <a href="/products/special-sealing-products/diaphragms/"> Diaphragms </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '521aa282-331e-4067-9479-a4992f7a594f' || highlightElementIds.level3 === '521aa282-331e-4067-9479-a4992f7a594f') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '521aa282-331e-4067-9479-a4992f7a594f')"> <a href="/products/special-sealing-products/diavent/"> DIAvent&#174; </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === '6b4e8af7-03a0-4f0b-9b58-76e7519e73df'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '9fab14b4-e2b7-4b08-97d8-1ffb16916159' || highlightElementIds.level3 === '9fab14b4-e2b7-4b08-97d8-1ffb16916159') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '9fab14b4-e2b7-4b08-97d8-1ffb16916159')"> <a href="/products/accumulators/hydraulic-accumulators/"> Hydraulic Accumulators </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'de611518-1530-48d2-9ef1-096b8a3a24c2' || highlightElementIds.level3 === 'de611518-1530-48d2-9ef1-096b8a3a24c2') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'de611518-1530-48d2-9ef1-096b8a3a24c2')"> <a href="/products/accumulators/accumulator-applications/"> Accumulator Applications </a> </li> </ul> </template> </div> <div class="desktop-nav__menu__column" x-ref="b980b6ba-3a0e-44df-adc6-e363d82cbfe2-level4"> </div> <div class="desktop-nav__menu__column desktop-nav__menu__column--aside"> <a href="https://products.fst.com/eu/en" target="_blank" rel="nofollow noopener" ><img src="/-/media/images/services/design-engineering/service_product-catalog_1000x666.jpg" width="250" height="166" alt="Computer monitor showing the Product Catalog incl. a zoomed picture showing an installation space" /></a> <p class="as-h4">Do you already know our Product Catalog?</p> <p>With the Freudenberg Sealing Technologies Product Catalog, you find the right part for your application in no time at all. </p> <a href="https://products.fst.com/eu/en" class="link-btn" data-scroll="" target="_blank" rel="nofollow noopener" > <span class="link-btn__text">Check out now!</span> <span class="material-symbols-outlined link-btn__icon">chevron_right</span> </a></div> </div> </li> <li class="desktop-nav__top__item "> <a href="/materials/"> Materials </a> <div class="desktop-nav__menu desktop-nav__menu--alphabetical"> <div> <div class="desktop-nav__menu__block "> <p>9</p> <a href="/materials/98-au-30500-polyurethane/" class=" "> 98 AU 30500 Polyurethan </a> </div> <div class="desktop-nav__menu__block "> <p>A</p> <a href="/materials/acm/" class=" "> ACM </a> </div> <div class="desktop-nav__menu__block "> <p>E</p> <a href="/materials/epdm/" class=" "> EPDM </a> </div> <div class="desktop-nav__menu__block "> <p>F</p> <a href="/materials/ffkm-simriz/" class=" "> FFKM - SIMRIZ&#174; </a> <a href="/materials/fkm/" class=" "> FKM </a> <a href="/materials/fluoroprene-xp/" class=" "> Fluoroprene&#174; XP </a> </div> <div class="desktop-nav__menu__block "> <p>H</p> <a href="/materials/hnbr/" class=" "> HNBR </a> </div> <div class="desktop-nav__menu__block "> <p>N</p> <a href="/materials/nbr/" class=" "> NBR </a> <a href="/materials/nr/" class=" "> NR </a> </div> <div class="desktop-nav__menu__block "> <p>P</p> <a href="/materials/pa/" class=" "> PA </a> <a href="/materials/pai/" class=" "> PAI </a> <a href="/materials/peek/" class=" "> PEEK </a> <a href="/materials/pom/" class=" "> POM </a> <a href="/materials/ptfe/" class=" "> PTFE </a> <a href="/materials/pur-pu/" class=" "> PUR, PU </a> </div> <div class="desktop-nav__menu__block "> <p>V</p> <a href="/materials/vmq-pvmq-fvmq/" class=" "> VMQ, PVMQ, FVMQ </a> </div> </div> <div class="desktop-nav__menu__column desktop-nav__menu__column--aside"> <a href="https://resistanceguide.fst.com/en/" ><img src="/-/media/images/foodandbeverage,-d-,fst,-d-,com/landingpages/tools_allg_500x333.jpg" width="250" height="166" alt="Resistance Guide" /></a> <p class="as-h4">Resistance Tools</p> <p>The easy way to calculate compatibility with chemicals and cleaning agents.</p> <a href="https://resistanceguide.fst.com/en/" class="link-btn" data-scroll="" > <span class="link-btn__text">Explore now!</span> <span class="material-symbols-outlined link-btn__icon">chevron_right</span> </a></div> </div> </li> <li class="desktop-nav__top__item "> <a href="/company/"> Company </a> <div class="desktop-nav__menu" @mouseleave="resetAllLevels"> <div class="desktop-nav__menu__column"> <ul class="desktop-nav__menu__items desktop-nav__menu__items--visible"> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === 'b6358aab-bb3d-4c7e-ad99-6ac7e212396e' || highlightElementIds.level2 === 'b6358aab-bb3d-4c7e-ad99-6ac7e212396e') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'b6358aab-bb3d-4c7e-ad99-6ac7e212396e')"> <a href="/company/about-us/"> About Us </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '88c24f93-c59b-4e05-92a8-f791e87eb293' || highlightElementIds.level2 === '88c24f93-c59b-4e05-92a8-f791e87eb293') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '88c24f93-c59b-4e05-92a8-f791e87eb293')"> <a href="/company/organization/"> Our Organisation </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === 'b582a92d-11cd-4e52-8354-643aa311cc90' || highlightElementIds.level2 === 'b582a92d-11cd-4e52-8354-643aa311cc90') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'b582a92d-11cd-4e52-8354-643aa311cc90')"> <a href="/company/sustainability/"> Sustainability </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === 'd0e37d65-15bb-484a-9d6e-7fc5a9c0f672' || highlightElementIds.level2 === 'd0e37d65-15bb-484a-9d6e-7fc5a9c0f672') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'd0e37d65-15bb-484a-9d6e-7fc5a9c0f672')"> <a href="/company/career/"> Career </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level2 === '3675a132-9936-41a1-9241-80660586637c' || highlightElementIds.level2 === '3675a132-9936-41a1-9241-80660586637c') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '3675a132-9936-41a1-9241-80660586637c')"> <a href="https://ecatalog.fst.com/Distributor/" target="_blank" rel="nofollow noopener"> Distributors </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === 'bb489962-f2cf-46ba-8a48-16c2d98fec6c' || highlightElementIds.level2 === 'bb489962-f2cf-46ba-8a48-16c2d98fec6c') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'bb489962-f2cf-46ba-8a48-16c2d98fec6c')"> <a href="/company/suppliers/"> Suppliers </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === '009f23a6-2c74-40fc-b89b-51c38aeaf730' || highlightElementIds.level2 === '009f23a6-2c74-40fc-b89b-51c38aeaf730') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '009f23a6-2c74-40fc-b89b-51c38aeaf730')"> <a href="/company/trust-center/"> Trust Center </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === '34e0b950-5aeb-4144-ace8-5c9038d5e58d' || highlightElementIds.level2 === '34e0b950-5aeb-4144-ace8-5c9038d5e58d') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '34e0b950-5aeb-4144-ace8-5c9038d5e58d')"> <a href="/company/contact/"> Contact </a> </li> </ul> </div> <div class="desktop-nav__menu__column" x-ref="4e2ad8b9-6872-4fb6-bd6b-98cc552d4d2a-level3"> <template x-if="activeElementIds.level2 === 'b6358aab-bb3d-4c7e-ad99-6ac7e212396e'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '0185b380-fd78-4f2b-9516-db282cb8bfc5' || highlightElementIds.level3 === '0185b380-fd78-4f2b-9516-db282cb8bfc5') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '0185b380-fd78-4f2b-9516-db282cb8bfc5')"> <a href="/company/about-us/at-a-glance/"> At a Glance </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '132d247a-27dd-4b69-8663-4eac5ab82e94' || highlightElementIds.level3 === '132d247a-27dd-4b69-8663-4eac5ab82e94') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '132d247a-27dd-4b69-8663-4eac5ab82e94')"> <a href="/company/about-us/focus/"> Our Focus </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '36b0febc-8ece-4832-946d-a371281bff4c' || highlightElementIds.level3 === '36b0febc-8ece-4832-946d-a371281bff4c') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '36b0febc-8ece-4832-946d-a371281bff4c')"> <a href="/company/about-us/core-competencies/"> Our Core Competencies </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '8ca5968f-8156-4b00-9c1d-1842602d46b3' || highlightElementIds.level3 === '8ca5968f-8156-4b00-9c1d-1842602d46b3') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '8ca5968f-8156-4b00-9c1d-1842602d46b3')"> <a href="/company/about-us/values/"> Our Values </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === '88c24f93-c59b-4e05-92a8-f791e87eb293'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '751dc5ea-94a5-4166-af6b-89abcc8058b7' || highlightElementIds.level3 === '751dc5ea-94a5-4166-af6b-89abcc8058b7') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '751dc5ea-94a5-4166-af6b-89abcc8058b7')"> <a href="/company/organization/management/"> Our Executive Management </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '20915b2f-bf36-41d6-8043-aa4c44ab12e5' || highlightElementIds.level3 === '20915b2f-bf36-41d6-8043-aa4c44ab12e5') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '20915b2f-bf36-41d6-8043-aa4c44ab12e5')"> <a href="/company/organization/structure/"> Our Structure </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '62cddc34-5439-4fa2-b6b9-3f7371e7f938' || highlightElementIds.level3 === '62cddc34-5439-4fa2-b6b9-3f7371e7f938') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '62cddc34-5439-4fa2-b6b9-3f7371e7f938')"> <a href="/company/organization/brands/"> Our Brands </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '17e5f2bf-c495-4eac-ae4f-45beaf9d83c0' || highlightElementIds.level3 === '17e5f2bf-c495-4eac-ae4f-45beaf9d83c0') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '17e5f2bf-c495-4eac-ae4f-45beaf9d83c0')"> <a href="/company/organization/locations/"> Our Locations </a> </li> </ul> </template> </div> <div class="desktop-nav__menu__column" x-ref="4e2ad8b9-6872-4fb6-bd6b-98cc552d4d2a-level4"> </div> <div class="desktop-nav__menu__column desktop-nav__menu__column--aside"> <a href="/news-stories/magazine/" ><img src="/-/media/images/kundenmagazin%20essential/ausgabe%202024-02/essential_teaser_en_1000x666.jpg" width="250" height="166" alt="Mockup of ESSENTIAL magazine issue November 2024" /></a> <p class="as-h4">Don’t Miss a Trend</p> <p>Smart sealing solutions for nearly every sector, technology trends and exclusive interviews – Find them in our company magazine ESSENTIAL with a print subscription and digitally. Take a look inside!</p> <a href="/news-stories/magazine/" class="link-btn" data-scroll="" > <span class="link-btn__text">Explore now!</span> <span class="material-symbols-outlined link-btn__icon">chevron_right</span> </a></div> </div> </li> <li class="desktop-nav__top__item "> <a href="/news-stories/"> News &amp; Stories </a> <div class="desktop-nav__menu" @mouseleave="resetAllLevels"> <div class="desktop-nav__menu__column"> <ul class="desktop-nav__menu__items desktop-nav__menu__items--visible"> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === 'f1a2b59e-f520-4e28-8575-47630cdc80a7' || highlightElementIds.level2 === 'f1a2b59e-f520-4e28-8575-47630cdc80a7') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'f1a2b59e-f520-4e28-8575-47630cdc80a7')"> <a href="/news-stories/press-releases/"> Press Releases </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === 'a447ac8f-f3c1-4510-b5ce-0ed0ce7f8233' || highlightElementIds.level2 === 'a447ac8f-f3c1-4510-b5ce-0ed0ce7f8233') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'a447ac8f-f3c1-4510-b5ce-0ed0ce7f8233')"> <a href="/news-stories/magazine/"> Magazine </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === 'ea026ea1-24c6-4614-911f-4addc6277b44' || highlightElementIds.level2 === 'ea026ea1-24c6-4614-911f-4addc6277b44') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'ea026ea1-24c6-4614-911f-4addc6277b44')"> <a href="/news-stories/newsletter/"> Newsletter </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === 'ce0b67a6-9ca6-49af-aa49-f69b67ad10f6' || highlightElementIds.level2 === 'ce0b67a6-9ca6-49af-aa49-f69b67ad10f6') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'ce0b67a6-9ca6-49af-aa49-f69b67ad10f6')"> <a href="/news-stories/news-service/"> News Service </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === 'fc586d02-9711-428a-8c72-dc48e032747b' || highlightElementIds.level2 === 'fc586d02-9711-428a-8c72-dc48e032747b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'fc586d02-9711-428a-8c72-dc48e032747b')"> <a href="/news-stories/team/"> Team </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === '0d183e90-17ab-4509-bea6-478fdc2eeb5e' || highlightElementIds.level2 === '0d183e90-17ab-4509-bea6-478fdc2eeb5e') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '0d183e90-17ab-4509-bea6-478fdc2eeb5e')"> <a href="/news-stories/pfas-update/"> PFAS Update </a> </li> </ul> </div> <div class="desktop-nav__menu__column" x-ref="17375f89-99b2-4984-9a95-92dbb3a42a88-level3"> <template x-if="activeElementIds.level2 === 'f1a2b59e-f520-4e28-8575-47630cdc80a7'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '4867fd89-9222-4be9-963a-e2bf0ee9d6d8' || highlightElementIds.level3 === '4867fd89-9222-4be9-963a-e2bf0ee9d6d8') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '4867fd89-9222-4be9-963a-e2bf0ee9d6d8')"> <a href="/news-stories/press-releases/press-archive/"> Press Archive </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === 'a447ac8f-f3c1-4510-b5ce-0ed0ce7f8233'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '3920e44e-c4ce-4570-8072-ebcb289b5d9a' || highlightElementIds.level3 === '3920e44e-c4ce-4570-8072-ebcb289b5d9a') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '3920e44e-c4ce-4570-8072-ebcb289b5d9a')"> <a href="/news-stories/magazine/digitalization/"> Digitalization </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'b5af8573-7981-4eb0-a7a8-c8d0b6a30398' || highlightElementIds.level3 === 'b5af8573-7981-4eb0-a7a8-c8d0b6a30398') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'b5af8573-7981-4eb0-a7a8-c8d0b6a30398')"> <a href="/news-stories/magazine/e-mobility/"> E-Mobility </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'c88587b8-539d-4172-a1ef-51584d25a96d' || highlightElementIds.level3 === 'c88587b8-539d-4172-a1ef-51584d25a96d') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'c88587b8-539d-4172-a1ef-51584d25a96d')"> <a href="/news-stories/magazine/food-and-beverage/"> Food &amp; Beverage </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'fc5ae02b-1530-4b70-9bb4-b8a002b56035' || highlightElementIds.level3 === 'fc5ae02b-1530-4b70-9bb4-b8a002b56035') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'fc5ae02b-1530-4b70-9bb4-b8a002b56035')"> <a href="/news-stories/magazine/renewable-energy/"> Renewable Energy </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '1f4001a8-3197-4a20-9774-dee1feee4561' || highlightElementIds.level3 === '1f4001a8-3197-4a20-9774-dee1feee4561') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '1f4001a8-3197-4a20-9774-dee1feee4561')"> <a href="/news-stories/magazine/sustainability/"> Sustainability </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'a84b159e-c620-4934-82d4-14b5491b158b' || highlightElementIds.level3 === 'a84b159e-c620-4934-82d4-14b5491b158b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'a84b159e-c620-4934-82d4-14b5491b158b')"> <a href="/news-stories/magazine/technology/"> Technology </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '0bdaac5b-b2ff-4e1d-8a6e-9a08ed9d74a2' || highlightElementIds.level3 === '0bdaac5b-b2ff-4e1d-8a6e-9a08ed9d74a2') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '0bdaac5b-b2ff-4e1d-8a6e-9a08ed9d74a2')"> <a href="/news-stories/magazine/future-files/"> Future Files </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '5daef8f1-b0f6-45f8-a5df-5e985ca4a9c0' || highlightElementIds.level3 === '5daef8f1-b0f6-45f8-a5df-5e985ca4a9c0') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '5daef8f1-b0f6-45f8-a5df-5e985ca4a9c0')"> <a href="/news-stories/magazine/archive/"> Archive </a> </li> </ul> </template> </div> <div class="desktop-nav__menu__column" x-ref="17375f89-99b2-4984-9a95-92dbb3a42a88-level4"> </div> <div class="desktop-nav__menu__column desktop-nav__menu__column--aside"> <a href="/news-stories/magazine/" ><img src="/-/media/images/kundenmagazin%20essential/ausgabe%202024-02/essential_teaser_en_1000x666.jpg" width="250" height="166" alt="Mockup of ESSENTIAL magazine issue November 2024" /></a> <p class="as-h4">Don’t Miss a Trend</p> <p>Smart sealing solutions for nearly every sector, technology trends and exclusive interviews – Find them in our company magazine ESSENTIAL with a print subscription and digitally. Take a look inside!</p> <a href="/news-stories/magazine/" class="link-btn" data-scroll="" > <span class="link-btn__text">Explore now!</span> <span class="material-symbols-outlined link-btn__icon">chevron_right</span> </a></div> </div> </li> <li class="desktop-nav__top__item "> <a href="/events/"> Events </a> <div class="desktop-nav__menu" @mouseleave="resetAllLevels"> <div class="desktop-nav__menu__column"> <ul class="desktop-nav__menu__items desktop-nav__menu__items--visible"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === '8219affe-c8fe-4719-a03f-8797bd3323e6' || highlightElementIds.level2 === '8219affe-c8fe-4719-a03f-8797bd3323e6') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '8219affe-c8fe-4719-a03f-8797bd3323e6')"> <a href="/events/archive/"> Archive </a> </li> </ul> </div> <div class="desktop-nav__menu__column" x-ref="f6e45f8e-736d-4e48-b171-e307ab6a93f5-level3"> </div> <div class="desktop-nav__menu__column" x-ref="f6e45f8e-736d-4e48-b171-e307ab6a93f5-level4"> </div> </div> </li> <li class="desktop-nav__top__item "> <a href="/services/"> Services </a> <div class="desktop-nav__menu" @mouseleave="resetAllLevels"> <div class="desktop-nav__menu__column"> <ul class="desktop-nav__menu__items desktop-nav__menu__items--visible"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === 'b70bc47b-f309-48d7-85c0-daf7866916cf' || highlightElementIds.level2 === 'b70bc47b-f309-48d7-85c0-daf7866916cf') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'b70bc47b-f309-48d7-85c0-daf7866916cf')"> <a href="/services/engineers/"> Engineers </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === '915cdd9c-1fca-42fe-985a-affc90a21b62' || highlightElementIds.level2 === '915cdd9c-1fca-42fe-985a-affc90a21b62') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '915cdd9c-1fca-42fe-985a-affc90a21b62')"> <a href="/services/maintenance-and-quality-managers/"> Maintenance and Quality Managers </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === '8f730023-fb98-4d26-8c6e-bff6d76c0762' || highlightElementIds.level2 === '8f730023-fb98-4d26-8c6e-bff6d76c0762') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '8f730023-fb98-4d26-8c6e-bff6d76c0762')"> <a href="/services/purchasing-and-supply-chain-managers/"> Purchasing and Supply Chain Managers </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '61216a05-1290-4ba7-934c-37c499bbdacc' || highlightElementIds.level2 === '61216a05-1290-4ba7-934c-37c499bbdacc') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '61216a05-1290-4ba7-934c-37c499bbdacc')"> <a href="/services/design-and-engineering/"> Design &amp; Engineering </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '0d9dc498-938c-431d-949e-13feddd4aabf' || highlightElementIds.level2 === '0d9dc498-938c-431d-949e-13feddd4aabf') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '0d9dc498-938c-431d-949e-13feddd4aabf')"> <a href="/services/logistics-and-supply-chain/"> Logistics &amp; Supply Chain </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '7002f3f4-bc5c-43a2-8f54-96ddcaa3a53b' || highlightElementIds.level2 === '7002f3f4-bc5c-43a2-8f54-96ddcaa3a53b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '7002f3f4-bc5c-43a2-8f54-96ddcaa3a53b')"> <a href="/services/machined-seals/"> Machined Seals </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '9aa76069-5f7d-49f4-8ed4-7b6670c8d5d2' || highlightElementIds.level2 === '9aa76069-5f7d-49f4-8ed4-7b6670c8d5d2') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '9aa76069-5f7d-49f4-8ed4-7b6670c8d5d2')"> <a href="/services/online-tools/"> Online Tools </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '3350df0b-c605-4b26-ac14-b61f5d3abdaf' || highlightElementIds.level2 === '3350df0b-c605-4b26-ac14-b61f5d3abdaf') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '3350df0b-c605-4b26-ac14-b61f5d3abdaf')"> <a href="/services/ebusiness-eservices/"> eBusiness / eServices </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === 'ad394d38-1bf2-4e53-9f45-d509bcc4a333' || highlightElementIds.level2 === 'ad394d38-1bf2-4e53-9f45-d509bcc4a333') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'ad394d38-1bf2-4e53-9f45-d509bcc4a333')"> <a href="/services/product-customizing/"> Product Customizing </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === 'eb564118-9326-425f-a850-854aa210454a' || highlightElementIds.level2 === 'eb564118-9326-425f-a850-854aa210454a') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'eb564118-9326-425f-a850-854aa210454a')"> <a href="/services/quality/"> Quality </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === 'c4d57c92-0490-4c6f-b9f3-3cd5c7127e7d' || highlightElementIds.level2 === 'c4d57c92-0490-4c6f-b9f3-3cd5c7127e7d') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'c4d57c92-0490-4c6f-b9f3-3cd5c7127e7d')"> <a href="/services/training-and-know-how/"> Training &amp; Know-how </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === 'a87037dd-81ed-4c2b-a89e-4c7904646e6b' || highlightElementIds.level2 === 'a87037dd-81ed-4c2b-a89e-4c7904646e6b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'a87037dd-81ed-4c2b-a89e-4c7904646e6b')"> <a href="/services/downloads/"> Downloads </a> </li> </ul> </div> <div class="desktop-nav__menu__column" x-ref="7ee3678f-df90-4e62-9b2d-86479cfbe30b-level3"> <template x-if="activeElementIds.level2 === '61216a05-1290-4ba7-934c-37c499bbdacc'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level3 === '78f6c21e-4faa-44d6-b364-12a213f51ead' || highlightElementIds.level3 === '78f6c21e-4faa-44d6-b364-12a213f51ead') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '78f6c21e-4faa-44d6-b364-12a213f51ead')"> <a> Evaluation of Sealing Systems </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '9ac8cbd5-6dfc-48da-ba62-62819b46c2e8' || highlightElementIds.level3 === '9ac8cbd5-6dfc-48da-ba62-62819b46c2e8') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '9ac8cbd5-6dfc-48da-ba62-62819b46c2e8')"> <a href="/services/design-and-engineering/#HygienicDesign" target="" rel=""> Hygienic Design </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'c5cfe605-dfc7-4d31-b74e-e8e9cc664fbb' || highlightElementIds.level3 === 'c5cfe605-dfc7-4d31-b74e-e8e9cc664fbb') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'c5cfe605-dfc7-4d31-b74e-e8e9cc664fbb')"> <a href="/services/design-and-engineering/test-benches/"> Test Benches </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '6fb01042-449e-4685-839f-af95a148e579' || highlightElementIds.level3 === '6fb01042-449e-4685-839f-af95a148e579') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '6fb01042-449e-4685-839f-af95a148e579')"> <a href="/services/design-and-engineering/#LubeSeal" target="" rel=""> Lube &amp; Seal </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '56669e45-e99f-4fef-b5f4-af35a09366f6' || highlightElementIds.level3 === '56669e45-e99f-4fef-b5f4-af35a09366f6') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '56669e45-e99f-4fef-b5f4-af35a09366f6')"> <a href="/services/design-and-engineering/#ProductCatalog" target="" rel=""> Product Catalog </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '1e0489a6-820b-4680-94b6-fa9343895218' || highlightElementIds.level3 === '1e0489a6-820b-4680-94b6-fa9343895218') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '1e0489a6-820b-4680-94b6-fa9343895218')"> <a href="/services/design-and-engineering/#CADDownloads" target="" rel=""> CAD Downloads </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === 'df76ec64-70a5-436b-9476-6de6273678d3' || highlightElementIds.level3 === 'df76ec64-70a5-436b-9476-6de6273678d3') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'df76ec64-70a5-436b-9476-6de6273678d3')"> <a href="https://simmerring-selector.fst.com/SimmerringSelector?language=en" target="_blank" rel="nofollow noopener"> Simmerring&#174; Selector </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '321fcedd-846a-4b19-8721-20c0d9514e17' || highlightElementIds.level3 === '321fcedd-846a-4b19-8721-20c0d9514e17') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '321fcedd-846a-4b19-8721-20c0d9514e17')"> <a href="https://oring.fst.com/" target="_blank" rel="nofollow noopener"> O-Ring Calculator </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '3cbf4a01-5c2e-4f71-b38b-3316ab82d830' || highlightElementIds.level3 === '3cbf4a01-5c2e-4f71-b38b-3316ab82d830') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '3cbf4a01-5c2e-4f71-b38b-3316ab82d830')"> <a href="https://products.fst.com/eu/en/hydraulic-selector " target="_blank" rel="nofollow noopener"> Hydraulic Selector </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '26324851-dd88-4d52-82b6-2717d98f0439' || highlightElementIds.level3 === '26324851-dd88-4d52-82b6-2717d98f0439') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '26324851-dd88-4d52-82b6-2717d98f0439')"> <a href="https://products.fst.com/eu/en/accumulator-selector" target="_blank" rel="nofollow noopener"> Accumulator Selector </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '4baa95e6-f820-467c-b94a-32b434042a1a' || highlightElementIds.level3 === '4baa95e6-f820-467c-b94a-32b434042a1a') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '4baa95e6-f820-467c-b94a-32b434042a1a')"> <a href="https://resistanceguide.fst.com/en/chemical-resistance-guide/" target="_blank" rel=""> Chemical Resistance Guide </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '8b8c27ea-5154-491f-b0fc-86e25089ee5e' || highlightElementIds.level3 === '8b8c27ea-5154-491f-b0fc-86e25089ee5e') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '8b8c27ea-5154-491f-b0fc-86e25089ee5e')"> <a href="https://resistanceguide.fst.com/en/cip-sip-guide/" target="_blank" rel=""> CIP-/SIP-Guide </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '2b4b5c1a-0679-4ba1-9859-6fb264abae28' || highlightElementIds.level3 === '2b4b5c1a-0679-4ba1-9859-6fb264abae28') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '2b4b5c1a-0679-4ba1-9859-6fb264abae28')"> <a href="https://www.youtube.com/user/FreudenbergSealing/featured" target="_blank" rel="nofollow noreferer noopener"> Videos </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '4ee1ddd6-f30a-417d-ac13-969b962a33b8' || highlightElementIds.level3 === '4ee1ddd6-f30a-417d-ac13-969b962a33b8') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '4ee1ddd6-f30a-417d-ac13-969b962a33b8')"> <a href="/services/design-and-engineering/#Hotline" target="" rel=""> Hotline </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === '0d9dc498-938c-431d-949e-13feddd4aabf'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '2394a6bf-97c5-4082-b220-e93a51c4bfd6' || highlightElementIds.level3 === '2394a6bf-97c5-4082-b220-e93a51c4bfd6') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '2394a6bf-97c5-4082-b220-e93a51c4bfd6')"> <a href="/services/logistics-and-supply-chain/#TrackTrace" target="" rel=""> Track &amp; Trace </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '26cce031-0f71-4a8d-b992-8235a9da21a6' || highlightElementIds.level3 === '26cce031-0f71-4a8d-b992-8235a9da21a6') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '26cce031-0f71-4a8d-b992-8235a9da21a6')"> <a href="/services/logistics-and-supply-chain/#NextDayDelivery" target="" rel=""> Next Day Delivery </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '3130b6f2-bb92-4d27-ad10-7969b3cdacfd' || highlightElementIds.level3 === '3130b6f2-bb92-4d27-ad10-7969b3cdacfd') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '3130b6f2-bb92-4d27-ad10-7969b3cdacfd')"> <a href="/services/logistics-and-supply-chain/distribution-network/"> Distribution Network </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '5b9b4992-2a42-4813-9b57-9f2ce3907d7a' || highlightElementIds.level3 === '5b9b4992-2a42-4813-9b57-9f2ce3907d7a') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '5b9b4992-2a42-4813-9b57-9f2ce3907d7a')"> <a href="/services/logistics-and-supply-chain/mro-specific-products/"> MRO Specific Products </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'e0a94b3c-869d-4d55-af17-67124e4c9dfc' || highlightElementIds.level3 === 'e0a94b3c-869d-4d55-af17-67124e4c9dfc') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'e0a94b3c-869d-4d55-af17-67124e4c9dfc')"> <a href="/services/logistics-and-supply-chain/#PackagingSolutions" target="" rel=""> Packaging Solutions </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'bb40f615-2fa8-4e75-92bb-195a7184e115' || highlightElementIds.level3 === 'bb40f615-2fa8-4e75-92bb-195a7184e115') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'bb40f615-2fa8-4e75-92bb-195a7184e115')"> <a href="/services/logistics-and-supply-chain/#Kitting" target="" rel=""> Kitting </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === '7002f3f4-bc5c-43a2-8f54-96ddcaa3a53b'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '93d29747-2955-4e64-b7b4-39eb1c09f5c7' || highlightElementIds.level3 === '93d29747-2955-4e64-b7b4-39eb1c09f5c7') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '93d29747-2955-4e64-b7b4-39eb1c09f5c7')"> <a href="/services/machined-seals/rapid-prototyping-and-customized-production/"> Rapid Prototyping and Customized Production </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '24862d41-67bc-4b61-9192-2446b327fb39' || highlightElementIds.level3 === '24862d41-67bc-4b61-9192-2446b327fb39') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '24862d41-67bc-4b61-9192-2446b327fb39')"> <a href="/services/machined-seals/economic-small-series-production/"> Economic Small Series Production </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '4e757b60-3d17-418d-b1cc-ef11e65e65ec' || highlightElementIds.level3 === '4e757b60-3d17-418d-b1cc-ef11e65e65ec') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '4e757b60-3d17-418d-b1cc-ef11e65e65ec')"> <a href="/services/machined-seals/welded-seals/"> Welded Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '63fd72ff-962a-45d3-9049-ec4479319b50' || highlightElementIds.level3 === '63fd72ff-962a-45d3-9049-ec4479319b50') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '63fd72ff-962a-45d3-9049-ec4479319b50')"> <a href="/services/machined-seals/gasket-plotting/"> Gasket Plotting </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '8afbcd54-a324-4236-bf59-e2d4fb09413d' || highlightElementIds.level3 === '8afbcd54-a324-4236-bf59-e2d4fb09413d') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '8afbcd54-a324-4236-bf59-e2d4fb09413d')"> <a href="/services/machined-seals/segment-specific-solutions-for-the-heavy-and-process-industry/"> Segment-Specific Solutions for the Heavy and Process Industry </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === '9aa76069-5f7d-49f4-8ed4-7b6670c8d5d2'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '9b14c08c-f5ee-470c-b46d-65189dcd9d82' || highlightElementIds.level3 === '9b14c08c-f5ee-470c-b46d-65189dcd9d82') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '9b14c08c-f5ee-470c-b46d-65189dcd9d82')"> <a href="/services/online-tools/#ProductCatalog" target="" rel=""> Product Catalog </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '240596b6-6cb1-47a0-8308-529998f2c23f' || highlightElementIds.level3 === '240596b6-6cb1-47a0-8308-529998f2c23f') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '240596b6-6cb1-47a0-8308-529998f2c23f')"> <a href="/services/ebusiness-eservices/easy-ordering-platform/" target="" rel=""> EASY Ordering Platform </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level3 === 'abd7c2b9-9061-4b7f-b3be-eb412fd1d325' || highlightElementIds.level3 === 'abd7c2b9-9061-4b7f-b3be-eb412fd1d325') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'abd7c2b9-9061-4b7f-b3be-eb412fd1d325')"> <a href="/services/online-tools/3d-animations/"> 3D Animations </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level3 === '85aa19c5-1350-42da-9f22-8e1c60a17c0c' || highlightElementIds.level3 === '85aa19c5-1350-42da-9f22-8e1c60a17c0c') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '85aa19c5-1350-42da-9f22-8e1c60a17c0c')"> <a href="/services/online-tools/virtual-tours/"> Virtual Tours </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === 'db395a98-ea06-4681-b838-7af7b4c0107f' || highlightElementIds.level3 === 'db395a98-ea06-4681-b838-7af7b4c0107f') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'db395a98-ea06-4681-b838-7af7b4c0107f')"> <a href="https://simmerring-selector.fst.com/SimmerringSelector?language=en" target="_blank" rel="nofollow noopener"> Simmerring&#174; Selector </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '0bea7580-bf26-45d6-a9e6-bce74d4f9472' || highlightElementIds.level3 === '0bea7580-bf26-45d6-a9e6-bce74d4f9472') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '0bea7580-bf26-45d6-a9e6-bce74d4f9472')"> <a href="https://oring.fst.com/" target="_blank" rel="nofollow noopener"> O-Ring Calculator </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '52fdaa4c-d7c1-42f7-b357-ac9b222aa2d2' || highlightElementIds.level3 === '52fdaa4c-d7c1-42f7-b357-ac9b222aa2d2') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '52fdaa4c-d7c1-42f7-b357-ac9b222aa2d2')"> <a href="https://products.fst.com/eu/en/hydraulic-selector " target="_blank" rel="nofollow noopener"> Hydraulic Selector </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '6e6fca5a-702e-4bb3-af7c-4edb2e71caf4' || highlightElementIds.level3 === '6e6fca5a-702e-4bb3-af7c-4edb2e71caf4') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '6e6fca5a-702e-4bb3-af7c-4edb2e71caf4')"> <a href="https://products.fst.com/eu/en/accumulator-selector" target="_blank" rel="nofollow noopener"> Accumulator Selector </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === 'a9df870b-b118-46d7-904e-2bd753bd2253' || highlightElementIds.level3 === 'a9df870b-b118-46d7-904e-2bd753bd2253') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'a9df870b-b118-46d7-904e-2bd753bd2253')"> <a href="https://resistanceguide.fst.com/en/chemical-resistance-guide/" target="_blank" rel=""> Chemical Resistance Guide </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '1066f182-04c0-41bf-a595-c61f8dafd9c8' || highlightElementIds.level3 === '1066f182-04c0-41bf-a595-c61f8dafd9c8') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '1066f182-04c0-41bf-a595-c61f8dafd9c8')"> <a href="https://resistanceguide.fst.com/en/cip-sip-guide/" target="_blank" rel=""> CIP-/SIP-Guide </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> </ul> </template> <template x-if="activeElementIds.level2 === '3350df0b-c605-4b26-ac14-b61f5d3abdaf'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '82d700b7-f8b0-4b0b-b264-1308d7bf8a71' || highlightElementIds.level3 === '82d700b7-f8b0-4b0b-b264-1308d7bf8a71') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '82d700b7-f8b0-4b0b-b264-1308d7bf8a71')"> <a href="/services/ebusiness-eservices/easy-ordering-platform/"> EASY Ordering Platform </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '017f651a-6ed6-463f-89df-2b24ec9ab583' || highlightElementIds.level3 === '017f651a-6ed6-463f-89df-2b24ec9ab583') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '017f651a-6ed6-463f-89df-2b24ec9ab583')"> <a href="/services/ebusiness-eservices/#EASYBusinessConnector" target="" rel=""> EASY Business Connector </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '731caab9-d23e-4c3c-8a4b-a88682d0435d' || highlightElementIds.level3 === '731caab9-d23e-4c3c-8a4b-a88682d0435d') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '731caab9-d23e-4c3c-8a4b-a88682d0435d')"> <a href="/services/ebusiness-eservices/#EDIConnection" target="" rel=""> EDI Connection </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '3c38953a-7fc1-4480-a124-cb686fca116b' || highlightElementIds.level3 === '3c38953a-7fc1-4480-a124-cb686fca116b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '3c38953a-7fc1-4480-a124-cb686fca116b')"> <a href="/services/ebusiness-eservices/#OCIPunchout" target="" rel=""> OCI/Punchout </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === 'ad394d38-1bf2-4e53-9f45-d509bcc4a333'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'e16d2e7a-d0ac-47dc-8a08-a0ddd37aa2e4' || highlightElementIds.level3 === 'e16d2e7a-d0ac-47dc-8a08-a0ddd37aa2e4') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'e16d2e7a-d0ac-47dc-8a08-a0ddd37aa2e4')"> <a href="/services/product-customizing/product-modification/"> Product Modification </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'fe48d50c-a233-463b-b772-c5a316f6be38' || highlightElementIds.level3 === 'fe48d50c-a233-463b-b772-c5a316f6be38') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'fe48d50c-a233-463b-b772-c5a316f6be38')"> <a href="/services/product-customizing/#ProductTreatment" target="" rel=""> Product Treatment </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '8e11fa94-e8d3-44ea-97e7-e01717c74c92' || highlightElementIds.level3 === '8e11fa94-e8d3-44ea-97e7-e01717c74c92') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '8e11fa94-e8d3-44ea-97e7-e01717c74c92')"> <a href="/services/product-customizing/#ProductMarking" target="" rel=""> Product Marking </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === 'eb564118-9326-425f-a850-854aa210454a'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '2f5466a9-711b-4712-9668-b9d50b4261c3' || highlightElementIds.level3 === '2f5466a9-711b-4712-9668-b9d50b4261c3') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '2f5466a9-711b-4712-9668-b9d50b4261c3')"> <a href="/services/quality/#QualityManagement" target="" rel=""> Quality Management </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '550a50e9-6d08-43c9-955a-01815edab949' || highlightElementIds.level3 === '550a50e9-6d08-43c9-955a-01815edab949') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '550a50e9-6d08-43c9-955a-01815edab949')"> <a href="/services/quality/#MaterialDataSheets" target="" rel=""> Material Data Sheets </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'b8e6b5d2-8286-49a9-9de6-2fea395770fa' || highlightElementIds.level3 === 'b8e6b5d2-8286-49a9-9de6-2fea395770fa') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'b8e6b5d2-8286-49a9-9de6-2fea395770fa')"> <a href="/services/quality/#MaterialTesting" target="" rel=""> Material Testing </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '58966c51-ebf9-453c-b7a8-6c0781181701' || highlightElementIds.level3 === '58966c51-ebf9-453c-b7a8-6c0781181701') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '58966c51-ebf9-453c-b7a8-6c0781181701')"> <a href="/services/quality/#Certificates" target="" rel=""> Certificates </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '6a0e087c-6c77-4bfa-a963-63e2fc656507' || highlightElementIds.level3 === '6a0e087c-6c77-4bfa-a963-63e2fc656507') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '6a0e087c-6c77-4bfa-a963-63e2fc656507')"> <a href="/services/quality/#IMDSEntry" target="" rel=""> IMDS Entry </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'd76ca5db-3f76-46a2-8b23-e1793eec8be1' || highlightElementIds.level3 === 'd76ca5db-3f76-46a2-8b23-e1793eec8be1') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'd76ca5db-3f76-46a2-8b23-e1793eec8be1')"> <a href="/services/quality/#DualUse" target="" rel=""> Dual Use </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === 'c4d57c92-0490-4c6f-b9f3-3cd5c7127e7d'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '9d9e3b4a-6cac-416c-8f3a-fe46d26d98c2' || highlightElementIds.level3 === '9d9e3b4a-6cac-416c-8f3a-fe46d26d98c2') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '9d9e3b4a-6cac-416c-8f3a-fe46d26d98c2')"> <a href="/services/training-and-know-how/growtth-academy/"> GROWTTH Academy </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '454c1728-166c-4d65-b709-13ec13d39dab' || highlightElementIds.level3 === '454c1728-166c-4d65-b709-13ec13d39dab') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '454c1728-166c-4d65-b709-13ec13d39dab')"> <a href="/services/training-and-know-how/webinars/"> Webinars </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '2eaba79c-185e-4da5-b400-79ebc096d706' || highlightElementIds.level3 === '2eaba79c-185e-4da5-b400-79ebc096d706') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '2eaba79c-185e-4da5-b400-79ebc096d706')"> <a href="http://academy.fst.de/" target="_blank" rel="nofollow noopener"> FST Academy </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '3bcf7d08-edd5-4ca5-84f4-322883544cda' || highlightElementIds.level3 === '3bcf7d08-edd5-4ca5-84f4-322883544cda') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '3bcf7d08-edd5-4ca5-84f4-322883544cda')"> <a href="/services/training-and-know-how/#TechDay" target="" rel=""> TechDay </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '1fd94daf-8875-4bbe-96f1-605a2b2478f0' || highlightElementIds.level3 === '1fd94daf-8875-4bbe-96f1-605a2b2478f0') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '1fd94daf-8875-4bbe-96f1-605a2b2478f0')"> <a href="/services/training-and-know-how/#InhouseFairs" target="" rel=""> In-house Fairs </a> </li> </ul> </template> </div> <div class="desktop-nav__menu__column" x-ref="7ee3678f-df90-4e62-9b2d-86479cfbe30b-level4"> <template x-if="activeElementIds.level3 === '78f6c21e-4faa-44d6-b364-12a213f51ead'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level4 === '47def11a-efae-47ce-a2a8-aacaeea87adc' || highlightElementIds.level4 === '47def11a-efae-47ce-a2a8-aacaeea87adc') && 'desktop-nav__menu__item--active'"> <a href="/services/design-and-engineering/evaluation-of-sealing-systems/global-simmerring-engineering/"> Global Simmerring&#174; Engineering </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level4 === '73fb314d-2406-43db-ab8a-c516ef40202e' || highlightElementIds.level4 === '73fb314d-2406-43db-ab8a-c516ef40202e') && 'desktop-nav__menu__item--active'"> <a href="/services/design-and-engineering/evaluation-of-sealing-systems/hydraulic-sealing-systems/"> Hydraulic Sealing Systems </a> </li> </ul> </template> <template x-if="activeElementIds.level3 === 'abd7c2b9-9061-4b7f-b3be-eb412fd1d325'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '2d201888-9d34-4c49-a3bc-ef41976bae2a' || highlightElementIds.level4 === '2d201888-9d34-4c49-a3bc-ef41976bae2a') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_injection-molding-machine/?lang=en" target="_blank" rel="nofollow noopener"> Injection Molding Machines </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === 'e8deb5ae-0364-447f-bb0d-0f556c51d2f4' || highlightElementIds.level4 === 'e8deb5ae-0364-447f-bb0d-0f556c51d2f4') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_industrialpress_23-09-29/?lang=en" target="_blank" rel="nofollow noopener"> Industrial Presses </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === 'a0005f2d-ba7a-4aec-b0f1-4f8d1b1cbeef' || highlightElementIds.level4 === 'a0005f2d-ba7a-4aec-b0f1-4f8d1b1cbeef') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_windturbine_22-12-08/?lang=en" target="_blank" rel="nofollow noopener"> Wind Turbines </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === 'aa57a2cf-6324-4692-a47c-3a745fa0a91c' || highlightElementIds.level4 === 'aa57a2cf-6324-4692-a47c-3a745fa0a91c') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_heavyindustry_embeded_22-02-01/?lang=en" target="_blank" rel="nofollow noopener"> Metallurgical Industry </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '5edc729a-dbe3-46bc-8820-7dd9a8a81c0d' || highlightElementIds.level4 === '5edc729a-dbe3-46bc-8820-7dd9a8a81c0d') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_abfuellanlage_21-08-24/index.html?lang=en" target="_blank" rel="nofollow noopener"> Beverage Filling Machine </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '9eb1d0fc-5a34-4ed4-a539-24ba701d6d81' || highlightElementIds.level4 === '9eb1d0fc-5a34-4ed4-a539-24ba701d6d81') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_membranpumpe_21-07-01/?lang=en" target="_blank" rel="nofollow noopener"> Air Operated Double Diaphragm Pump </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '845581f0-d7ae-4b2b-a66c-5a11bd1df587' || highlightElementIds.level4 === '845581f0-d7ae-4b2b-a66c-5a11bd1df587') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_tablettenpresse_21-04-20/?lang=en" target="_blank" rel="nofollow noopener"> Tablet Press </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '0569c0f0-5523-48c4-b636-4ba6a87b86db' || highlightElementIds.level4 === '0569c0f0-5523-48c4-b636-4ba6a87b86db') && 'desktop-nav__menu__item--active'"> <a href="https://sitecore.fst.com/webgl_scen/FST_EMobility/index.html" target="_blank" rel="nofollow noopener"> E-Mobility </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level4 === 'b2aacb1b-6197-452b-bebe-a8c8723b8abf' || highlightElementIds.level4 === 'b2aacb1b-6197-452b-bebe-a8c8723b8abf') && 'desktop-nav__menu__item--active'"> <a href="/services/online-tools/3d-animations/hydraulic-cylinder/"> Hydraulic Cylinder </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === 'a877498e-bf04-4f0a-b8b6-275653aa74cc' || highlightElementIds.level4 === 'a877498e-bf04-4f0a-b8b6-275653aa74cc') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_coater_embeded_20-08-10/?lang=en" target="_blank" rel="nofollow noopener"> Coater </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === 'ff3991f8-ae7f-4f72-acec-afc5f7615dee' || highlightElementIds.level4 === 'ff3991f8-ae7f-4f72-acec-afc5f7615dee') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_doppelsitzventil_20-02-05/?lang=en" target="_blank" rel="nofollow noopener"> Double Seat Valve </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '184bebf0-7a09-4521-b18e-3bf037d3de3e' || highlightElementIds.level4 === '184bebf0-7a09-4521-b18e-3bf037d3de3e') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_homogenizer_22-12-01/?lang=en" target="_blank" rel="nofollow noopener"> Homogenizer Plunger Pump </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '414425af-e1cd-4340-ac36-732da8c7c5f1' || highlightElementIds.level4 === '414425af-e1cd-4340-ac36-732da8c7c5f1') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_mischer_embeded_20-04-24/?lang=en" target="_blank" rel="nofollow noopener"> Mixer </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '4c6540d6-88a2-4f95-af17-6de24bb6192f' || highlightElementIds.level4 === '4c6540d6-88a2-4f95-af17-6de24bb6192f') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/webgl_scen/FST_Diesel_Webgl/index.html" target="_blank" rel="nofollow noopener"> Diesel Engine </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> </ul> </template> <template x-if="activeElementIds.level3 === '85aa19c5-1350-42da-9f22-8e1c60a17c0c'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === 'e81c9bc7-6795-43f7-a6bc-a233b6e47f8d' || highlightElementIds.level4 === 'e81c9bc7-6795-43f7-a6bc-a233b6e47f8d') && 'desktop-nav__menu__item--active'"> <a href="https://fluidpowertour.fst.com/" target="_blank" rel="nofollow noopener"> Virtual Tour Schwalmstadt Production Site </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '74bf5a01-5a27-4c54-8f6e-974c190eba4f' || highlightElementIds.level4 === '74bf5a01-5a27-4c54-8f6e-974c190eba4f') && 'desktop-nav__menu__item--active'"> <a href="https://reichelsheim.fst.com/" target="_blank" rel="nofollow noopener"> Virtual Tour Reichelsheim Production Site </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '4e83ed23-cef6-4375-b6bc-b282c026f673' || highlightElementIds.level4 === '4e83ed23-cef6-4375-b6bc-b282c026f673') && 'desktop-nav__menu__item--active'"> <a href="https://radialshaftsealtour.fst.com/" target="_blank" rel="nofollow noopener"> Virtual Tour Simmerring&#174; Production </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === 'a8a29188-251b-484e-80ee-eea9b57ef03f' || highlightElementIds.level4 === 'a8a29188-251b-484e-80ee-eea9b57ef03f') && 'desktop-nav__menu__item--active'"> <a href="https://mixingfacilitytour.fst.com/" target="_blank" rel="nofollow noopener"> Virtual Tour Mixing Facility </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '19da70d4-e41c-401f-b73d-f49954a6591c' || highlightElementIds.level4 === '19da70d4-e41c-401f-b73d-f49954a6591c') && 'desktop-nav__menu__item--active'"> <a href="https://xpressvirtualtour.fst.com/" target="_blank" rel="nofollow noopener"> Virtual Tour Freudenberg Xpress&#174; </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level4 === '09dfc0ee-58db-4d69-b7af-0092f3f6e69c' || highlightElementIds.level4 === '09dfc0ee-58db-4d69-b7af-0092f3f6e69c') && 'desktop-nav__menu__item--active'"> <a href="/services/design-and-engineering/test-benches/" target="" rel=""> Virtual Tour Test Bench </a> </li> </ul> </template> </div> <div class="desktop-nav__menu__column desktop-nav__menu__column--aside"> <a href="/services/machined-seals/" ><img src="/-/media/images/kampagnenmotive/2019/fst_x-factor_blanko_1000x666.jpg" width="250" height="166" alt="Man and woman standing in front of a turning machine looking at a blue seal together" /></a> <p class="as-h4">Customized Sealing Solutions</p> <p>Freudenberg Xpress&#174; minimizes your downtimes and maximizes your flexibility. </p> <a href="/services/machined-seals/" class="link-btn" data-scroll="" > <span class="link-btn__text">Explore now!</span> <span class="material-symbols-outlined link-btn__icon">chevron_right</span> </a></div> </div> </li> <li class="desktop-nav__top__item desktop-nav__top__item--search" x-data="dropdown" x-id="['dropdown-button']"> <div class="hidden xl:block"> <div class="desktop-nav__search desktop-nav__search--dropdown" x-data="desktopSearch( '/searchresults/?SearchTerm=', '/api/sitecore/SearchBox/GetRootQuickLinks', '/api/sitecore/SearchBox/GetSearchSuggest' )" @keyup.escape.window="close()" @click.outside="close()"> <div class="desktop-nav__search__wrapper" :class="isOpen && 'desktop-nav__search__wrapper--open'"> <label class="vishidden" for="SearchBoxDesktopSearchTerm">Your search ...</label> <input type="text" name="SearchTerm" id="SearchBoxDesktopSearchTerm" placeholder="Your search ..." class="desktop-nav__search__input" x-ref="input" x-model="searchText" @keyup.enter="startSearch" @focusin="open" @input.debounce.300ms="open(); loadSuggestions()"> <button class="desktop-nav__search__reset" x-show="searchText" x-cloak @click="resetSearch"> <img src="/assets/icons/64-close--thick.svg" alt=64-close--thick width="8" height="8" class="icon"> </button> <button class="desktop-nav__search__button" @click="startSearch"> <img src="/assets/icons/41-magnifying-glass.svg" alt=41-magnifying-glass width="20" height="20" class="icon"> </button> </div> <div class="desktop-nav__search__dropdown" x-cloak x-show="isOpen" x-transition:enter.origin.top.delay.500ms> <template x-if="suggestionsAvailable()"> <ul> <li x-text="suggestions.headline"></li> <template x-for="suggestion in suggestions.links"> <li> <a x-html="suggestion.linktext" :href="suggestion.link" :target="suggestion.target"> </a> </li> </template> </ul> </template> <template x-if="quicklinksAvailable()"> <ul> <li x-text="quicklinks.headline"></li> <template x-for="quicklink in quicklinks.links"> <li> <a x-text="quicklink.linktext" :href="quicklink.link" :target="quicklink.target"> </a> </li> </template> </ul> </template> <template x-if="!quicklinksAvailable() && !suggestionsAvailable()"> <ul> <li> <a href="#" class="no-results">Sorry, no results found</a> </li> </ul> </template> </div> </div> </div> <div class="xl:hidden relative"> <button type="button" class="desktop-nav__search__button desktop-nav__search__button--navi" x-ref="button" @click="toggle(); $dispatch('close-menu')" :class="open && 'meta-navigation__dropdown__button--highlight'" :aria-expanded="open" :aria-controls="$id('dropdown-button')"> <img src="/assets/icons/41-magnifying-glass.svg" alt=41-magnifying-glass width="20" height="20" class="icon icon--primary"> </button> <div class="desktop-nav__search__dropdown desktop-nav__search__dropdown--wrapper" :class="{'desktop-nav__search__dropdown--open': open}" x-ref="panel" x-cloak @click.outside="!$root.contains($event.target) && close($refs.button)" :id="$id('dropdown-button')"> <div class="desktop-nav__search desktop-nav__search--dropdown" x-data="desktopSearch( '/searchresults/?SearchTerm=', '/api/sitecore/SearchBox/GetRootQuickLinks', '/api/sitecore/SearchBox/GetSearchSuggest' )" @keyup.escape.window="close()" @click.outside="close()"> <div class="desktop-nav__search__wrapper" :class="isOpen && 'desktop-nav__search__wrapper--open'"> <label class="vishidden" for="SearchBoxDesktopSearchTerm">Your search ...</label> <input type="text" name="SearchTerm" id="SearchBoxDesktopSearchTerm" placeholder="Your search ..." class="desktop-nav__search__input" x-ref="input" x-model="searchText" @keyup.enter="startSearch" @focusin="open" @input.debounce.300ms="open(); loadSuggestions()"> <button class="desktop-nav__search__reset" x-show="searchText" x-cloak @click="resetSearch"> <img src="/assets/icons/64-close--thick.svg" alt=64-close--thick width="8" height="8" class="icon"> </button> <button class="desktop-nav__search__button" @click="startSearch"> <img src="/assets/icons/41-magnifying-glass.svg" alt=41-magnifying-glass width="20" height="20" class="icon"> </button> </div> <div class="desktop-nav__search__dropdown" x-cloak x-show="isOpen" x-transition:enter.origin.top.delay.500ms> <template x-if="suggestionsAvailable()"> <ul> <li x-text="suggestions.headline"></li> <template x-for="suggestion in suggestions.links"> <li> <a x-html="suggestion.linktext" :href="suggestion.link" :target="suggestion.target"> </a> </li> </template> </ul> </template> <template x-if="quicklinksAvailable()"> <ul> <li x-text="quicklinks.headline"></li> <template x-for="quicklink in quicklinks.links"> <li> <a x-text="quicklink.linktext" :href="quicklink.link" :target="quicklink.target"> </a> </li> </template> </ul> </template> <template x-if="!quicklinksAvailable() && !suggestionsAvailable()"> <ul> <li> <a href="#" class="no-results">Sorry, no results found</a> </li> </ul> </template> </div> </div> </div> </div> </li> </ul> </div> <div class="mobile-nav"> <div class="mobile-nav__logo-wrapper"> <a href="/"> <img class="mobile-nav__logo" src="/-/media/images/branding/logo_freudenberg-mobile.svg" alt="Freudenberg Logo" width="252" height="41"/> <img class="mobile-nav__business-unit" src="/-/media/images/branding/business-unit-fst-2024.svg" alt="Freudenberg Sealing Technologies" width="252" height="41"/> </a> </div> <ul class="mobile-nav__actions"> <li class="flex items-center" x-data="dropdown" @focusin.window="!$root.contains($event.target) && close()" x-id="['dropdown-button']"> <button type="button" class="meta-navigation__dropdown__button meta-navigation__dropdown__button--account meta-navigation__dropdown__button--no-icon " x-ref="button" @click="toggle(); $dispatch('close-menu')" :class="open && 'meta-navigation__dropdown__button--highlight'" :aria-expanded="open" :aria-controls="$id('dropdown-button')"> <img src="/assets/icons/110-login.svg" alt=110-login width="20" height="20" class="icon icon--primary"> <span class="hidden!" :class="{'hidden!': $store.auth.locked}" x-cloak> <img src="/assets/icons/113-login-check.svg" alt=113-login-check width="14" height="14" class="icon icon--cyan icon-check"> </span> </button> <div class="meta-navigation__dropdown__panel meta-navigation__dropdown__panel--account" :class="[open && 'meta-navigation__dropdown__panel--open', closed && 'meta-navigation__dropdown__panel--closed']" x-ref="panel" x-cloak :id="$id('dropdown-button')"> <div class="" :class="{'hidden!': $store.auth.unlocked}"> <a class="login" href="/login/" target="_self"> <img src="/assets/icons/110-login.svg" alt=110-login width="14" height="14" class="icon icon--primary mr-2"> Login </a> <p class="mb-0 mt-3 text-center"> Don’t have an account yet? <a href="/registration/" class="" target="_self" >Register now!</a> </p> </div> <div class="hidden!" :class="{'hidden!': $store.auth.locked}" data-logout> <a href="/account/personal-data/" target="_self" class="">Personal Data</a> <a href="/account/settings-security/" target="_self" class="">Settings &amp; Security</a> <form x-data="form({enableRecaptcha: false})" @submit.prevent="handleSubmit" method="post" action='/api/sitecore/User/LogoutUser' novalidate> <button type="submit"> <img src="/assets/icons/24-arrow-right.svg" alt=24-arrow-right width="14" height="14" class="icon mr-2"> Logout </button> </form> </div> </div> </li> <li class="flex items-center mobile-nav__search" x-data="dropdown" @focusin.window="!$refs.panel.contains($event.target) && close()" x-id="['dropdown-button']"> <button type="button" class="mobile-nav__search__button" x-ref="button" @click="toggle(); $dispatch('close-menu')" :class="open && 'meta-navigation__dropdown__button--highlight'" :aria-expanded="open" :aria-controls="$id('dropdown-button')"> <img src="/assets/icons/41-magnifying-glass.svg" alt=41-magnifying-glass width="20" height="20" class="icon icon--primary"> </button> <div class="mobile-nav__search__dropdown" :class="[open && 'meta-navigation__dropdown__panel--open', closed && 'meta-navigation__dropdown__panel--closed']" x-ref="panel" x-cloak @click.outside="!$root.contains($event.target) && close($refs.button)" :id="$id('dropdown-button')"> <form action="/searchresults/" method="GET" class="mobile-nav__search__form" x-data="{searchText: ''}"> <label class="vishidden" for="SearchBoxMobileSearchTerm">Your search ...</label> <input type="text" id="SearchBoxMobileSearchTerm" name="SearchTerm" autocomplete="off" enterkeyhint="done" placeholder="Your search ..." class="mobile-nav__search__input" x-model="searchText"> <button class="mobile-nav__search__reset" @click.prevent="searchText = ''"> <img src="/assets/icons/64-close--thick.svg" alt=64-close--thick width="8" height="8" class="icon"> </button> <button type="submit" class="mobile-nav__search__submit"> <img src="/assets/icons/41-magnifying-glass.svg" alt=41-magnifying-glass width="20" height="20" class="icon icon--primary"> </button> </form> </div> </li> <li class="flex items-center" x-data="mobileNav({preselectedItems: []})" x-id="['mobilenav-button']" id="mobile-menu"> <button type="button" class="mobile-nav__menu__button" x-ref="button" @click="toggle()" :aria-expanded="open" :aria-controls="$id('mobilenav-button')"> <span x-show="!open" x-transition.opacity.duration.600ms> <img src="/assets/icons/33-burger.svg" alt=33-burger width="20" height="20" class="icon icon--primary"> </span> <span x-show="open" x-cloak x-transition.opacity.duration.600ms> <img src="/assets/icons/64-close--thick.svg" alt=64-close--thick width="20" height="20" class="icon icon--grey"> </span> </button> <div class="mobile-nav__menu__dropdown" :id="$id('mobilenav-button')" :class="open && 'mobile-nav__menu__dropdown--open'" @close-menu.window="close()"> <ul class="mobile-nav__menu__items" x-ref="menuItems"> <li x-data="languageSelect( '/api/sitecore/LanguageSwitch/GetLanguageOptions', { ContextItemId: '{2A18B01E-8B92-49C8-B5D4-4AA55E6E2DE6}', QueryParameters: '' }, { cookieDomain: '.fst.com' } )" class="mobile-nav__menu__item mobile-nav__menu__item--language-select"> <template x-for="language in availableLanguages"> <a x-text="language.shortName" :class="currentLanguage.shortName === language.shortName && 'active'" :href="language.url" @click="selectLanguage(language, $event)"> </a> </template> </li><li class="mobile-nav__menu__item mobile-nav__menu__item--level-1"> <button @click="toggleSubitems('9316a502-cfcc-4e1c-bfb6-68a2bf86e278')" data-for="9316a502-cfcc-4e1c-bfb6-68a2bf86e278" type="button"> <span>Markets</span> <span class="closed"> <img src="/assets/icons/66-plus.svg" alt=66-plus width="14" height="14" class="icon"> </span> <span class="open"> <img src="/assets/icons/67-minus.svg" alt=67-minus width="14" height="14" class="icon"> </span> </button> <div class="mobile-nav__menu__subitems" id="9316a502-cfcc-4e1c-bfb6-68a2bf86e278"> <ul class="mobile-nav__menu__items mobile-nav__menu__items--level-2 mobile-nav__menu__items--no-padding"> <li class="mobile-nav__menu__item"> <a class="overview no-margin" href="/markets/"> Overview: Markets </a> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>A</p> <a href="/markets/aerospace/" class=" "> Aerospace </a> <a href="/markets/agriculture/" class=" "> Agriculture </a> <a href="/markets/automotive-truck-bus/" class=" "> Automotive, Truck &amp; Bus </a> </div> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>B</p> <a href="/markets/building-engineering/" class=" "> Building Engineering </a> </div> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>C</p> <a href="/markets/chemical-industry/" class=" "> Chemical Industry </a> <a href="/markets/commercial-marine/" class=" "> Commercial Marine </a> <a href="/markets/construction/" class=" "> Construction </a> </div> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>E</p> <a href="/markets/e-generation/" class=" "> Energy Generation </a> <a href="/markets/e-transmission/" class=" "> Energy Transmission </a> </div> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>F</p> <a href="/markets/fluid-handling/" class=" "> Fluid Handling </a> <a href="/markets/fluid-technology/" class=" "> Fluid Technology </a> <a href="/markets/food-and-beverage-industry/" class=" "> Food &amp; Beverage Industry </a> <a href="/markets/forklifts/" class=" "> Forklifts </a> </div> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>H</p> <a href="/markets/household-appliances/" class=" "> Household Appliances </a> <a href="/markets/hydrogen/" class=" "> Hydrogen </a> </div> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>I</p> <a href="/markets/industrial-machines/" class=" "> Industrial Machines </a> <a href="/markets/industrial-presses/" class=" "> Industrial Presses </a> <a href="/markets/injection-molding-machines/" class=" "> Injection Molding Machines </a> </div> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>M</p> <a href="/markets/metal-processing/" class=" "> Metal Processing </a> </div> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>P</p> <a href="/markets/pharmaceutical-industry/" class=" "> Pharmaceutical Industry </a> <a href="/markets/power-generation/" class=" "> Power Generation </a> <a href="/markets/power-tools/" class=" "> Power Tools </a> <a href="/markets/power-transmission/" class=" "> Power Transmission </a> </div> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>R</p> <a href="/markets/railway/" class=" "> Railway </a> <a href="/markets/recreational-vehicles/" class=" "> Recreational Vehicles </a> <a href="/markets/robotics/" class=" "> Robotics </a> </div> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>T</p> <a href="/markets/tunnel-boring/" class=" "> Tunnel Boring </a> </div> </li> </ul> </div> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--level-1"> <button @click="toggleSubitems('b980b6ba-3a0e-44df-adc6-e363d82cbfe2')" data-for="b980b6ba-3a0e-44df-adc6-e363d82cbfe2" type="button"> <span>Products</span> <span class="closed"> <img src="/assets/icons/66-plus.svg" alt=66-plus width="14" height="14" class="icon"> </span> <span class="open"> <img src="/assets/icons/67-minus.svg" alt=67-minus width="14" height="14" class="icon"> </span> </button> <div class="mobile-nav__menu__subitems" id="b980b6ba-3a0e-44df-adc6-e363d82cbfe2"> <ul class="mobile-nav__menu__items mobile-nav__menu__items--level-2"> <li class="mobile-nav__menu__item " :class="preselect.level2 == 'e6f0d555-3356-475a-88da-b04d7e141490' && 'mobile-nav__menu__item--active'"> <button @click="openLevel3For('e6f0d555-3356-475a-88da-b04d7e141490')" type="button"> Static Seals <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-3"> <template x-if="level3ActiveParentId === 'e6f0d555-3356-475a-88da-b04d7e141490'" x-init="registerId('e6f0d555-3356-475a-88da-b04d7e141490')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">Products</p> <p class="level2-section">Static Seals</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '75eb48ee-8e49-4e5b-93a6-0d6faab216d4' && 'mobile-nav__menu__item--active'"> <a href="/products/static-seals/clamp-seals/" class=""> Clamp Seals </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'c2bf8cb4-1242-4b98-a335-5a0b0bd03d7f' && 'mobile-nav__menu__item--active'"> <a href="/products/static-seals/dairy-couplings/" class=""> Dairy Couplings </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '6498bb17-ae7f-4c29-aa58-64cb06af787d' && 'mobile-nav__menu__item--active'"> <a href="/products/static-seals/cover-seals/" class=""> Cover Seals </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'f8799219-242c-4b2a-b588-51c8b0803007' && 'mobile-nav__menu__item--active'"> <a href="/products/static-seals/flat-gaskets/" class=""> Flat Gaskets </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'ad23ea04-085e-4b2d-8dd6-b8bfbf67f9a7' && 'mobile-nav__menu__item--active'"> <a href="/products/static-seals/extruded-seals/" class=""> Extruded Seals </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '0cd11410-297b-4946-9523-38c2702aa6c9' && 'mobile-nav__menu__item--active'"> <a href="/products/static-seals/gaskets/" class=""> Gaskets </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '5c79d202-9f31-400d-87e7-5097e9ed9d84' && 'mobile-nav__menu__item--active'"> <a href="/products/static-seals/o-rings/" class=""> O-Rings </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'd953adb4-aeaf-453c-8fc8-1e69cd752184' && 'mobile-nav__menu__item--active'"> <a href="/products/static-seals/hygienic-usit-rings/" class=""> Hygienic Usit&#174;-Rings </a> </li> <li x-id="['level3-item']" class="mobile-nav__menu__item"> <a class="overview" href="/products/static-seals/"> Overview: Static Seals </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == '1e30bdaf-b322-436f-ac2f-d4cde63d4aaa' && 'mobile-nav__menu__item--active'"> <button @click="openLevel3For('1e30bdaf-b322-436f-ac2f-d4cde63d4aaa')" type="button"> Dynamic Seals <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-3"> <template x-if="level3ActiveParentId === '1e30bdaf-b322-436f-ac2f-d4cde63d4aaa'" x-init="registerId('1e30bdaf-b322-436f-ac2f-d4cde63d4aaa')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">Products</p> <p class="level2-section">Dynamic Seals</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '2fd65877-a4a4-4658-9c58-d284e1d92a9b' && 'mobile-nav__menu__item--active'"> <a href="/products/dynamic-seals/radial-shaft-seals/" class=""> Radial Shaft Seals </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '65b9d6ab-9302-44c3-90ed-a41fc723df23' && 'mobile-nav__menu__item--active'"> <a href="/products/dynamic-seals/radiamatic-shaft-seals/" class=""> Radiamatic Shaft Seals </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '721f97f0-c9bb-4f83-975d-99839d945186' && 'mobile-nav__menu__item--active'"> <a href="/products/dynamic-seals/rotary-and-swivel-seals/" class=""> Rotary and Swivel Seals </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'f90f4ea9-b0c4-4f9d-b8d0-5b6c59087407' && 'mobile-nav__menu__item--active'"> <a href="/products/dynamic-seals/u-cups/" class=""> U-Cups </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '466619fd-1a9e-4fc4-89ae-b28de34c7fb1' && 'mobile-nav__menu__item--active'"> <a href="/products/dynamic-seals/v-ring-seals-and-deflectors/" class=""> V-Ring Seals and Deflectors </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '271cb592-5b25-4c48-b59d-4bbfe3739d35' && 'mobile-nav__menu__item--active'"> <a href="/products/dynamic-seals/rod-seals/" class=""> Rod Seals </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'd52fda22-12c5-42a6-9cab-86410376c8f7' && 'mobile-nav__menu__item--active'"> <a href="/products/dynamic-seals/piston-seals/" class=""> Piston Seals </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '7f884583-2c1b-46e3-ad44-db4b5a3ce1e0' && 'mobile-nav__menu__item--active'"> <a href="/products/dynamic-seals/wipers/" class=""> Wipers </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'da0cc66b-081a-4ca7-ae9a-4bdfb4fca00b' && 'mobile-nav__menu__item--active'"> <a href="/products/dynamic-seals/guide-rings/" class=""> Guide Rings </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '574cce4f-03fa-4bad-87e6-0a8fdc406209' && 'mobile-nav__menu__item--active'"> <a href="/products/dynamic-seals/damper-steering-seals/" class=""> Damper &amp; Steering Seals </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '66f15646-dbb7-4b90-91ef-7c51e42a310e' && 'mobile-nav__menu__item--active'"> <a href="/products/dynamic-seals/damp-seal/" class=""> Damp &amp; Seal </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'eb6f01d0-30af-4ccf-85da-2b08e164fcdb' && 'mobile-nav__menu__item--active'"> <a href="/products/dynamic-seals/valve-stem-seals/" class=""> Valve Stem Seals </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '0af5d54e-86df-466f-b123-71d3921e4bce' && 'mobile-nav__menu__item--active'"> <a href="/products/dynamic-seals/grounding-solutions/" class=""> eCON – Electrically Conductive Nonwoven </a> </li> <li x-id="['level3-item']" class="mobile-nav__menu__item"> <a class="overview" href="/products/dynamic-seals/"> Overview: Dynamic Seals </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == '9c3354ab-6150-47a2-b7a4-66fac8470684' && 'mobile-nav__menu__item--active'"> <button @click="openLevel3For('9c3354ab-6150-47a2-b7a4-66fac8470684')" type="button"> Special Sealing Products <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-3"> <template x-if="level3ActiveParentId === '9c3354ab-6150-47a2-b7a4-66fac8470684'" x-init="registerId('9c3354ab-6150-47a2-b7a4-66fac8470684')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">Products</p> <p class="level2-section">Special Sealing Products</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'db834d30-2435-4301-8235-2e2ce2b47f28' && 'mobile-nav__menu__item--active'"> <a href="/products/special-sealing-products/forseal/" class=""> Forseal </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'a1b23302-66ee-46b1-82f1-5b008f2bd45c' && 'mobile-nav__menu__item--active'"> <a href="/products/special-sealing-products/precision-molded-parts/" class=""> Precision Molded Parts </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'ba94f5cc-b6f8-4611-9589-11f6ab230c39' && 'mobile-nav__menu__item--active'"> <a href="/products/special-sealing-products/micro-parts/" class=""> Micro Parts </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'd5474ac0-073e-4411-b8bf-5c750de12bc5' && 'mobile-nav__menu__item--active'"> <a href="/products/special-sealing-products/butterfly-valve-seals/" class=""> Butterfly Valve Seals </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'efa2918c-6d22-4fe2-bc41-01bafc3c490b' && 'mobile-nav__menu__item--active'"> <a href="/products/special-sealing-products/caps/" class=""> Caps </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'b70e28f0-8a23-419d-bead-48bddd67b909' && 'mobile-nav__menu__item--active'"> <a href="/products/special-sealing-products/stuffing-box-packings/" class=""> Stuffing Box Packings </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '2b930f9c-6731-4633-ae30-1e9d90355d3b' && 'mobile-nav__menu__item--active'"> <a href="/products/special-sealing-products/encoder/" class=""> Encoder </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'e66a878d-471d-41d3-ad21-b3d55f4e50e5' && 'mobile-nav__menu__item--active'"> <a href="/products/special-sealing-products/plug-and-seal/" class=""> Plug &amp; Seal </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '898ae062-e806-435b-8c90-556353f4785b' && 'mobile-nav__menu__item--active'"> <a href="/products/special-sealing-products/boots/" class=""> Boots </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '98c7499b-be32-4fe4-b584-ee0b41565175' && 'mobile-nav__menu__item--active'"> <a href="/products/special-sealing-products/diaphragms/" class=""> Diaphragms </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '521aa282-331e-4067-9479-a4992f7a594f' && 'mobile-nav__menu__item--active'"> <a href="/products/special-sealing-products/diavent/" class=""> DIAvent&#174; </a> </li> <li x-id="['level3-item']" class="mobile-nav__menu__item"> <a class="overview" href="/products/special-sealing-products/"> Overview: Special Sealing Products </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == '6b4e8af7-03a0-4f0b-9b58-76e7519e73df' && 'mobile-nav__menu__item--active'"> <button @click="openLevel3For('6b4e8af7-03a0-4f0b-9b58-76e7519e73df')" type="button"> Accumulators <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-3"> <template x-if="level3ActiveParentId === '6b4e8af7-03a0-4f0b-9b58-76e7519e73df'" x-init="registerId('6b4e8af7-03a0-4f0b-9b58-76e7519e73df')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">Products</p> <p class="level2-section">Accumulators</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '9fab14b4-e2b7-4b08-97d8-1ffb16916159' && 'mobile-nav__menu__item--active'"> <a href="/products/accumulators/hydraulic-accumulators/" class=""> Hydraulic Accumulators </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'de611518-1530-48d2-9ef1-096b8a3a24c2' && 'mobile-nav__menu__item--active'"> <a href="/products/accumulators/accumulator-applications/" class=""> Accumulator Applications </a> </li> <li x-id="['level3-item']" class="mobile-nav__menu__item"> <a class="overview" href="/products/accumulators/"> Overview: Accumulators </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == '38df2b75-66c0-4b33-bad9-df8617bb9383' && 'mobile-nav__menu__item--active'"> <a href="/products/innovations/"> Innovations </a> </li> <li x-id="['level2-item']" class="mobile-nav__menu__item"> <a class="overview" href="/products/"> Overview: Products </a> </li> </ul> </div> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--level-1"> <button @click="toggleSubitems('a473b833-8141-4a62-ba89-67a26c803d1e')" data-for="a473b833-8141-4a62-ba89-67a26c803d1e" type="button"> <span>Materials</span> <span class="closed"> <img src="/assets/icons/66-plus.svg" alt=66-plus width="14" height="14" class="icon"> </span> <span class="open"> <img src="/assets/icons/67-minus.svg" alt=67-minus width="14" height="14" class="icon"> </span> </button> <div class="mobile-nav__menu__subitems" id="a473b833-8141-4a62-ba89-67a26c803d1e"> <ul class="mobile-nav__menu__items mobile-nav__menu__items--level-2 mobile-nav__menu__items--no-padding"> <li class="mobile-nav__menu__item"> <a class="overview no-margin" href="/materials/"> Overview: Materials </a> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>9</p> <a href="/materials/98-au-30500-polyurethane/" class=" "> 98 AU 30500 Polyurethan </a> </div> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>A</p> <a href="/materials/acm/" class=" "> ACM </a> </div> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>E</p> <a href="/materials/epdm/" class=" "> EPDM </a> </div> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>F</p> <a href="/materials/ffkm-simriz/" class=" "> FFKM - SIMRIZ&#174; </a> <a href="/materials/fkm/" class=" "> FKM </a> <a href="/materials/fluoroprene-xp/" class=" "> Fluoroprene&#174; XP </a> </div> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>H</p> <a href="/materials/hnbr/" class=" "> HNBR </a> </div> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>N</p> <a href="/materials/nbr/" class=" "> NBR </a> <a href="/materials/nr/" class=" "> NR </a> </div> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>P</p> <a href="/materials/pa/" class=" "> PA </a> <a href="/materials/pai/" class=" "> PAI </a> <a href="/materials/peek/" class=" "> PEEK </a> <a href="/materials/pom/" class=" "> POM </a> <a href="/materials/ptfe/" class=" "> PTFE </a> <a href="/materials/pur-pu/" class=" "> PUR, PU </a> </div> </li> <li class="mobile-nav__menu__item "> <div class="mobile-nav__menu__block"> <p>V</p> <a href="/materials/vmq-pvmq-fvmq/" class=" "> VMQ, PVMQ, FVMQ </a> </div> </li> </ul> </div> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--level-1"> <button @click="toggleSubitems('4e2ad8b9-6872-4fb6-bd6b-98cc552d4d2a')" data-for="4e2ad8b9-6872-4fb6-bd6b-98cc552d4d2a" type="button"> <span>Company</span> <span class="closed"> <img src="/assets/icons/66-plus.svg" alt=66-plus width="14" height="14" class="icon"> </span> <span class="open"> <img src="/assets/icons/67-minus.svg" alt=67-minus width="14" height="14" class="icon"> </span> </button> <div class="mobile-nav__menu__subitems" id="4e2ad8b9-6872-4fb6-bd6b-98cc552d4d2a"> <ul class="mobile-nav__menu__items mobile-nav__menu__items--level-2"> <li class="mobile-nav__menu__item " :class="preselect.level2 == 'b6358aab-bb3d-4c7e-ad99-6ac7e212396e' && 'mobile-nav__menu__item--active'"> <button @click="openLevel3For('b6358aab-bb3d-4c7e-ad99-6ac7e212396e')" type="button"> About Us <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-3"> <template x-if="level3ActiveParentId === 'b6358aab-bb3d-4c7e-ad99-6ac7e212396e'" x-init="registerId('b6358aab-bb3d-4c7e-ad99-6ac7e212396e')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">Company</p> <p class="level2-section">About Us</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '0185b380-fd78-4f2b-9516-db282cb8bfc5' && 'mobile-nav__menu__item--active'"> <a href="/company/about-us/at-a-glance/" class=""> At a Glance </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '132d247a-27dd-4b69-8663-4eac5ab82e94' && 'mobile-nav__menu__item--active'"> <a href="/company/about-us/focus/" class=""> Our Focus </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '36b0febc-8ece-4832-946d-a371281bff4c' && 'mobile-nav__menu__item--active'"> <a href="/company/about-us/core-competencies/" class=""> Our Core Competencies </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '8ca5968f-8156-4b00-9c1d-1842602d46b3' && 'mobile-nav__menu__item--active'"> <a href="/company/about-us/values/" class=""> Our Values </a> </li> <li x-id="['level3-item']" class="mobile-nav__menu__item"> <a class="overview" href="/company/about-us/"> Overview: About Us </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == '88c24f93-c59b-4e05-92a8-f791e87eb293' && 'mobile-nav__menu__item--active'"> <button @click="openLevel3For('88c24f93-c59b-4e05-92a8-f791e87eb293')" type="button"> Our Organisation <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-3"> <template x-if="level3ActiveParentId === '88c24f93-c59b-4e05-92a8-f791e87eb293'" x-init="registerId('88c24f93-c59b-4e05-92a8-f791e87eb293')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">Company</p> <p class="level2-section">Our Organisation</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '751dc5ea-94a5-4166-af6b-89abcc8058b7' && 'mobile-nav__menu__item--active'"> <a href="/company/organization/management/" class=""> Our Executive Management </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '20915b2f-bf36-41d6-8043-aa4c44ab12e5' && 'mobile-nav__menu__item--active'"> <a href="/company/organization/structure/" class=""> Our Structure </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '62cddc34-5439-4fa2-b6b9-3f7371e7f938' && 'mobile-nav__menu__item--active'"> <a href="/company/organization/brands/" class=""> Our Brands </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '17e5f2bf-c495-4eac-ae4f-45beaf9d83c0' && 'mobile-nav__menu__item--active'"> <a href="/company/organization/locations/" class=""> Our Locations </a> </li> <li x-id="['level3-item']" class="mobile-nav__menu__item"> <a class="overview" href="/company/organization/"> Overview: Our Organisation </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == 'b582a92d-11cd-4e52-8354-643aa311cc90' && 'mobile-nav__menu__item--active'"> <a href="/company/sustainability/"> Sustainability </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == 'd0e37d65-15bb-484a-9d6e-7fc5a9c0f672' && 'mobile-nav__menu__item--active'"> <a href="/company/career/"> Career </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == '3675a132-9936-41a1-9241-80660586637c' && 'mobile-nav__menu__item--active'"> <a href="https://ecatalog.fst.com/Distributor/" target="_blank" rel="nofollow noopener"> Distributors <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == 'bb489962-f2cf-46ba-8a48-16c2d98fec6c' && 'mobile-nav__menu__item--active'"> <a href="/company/suppliers/"> Suppliers </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == '009f23a6-2c74-40fc-b89b-51c38aeaf730' && 'mobile-nav__menu__item--active'"> <a href="/company/trust-center/"> Trust Center </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == '34e0b950-5aeb-4144-ace8-5c9038d5e58d' && 'mobile-nav__menu__item--active'"> <a href="/company/contact/"> Contact </a> </li> <li x-id="['level2-item']" class="mobile-nav__menu__item"> <a class="overview" href="/company/"> Overview: Company </a> </li> </ul> </div> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--level-1"> <button @click="toggleSubitems('17375f89-99b2-4984-9a95-92dbb3a42a88')" data-for="17375f89-99b2-4984-9a95-92dbb3a42a88" type="button"> <span>News &amp; Stories</span> <span class="closed"> <img src="/assets/icons/66-plus.svg" alt=66-plus width="14" height="14" class="icon"> </span> <span class="open"> <img src="/assets/icons/67-minus.svg" alt=67-minus width="14" height="14" class="icon"> </span> </button> <div class="mobile-nav__menu__subitems" id="17375f89-99b2-4984-9a95-92dbb3a42a88"> <ul class="mobile-nav__menu__items mobile-nav__menu__items--level-2"> <li class="mobile-nav__menu__item " :class="preselect.level2 == 'f1a2b59e-f520-4e28-8575-47630cdc80a7' && 'mobile-nav__menu__item--active'"> <button @click="openLevel3For('f1a2b59e-f520-4e28-8575-47630cdc80a7')" type="button"> Press Releases <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-3"> <template x-if="level3ActiveParentId === 'f1a2b59e-f520-4e28-8575-47630cdc80a7'" x-init="registerId('f1a2b59e-f520-4e28-8575-47630cdc80a7')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">News &amp; Stories</p> <p class="level2-section">Press Releases</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '4867fd89-9222-4be9-963a-e2bf0ee9d6d8' && 'mobile-nav__menu__item--active'"> <a href="/news-stories/press-releases/press-archive/" class=""> Press Archive </a> </li> <li x-id="['level3-item']" class="mobile-nav__menu__item"> <a class="overview" href="/news-stories/press-releases/"> Overview: Press Releases </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == 'a447ac8f-f3c1-4510-b5ce-0ed0ce7f8233' && 'mobile-nav__menu__item--active'"> <button @click="openLevel3For('a447ac8f-f3c1-4510-b5ce-0ed0ce7f8233')" type="button"> Magazine <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-3"> <template x-if="level3ActiveParentId === 'a447ac8f-f3c1-4510-b5ce-0ed0ce7f8233'" x-init="registerId('a447ac8f-f3c1-4510-b5ce-0ed0ce7f8233')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">News &amp; Stories</p> <p class="level2-section">Magazine</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '3920e44e-c4ce-4570-8072-ebcb289b5d9a' && 'mobile-nav__menu__item--active'"> <a href="/news-stories/magazine/digitalization/" class=""> Digitalization </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'b5af8573-7981-4eb0-a7a8-c8d0b6a30398' && 'mobile-nav__menu__item--active'"> <a href="/news-stories/magazine/e-mobility/" class=""> E-Mobility </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'c88587b8-539d-4172-a1ef-51584d25a96d' && 'mobile-nav__menu__item--active'"> <a href="/news-stories/magazine/food-and-beverage/" class=""> Food &amp; Beverage </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'fc5ae02b-1530-4b70-9bb4-b8a002b56035' && 'mobile-nav__menu__item--active'"> <a href="/news-stories/magazine/renewable-energy/" class=""> Renewable Energy </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '1f4001a8-3197-4a20-9774-dee1feee4561' && 'mobile-nav__menu__item--active'"> <a href="/news-stories/magazine/sustainability/" class=""> Sustainability </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'a84b159e-c620-4934-82d4-14b5491b158b' && 'mobile-nav__menu__item--active'"> <a href="/news-stories/magazine/technology/" class=""> Technology </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '0bdaac5b-b2ff-4e1d-8a6e-9a08ed9d74a2' && 'mobile-nav__menu__item--active'"> <a href="/news-stories/magazine/future-files/" class=""> Future Files </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '5daef8f1-b0f6-45f8-a5df-5e985ca4a9c0' && 'mobile-nav__menu__item--active'"> <a href="/news-stories/magazine/archive/" class=""> Archive </a> </li> <li x-id="['level3-item']" class="mobile-nav__menu__item"> <a class="overview" href="/news-stories/magazine/"> Overview: Magazine </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == 'ea026ea1-24c6-4614-911f-4addc6277b44' && 'mobile-nav__menu__item--active'"> <a href="/news-stories/newsletter/"> Newsletter </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == 'ce0b67a6-9ca6-49af-aa49-f69b67ad10f6' && 'mobile-nav__menu__item--active'"> <a href="/news-stories/news-service/"> News Service </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == 'fc586d02-9711-428a-8c72-dc48e032747b' && 'mobile-nav__menu__item--active'"> <a href="/news-stories/team/"> Team </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == '0d183e90-17ab-4509-bea6-478fdc2eeb5e' && 'mobile-nav__menu__item--active'"> <a href="/news-stories/pfas-update/"> PFAS Update </a> </li> <li x-id="['level2-item']" class="mobile-nav__menu__item"> <a class="overview" href="/news-stories/"> Overview: News &amp; Stories </a> </li> </ul> </div> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--level-1"> <button @click="toggleSubitems('f6e45f8e-736d-4e48-b171-e307ab6a93f5')" data-for="f6e45f8e-736d-4e48-b171-e307ab6a93f5" type="button"> <span>Events</span> <span class="closed"> <img src="/assets/icons/66-plus.svg" alt=66-plus width="14" height="14" class="icon"> </span> <span class="open"> <img src="/assets/icons/67-minus.svg" alt=67-minus width="14" height="14" class="icon"> </span> </button> <div class="mobile-nav__menu__subitems" id="f6e45f8e-736d-4e48-b171-e307ab6a93f5"> <ul class="mobile-nav__menu__items mobile-nav__menu__items--level-2"> <li class="mobile-nav__menu__item " :class="preselect.level2 == '8219affe-c8fe-4719-a03f-8797bd3323e6' && 'mobile-nav__menu__item--active'"> <a href="/events/archive/"> Archive </a> </li> <li x-id="['level2-item']" class="mobile-nav__menu__item"> <a class="overview" href="/events/"> Overview: Events </a> </li> </ul> </div> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--level-1"> <button @click="toggleSubitems('7ee3678f-df90-4e62-9b2d-86479cfbe30b')" data-for="7ee3678f-df90-4e62-9b2d-86479cfbe30b" type="button"> <span>Services</span> <span class="closed"> <img src="/assets/icons/66-plus.svg" alt=66-plus width="14" height="14" class="icon"> </span> <span class="open"> <img src="/assets/icons/67-minus.svg" alt=67-minus width="14" height="14" class="icon"> </span> </button> <div class="mobile-nav__menu__subitems" id="7ee3678f-df90-4e62-9b2d-86479cfbe30b"> <ul class="mobile-nav__menu__items mobile-nav__menu__items--level-2"> <li class="mobile-nav__menu__item " :class="preselect.level2 == 'b70bc47b-f309-48d7-85c0-daf7866916cf' && 'mobile-nav__menu__item--active'"> <a href="/services/engineers/"> Engineers </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == '915cdd9c-1fca-42fe-985a-affc90a21b62' && 'mobile-nav__menu__item--active'"> <a href="/services/maintenance-and-quality-managers/"> Maintenance and Quality Managers </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == '8f730023-fb98-4d26-8c6e-bff6d76c0762' && 'mobile-nav__menu__item--active'"> <a href="/services/purchasing-and-supply-chain-managers/"> Purchasing and Supply Chain Managers </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == '61216a05-1290-4ba7-934c-37c499bbdacc' && 'mobile-nav__menu__item--active'"> <button @click="openLevel3For('61216a05-1290-4ba7-934c-37c499bbdacc')" type="button"> Design &amp; Engineering <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-3"> <template x-if="level3ActiveParentId === '61216a05-1290-4ba7-934c-37c499bbdacc'" x-init="registerId('61216a05-1290-4ba7-934c-37c499bbdacc')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">Services</p> <p class="level2-section">Design &amp; Engineering</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '78f6c21e-4faa-44d6-b364-12a213f51ead' && 'mobile-nav__menu__item--active'"> <button @click="openLevel4For('78f6c21e-4faa-44d6-b364-12a213f51ead')" type="button"> Evaluation of Sealing Systems <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-4"> <template x-if="level4ActiveParentId === '78f6c21e-4faa-44d6-b364-12a213f51ead'" x-init="registerId('78f6c21e-4faa-44d6-b364-12a213f51ead')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(3)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">Design &amp; Engineering</p> <p class="level2-section">Evaluation of Sealing Systems</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == '47def11a-efae-47ce-a2a8-aacaeea87adc' && 'mobile-nav__menu__item--active'"> <a href="/services/design-and-engineering/evaluation-of-sealing-systems/global-simmerring-engineering/" class=""> Global Simmerring&#174; Engineering </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == '73fb314d-2406-43db-ab8a-c516ef40202e' && 'mobile-nav__menu__item--active'"> <a href="/services/design-and-engineering/evaluation-of-sealing-systems/hydraulic-sealing-systems/" class=""> Hydraulic Sealing Systems </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(3)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '9ac8cbd5-6dfc-48da-ba62-62819b46c2e8' && 'mobile-nav__menu__item--active'"> <a href="/services/design-and-engineering/#HygienicDesign" target="" rel="" class=""> Hygienic Design </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'c5cfe605-dfc7-4d31-b74e-e8e9cc664fbb' && 'mobile-nav__menu__item--active'"> <a href="/services/design-and-engineering/test-benches/" class=""> Test Benches </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '6fb01042-449e-4685-839f-af95a148e579' && 'mobile-nav__menu__item--active'"> <a href="/services/design-and-engineering/#LubeSeal" target="" rel="" class=""> Lube &amp; Seal </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '56669e45-e99f-4fef-b5f4-af35a09366f6' && 'mobile-nav__menu__item--active'"> <a href="/services/design-and-engineering/#ProductCatalog" target="" rel="" class=""> Product Catalog </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '1e0489a6-820b-4680-94b6-fa9343895218' && 'mobile-nav__menu__item--active'"> <a href="/services/design-and-engineering/#CADDownloads" target="" rel="" class=""> CAD Downloads </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'df76ec64-70a5-436b-9476-6de6273678d3' && 'mobile-nav__menu__item--active'"> <a href="https://simmerring-selector.fst.com/SimmerringSelector?language=en" target="_blank" rel="nofollow noopener" class=""> Simmerring&#174; Selector <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '321fcedd-846a-4b19-8721-20c0d9514e17' && 'mobile-nav__menu__item--active'"> <a href="https://oring.fst.com/" target="_blank" rel="nofollow noopener" class=""> O-Ring Calculator <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '3cbf4a01-5c2e-4f71-b38b-3316ab82d830' && 'mobile-nav__menu__item--active'"> <a href="https://products.fst.com/eu/en/hydraulic-selector " target="_blank" rel="nofollow noopener" class=""> Hydraulic Selector <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '26324851-dd88-4d52-82b6-2717d98f0439' && 'mobile-nav__menu__item--active'"> <a href="https://products.fst.com/eu/en/accumulator-selector" target="_blank" rel="nofollow noopener" class=""> Accumulator Selector <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '4baa95e6-f820-467c-b94a-32b434042a1a' && 'mobile-nav__menu__item--active'"> <a href="https://resistanceguide.fst.com/en/chemical-resistance-guide/" target="_blank" rel="" class=""> Chemical Resistance Guide <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '8b8c27ea-5154-491f-b0fc-86e25089ee5e' && 'mobile-nav__menu__item--active'"> <a href="https://resistanceguide.fst.com/en/cip-sip-guide/" target="_blank" rel="" class=""> CIP-/SIP-Guide <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '2b4b5c1a-0679-4ba1-9859-6fb264abae28' && 'mobile-nav__menu__item--active'"> <a href="https://www.youtube.com/user/FreudenbergSealing/featured" target="_blank" rel="nofollow noreferer noopener" class=""> Videos <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '4ee1ddd6-f30a-417d-ac13-969b962a33b8' && 'mobile-nav__menu__item--active'"> <a href="/services/design-and-engineering/#Hotline" target="" rel="" class=""> Hotline </a> </li> <li x-id="['level3-item']" class="mobile-nav__menu__item"> <a class="overview" href="/services/design-and-engineering/"> Overview: Design &amp; Engineering </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == '0d9dc498-938c-431d-949e-13feddd4aabf' && 'mobile-nav__menu__item--active'"> <button @click="openLevel3For('0d9dc498-938c-431d-949e-13feddd4aabf')" type="button"> Logistics &amp; Supply Chain <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-3"> <template x-if="level3ActiveParentId === '0d9dc498-938c-431d-949e-13feddd4aabf'" x-init="registerId('0d9dc498-938c-431d-949e-13feddd4aabf')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">Services</p> <p class="level2-section">Logistics &amp; Supply Chain</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '2394a6bf-97c5-4082-b220-e93a51c4bfd6' && 'mobile-nav__menu__item--active'"> <a href="/services/logistics-and-supply-chain/#TrackTrace" target="" rel="" class=""> Track &amp; Trace </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '26cce031-0f71-4a8d-b992-8235a9da21a6' && 'mobile-nav__menu__item--active'"> <a href="/services/logistics-and-supply-chain/#NextDayDelivery" target="" rel="" class=""> Next Day Delivery </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '3130b6f2-bb92-4d27-ad10-7969b3cdacfd' && 'mobile-nav__menu__item--active'"> <a href="/services/logistics-and-supply-chain/distribution-network/" class=""> Distribution Network </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '5b9b4992-2a42-4813-9b57-9f2ce3907d7a' && 'mobile-nav__menu__item--active'"> <a href="/services/logistics-and-supply-chain/mro-specific-products/" class=""> MRO Specific Products </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'e0a94b3c-869d-4d55-af17-67124e4c9dfc' && 'mobile-nav__menu__item--active'"> <a href="/services/logistics-and-supply-chain/#PackagingSolutions" target="" rel="" class=""> Packaging Solutions </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'bb40f615-2fa8-4e75-92bb-195a7184e115' && 'mobile-nav__menu__item--active'"> <a href="/services/logistics-and-supply-chain/#Kitting" target="" rel="" class=""> Kitting </a> </li> <li x-id="['level3-item']" class="mobile-nav__menu__item"> <a class="overview" href="/services/logistics-and-supply-chain/"> Overview: Logistics &amp; Supply Chain </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == '7002f3f4-bc5c-43a2-8f54-96ddcaa3a53b' && 'mobile-nav__menu__item--active'"> <button @click="openLevel3For('7002f3f4-bc5c-43a2-8f54-96ddcaa3a53b')" type="button"> Machined Seals <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-3"> <template x-if="level3ActiveParentId === '7002f3f4-bc5c-43a2-8f54-96ddcaa3a53b'" x-init="registerId('7002f3f4-bc5c-43a2-8f54-96ddcaa3a53b')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">Services</p> <p class="level2-section">Machined Seals</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '93d29747-2955-4e64-b7b4-39eb1c09f5c7' && 'mobile-nav__menu__item--active'"> <a href="/services/machined-seals/rapid-prototyping-and-customized-production/" class=""> Rapid Prototyping and Customized Production </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '24862d41-67bc-4b61-9192-2446b327fb39' && 'mobile-nav__menu__item--active'"> <a href="/services/machined-seals/economic-small-series-production/" class=""> Economic Small Series Production </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '4e757b60-3d17-418d-b1cc-ef11e65e65ec' && 'mobile-nav__menu__item--active'"> <a href="/services/machined-seals/welded-seals/" class=""> Welded Seals </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '63fd72ff-962a-45d3-9049-ec4479319b50' && 'mobile-nav__menu__item--active'"> <a href="/services/machined-seals/gasket-plotting/" class=""> Gasket Plotting </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '8afbcd54-a324-4236-bf59-e2d4fb09413d' && 'mobile-nav__menu__item--active'"> <a href="/services/machined-seals/segment-specific-solutions-for-the-heavy-and-process-industry/" class=""> Segment-Specific Solutions for the Heavy and Process Industry </a> </li> <li x-id="['level3-item']" class="mobile-nav__menu__item"> <a class="overview" href="/services/machined-seals/"> Overview: Machined Seals </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == '9aa76069-5f7d-49f4-8ed4-7b6670c8d5d2' && 'mobile-nav__menu__item--active'"> <button @click="openLevel3For('9aa76069-5f7d-49f4-8ed4-7b6670c8d5d2')" type="button"> Online Tools <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-3"> <template x-if="level3ActiveParentId === '9aa76069-5f7d-49f4-8ed4-7b6670c8d5d2'" x-init="registerId('9aa76069-5f7d-49f4-8ed4-7b6670c8d5d2')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">Services</p> <p class="level2-section">Online Tools</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '9b14c08c-f5ee-470c-b46d-65189dcd9d82' && 'mobile-nav__menu__item--active'"> <a href="/services/online-tools/#ProductCatalog" target="" rel="" class=""> Product Catalog </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '240596b6-6cb1-47a0-8308-529998f2c23f' && 'mobile-nav__menu__item--active'"> <a href="/services/ebusiness-eservices/easy-ordering-platform/" target="" rel="" class=""> EASY Ordering Platform </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'abd7c2b9-9061-4b7f-b3be-eb412fd1d325' && 'mobile-nav__menu__item--active'"> <button @click="openLevel4For('abd7c2b9-9061-4b7f-b3be-eb412fd1d325')" type="button"> 3D Animations <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-4"> <template x-if="level4ActiveParentId === 'abd7c2b9-9061-4b7f-b3be-eb412fd1d325'" x-init="registerId('abd7c2b9-9061-4b7f-b3be-eb412fd1d325')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(3)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">Online Tools</p> <p class="level2-section">3D Animations</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == '2d201888-9d34-4c49-a3bc-ef41976bae2a' && 'mobile-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_injection-molding-machine/?lang=en" target="_blank" rel="nofollow noopener" class=""> Injection Molding Machines <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == 'e8deb5ae-0364-447f-bb0d-0f556c51d2f4' && 'mobile-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_industrialpress_23-09-29/?lang=en" target="_blank" rel="nofollow noopener" class=""> Industrial Presses <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == 'a0005f2d-ba7a-4aec-b0f1-4f8d1b1cbeef' && 'mobile-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_windturbine_22-12-08/?lang=en" target="_blank" rel="nofollow noopener" class=""> Wind Turbines <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == 'aa57a2cf-6324-4692-a47c-3a745fa0a91c' && 'mobile-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_heavyindustry_embeded_22-02-01/?lang=en" target="_blank" rel="nofollow noopener" class=""> Metallurgical Industry <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == '5edc729a-dbe3-46bc-8820-7dd9a8a81c0d' && 'mobile-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_abfuellanlage_21-08-24/index.html?lang=en" target="_blank" rel="nofollow noopener" class=""> Beverage Filling Machine <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == '9eb1d0fc-5a34-4ed4-a539-24ba701d6d81' && 'mobile-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_membranpumpe_21-07-01/?lang=en" target="_blank" rel="nofollow noopener" class=""> Air Operated Double Diaphragm Pump <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == '845581f0-d7ae-4b2b-a66c-5a11bd1df587' && 'mobile-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_tablettenpresse_21-04-20/?lang=en" target="_blank" rel="nofollow noopener" class=""> Tablet Press <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == '0569c0f0-5523-48c4-b636-4ba6a87b86db' && 'mobile-nav__menu__item--active'"> <a href="https://sitecore.fst.com/webgl_scen/FST_EMobility/index.html" target="_blank" rel="nofollow noopener" class=""> E-Mobility <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == 'b2aacb1b-6197-452b-bebe-a8c8723b8abf' && 'mobile-nav__menu__item--active'"> <a href="/services/online-tools/3d-animations/hydraulic-cylinder/" class=""> Hydraulic Cylinder </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == 'a877498e-bf04-4f0a-b8b6-275653aa74cc' && 'mobile-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_coater_embeded_20-08-10/?lang=en" target="_blank" rel="nofollow noopener" class=""> Coater <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == 'ff3991f8-ae7f-4f72-acec-afc5f7615dee' && 'mobile-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_doppelsitzventil_20-02-05/?lang=en" target="_blank" rel="nofollow noopener" class=""> Double Seat Valve <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == '184bebf0-7a09-4521-b18e-3bf037d3de3e' && 'mobile-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_homogenizer_22-12-01/?lang=en" target="_blank" rel="nofollow noopener" class=""> Homogenizer Plunger Pump <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == '414425af-e1cd-4340-ac36-732da8c7c5f1' && 'mobile-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_mischer_embeded_20-04-24/?lang=en" target="_blank" rel="nofollow noopener" class=""> Mixer <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == '4c6540d6-88a2-4f95-af17-6de24bb6192f' && 'mobile-nav__menu__item--active'"> <a href="https://www.fst.com/webgl_scen/FST_Diesel_Webgl/index.html" target="_blank" rel="nofollow noopener" class=""> Diesel Engine <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item"> <a class="overview" href="/services/online-tools/3d-animations/" class=""> Overview: 3D Animations </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(3)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '85aa19c5-1350-42da-9f22-8e1c60a17c0c' && 'mobile-nav__menu__item--active'"> <button @click="openLevel4For('85aa19c5-1350-42da-9f22-8e1c60a17c0c')" type="button"> Virtual Tours <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-4"> <template x-if="level4ActiveParentId === '85aa19c5-1350-42da-9f22-8e1c60a17c0c'" x-init="registerId('85aa19c5-1350-42da-9f22-8e1c60a17c0c')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(3)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">Online Tools</p> <p class="level2-section">Virtual Tours</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == 'e81c9bc7-6795-43f7-a6bc-a233b6e47f8d' && 'mobile-nav__menu__item--active'"> <a href="https://fluidpowertour.fst.com/" target="_blank" rel="nofollow noopener" class=""> Virtual Tour Schwalmstadt Production Site <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == '74bf5a01-5a27-4c54-8f6e-974c190eba4f' && 'mobile-nav__menu__item--active'"> <a href="https://reichelsheim.fst.com/" target="_blank" rel="nofollow noopener" class=""> Virtual Tour Reichelsheim Production Site <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == '4e83ed23-cef6-4375-b6bc-b282c026f673' && 'mobile-nav__menu__item--active'"> <a href="https://radialshaftsealtour.fst.com/" target="_blank" rel="nofollow noopener" class=""> Virtual Tour Simmerring&#174; Production <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == 'a8a29188-251b-484e-80ee-eea9b57ef03f' && 'mobile-nav__menu__item--active'"> <a href="https://mixingfacilitytour.fst.com/" target="_blank" rel="nofollow noopener" class=""> Virtual Tour Mixing Facility <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == '19da70d4-e41c-401f-b73d-f49954a6591c' && 'mobile-nav__menu__item--active'"> <a href="https://xpressvirtualtour.fst.com/" target="_blank" rel="nofollow noopener" class=""> Virtual Tour Freudenberg Xpress&#174; <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level4 == '09dfc0ee-58db-4d69-b7af-0092f3f6e69c' && 'mobile-nav__menu__item--active'"> <a href="/services/design-and-engineering/test-benches/" target="" rel="" class=""> Virtual Tour Test Bench </a> </li> <li class="mobile-nav__menu__item"> <a class="overview" href="/services/online-tools/virtual-tours/" class=""> Overview: Virtual Tours </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(3)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'db395a98-ea06-4681-b838-7af7b4c0107f' && 'mobile-nav__menu__item--active'"> <a href="https://simmerring-selector.fst.com/SimmerringSelector?language=en" target="_blank" rel="nofollow noopener" class=""> Simmerring&#174; Selector <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '0bea7580-bf26-45d6-a9e6-bce74d4f9472' && 'mobile-nav__menu__item--active'"> <a href="https://oring.fst.com/" target="_blank" rel="nofollow noopener" class=""> O-Ring Calculator <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '52fdaa4c-d7c1-42f7-b357-ac9b222aa2d2' && 'mobile-nav__menu__item--active'"> <a href="https://products.fst.com/eu/en/hydraulic-selector " target="_blank" rel="nofollow noopener" class=""> Hydraulic Selector <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '6e6fca5a-702e-4bb3-af7c-4edb2e71caf4' && 'mobile-nav__menu__item--active'"> <a href="https://products.fst.com/eu/en/accumulator-selector" target="_blank" rel="nofollow noopener" class=""> Accumulator Selector <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'a9df870b-b118-46d7-904e-2bd753bd2253' && 'mobile-nav__menu__item--active'"> <a href="https://resistanceguide.fst.com/en/chemical-resistance-guide/" target="_blank" rel="" class=""> Chemical Resistance Guide <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '1066f182-04c0-41bf-a595-c61f8dafd9c8' && 'mobile-nav__menu__item--active'"> <a href="https://resistanceguide.fst.com/en/cip-sip-guide/" target="_blank" rel="" class=""> CIP-/SIP-Guide <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li x-id="['level3-item']" class="mobile-nav__menu__item"> <a class="overview" href="/services/online-tools/"> Overview: Online Tools </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == '3350df0b-c605-4b26-ac14-b61f5d3abdaf' && 'mobile-nav__menu__item--active'"> <button @click="openLevel3For('3350df0b-c605-4b26-ac14-b61f5d3abdaf')" type="button"> eBusiness / eServices <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-3"> <template x-if="level3ActiveParentId === '3350df0b-c605-4b26-ac14-b61f5d3abdaf'" x-init="registerId('3350df0b-c605-4b26-ac14-b61f5d3abdaf')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">Services</p> <p class="level2-section">eBusiness / eServices</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '82d700b7-f8b0-4b0b-b264-1308d7bf8a71' && 'mobile-nav__menu__item--active'"> <a href="/services/ebusiness-eservices/easy-ordering-platform/" class=""> EASY Ordering Platform </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '017f651a-6ed6-463f-89df-2b24ec9ab583' && 'mobile-nav__menu__item--active'"> <a href="/services/ebusiness-eservices/#EASYBusinessConnector" target="" rel="" class=""> EASY Business Connector </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '731caab9-d23e-4c3c-8a4b-a88682d0435d' && 'mobile-nav__menu__item--active'"> <a href="/services/ebusiness-eservices/#EDIConnection" target="" rel="" class=""> EDI Connection </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '3c38953a-7fc1-4480-a124-cb686fca116b' && 'mobile-nav__menu__item--active'"> <a href="/services/ebusiness-eservices/#OCIPunchout" target="" rel="" class=""> OCI/Punchout </a> </li> <li x-id="['level3-item']" class="mobile-nav__menu__item"> <a class="overview" href="/services/ebusiness-eservices/"> Overview: eBusiness / eServices </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == 'ad394d38-1bf2-4e53-9f45-d509bcc4a333' && 'mobile-nav__menu__item--active'"> <button @click="openLevel3For('ad394d38-1bf2-4e53-9f45-d509bcc4a333')" type="button"> Product Customizing <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-3"> <template x-if="level3ActiveParentId === 'ad394d38-1bf2-4e53-9f45-d509bcc4a333'" x-init="registerId('ad394d38-1bf2-4e53-9f45-d509bcc4a333')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">Services</p> <p class="level2-section">Product Customizing</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'e16d2e7a-d0ac-47dc-8a08-a0ddd37aa2e4' && 'mobile-nav__menu__item--active'"> <a href="/services/product-customizing/product-modification/" class=""> Product Modification </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'fe48d50c-a233-463b-b772-c5a316f6be38' && 'mobile-nav__menu__item--active'"> <a href="/services/product-customizing/#ProductTreatment" target="" rel="" class=""> Product Treatment </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '8e11fa94-e8d3-44ea-97e7-e01717c74c92' && 'mobile-nav__menu__item--active'"> <a href="/services/product-customizing/#ProductMarking" target="" rel="" class=""> Product Marking </a> </li> <li x-id="['level3-item']" class="mobile-nav__menu__item"> <a class="overview" href="/services/product-customizing/"> Overview: Product Customizing </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == 'eb564118-9326-425f-a850-854aa210454a' && 'mobile-nav__menu__item--active'"> <button @click="openLevel3For('eb564118-9326-425f-a850-854aa210454a')" type="button"> Quality <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-3"> <template x-if="level3ActiveParentId === 'eb564118-9326-425f-a850-854aa210454a'" x-init="registerId('eb564118-9326-425f-a850-854aa210454a')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">Services</p> <p class="level2-section">Quality</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '2f5466a9-711b-4712-9668-b9d50b4261c3' && 'mobile-nav__menu__item--active'"> <a href="/services/quality/#QualityManagement" target="" rel="" class=""> Quality Management </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '550a50e9-6d08-43c9-955a-01815edab949' && 'mobile-nav__menu__item--active'"> <a href="/services/quality/#MaterialDataSheets" target="" rel="" class=""> Material Data Sheets </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'b8e6b5d2-8286-49a9-9de6-2fea395770fa' && 'mobile-nav__menu__item--active'"> <a href="/services/quality/#MaterialTesting" target="" rel="" class=""> Material Testing </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '58966c51-ebf9-453c-b7a8-6c0781181701' && 'mobile-nav__menu__item--active'"> <a href="/services/quality/#Certificates" target="" rel="" class=""> Certificates </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '6a0e087c-6c77-4bfa-a963-63e2fc656507' && 'mobile-nav__menu__item--active'"> <a href="/services/quality/#IMDSEntry" target="" rel="" class=""> IMDS Entry </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == 'd76ca5db-3f76-46a2-8b23-e1793eec8be1' && 'mobile-nav__menu__item--active'"> <a href="/services/quality/#DualUse" target="" rel="" class=""> Dual Use </a> </li> <li x-id="['level3-item']" class="mobile-nav__menu__item"> <a class="overview" href="/services/quality/"> Overview: Quality </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == 'c4d57c92-0490-4c6f-b9f3-3cd5c7127e7d' && 'mobile-nav__menu__item--active'"> <button @click="openLevel3For('c4d57c92-0490-4c6f-b9f3-3cd5c7127e7d')" type="button"> Training &amp; Know-how <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> </button> <template x-teleport="#mobile-nav-flyin-level-3"> <template x-if="level3ActiveParentId === 'c4d57c92-0490-4c6f-b9f3-3cd5c7127e7d'" x-init="registerId('c4d57c92-0490-4c6f-b9f3-3cd5c7127e7d')"> <ul class="mobile-nav__menu__items"> <li class="mobile-nav__menu__item mobile-nav__menu__item--back"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--info"> <p class="level1-section">Services</p> <p class="level2-section">Training &amp; Know-how</p> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '9d9e3b4a-6cac-416c-8f3a-fe46d26d98c2' && 'mobile-nav__menu__item--active'"> <a href="/services/training-and-know-how/growtth-academy/" class=""> GROWTTH Academy </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '454c1728-166c-4d65-b709-13ec13d39dab' && 'mobile-nav__menu__item--active'"> <a href="/services/training-and-know-how/webinars/" class=""> Webinars </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '2eaba79c-185e-4da5-b400-79ebc096d706' && 'mobile-nav__menu__item--active'"> <a href="http://academy.fst.de/" target="_blank" rel="nofollow noopener" class=""> FST Academy <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '3bcf7d08-edd5-4ca5-84f4-322883544cda' && 'mobile-nav__menu__item--active'"> <a href="/services/training-and-know-how/#TechDay" target="" rel="" class=""> TechDay </a> </li> <li class="mobile-nav__menu__item " :class="preselect.level3 == '1fd94daf-8875-4bbe-96f1-605a2b2478f0' && 'mobile-nav__menu__item--active'"> <a href="/services/training-and-know-how/#InhouseFairs" target="" rel="" class=""> In-house Fairs </a> </li> <li x-id="['level3-item']" class="mobile-nav__menu__item"> <a class="overview" href="/services/training-and-know-how/"> Overview: Training &amp; Know-how </a> </li> <li class="mobile-nav__menu__item"> <hr> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--back mobile-nav__menu__item--mt-0"> <a href="#" @click.prevent="goBackToLevel(2)"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="7" height="14" class="icon"> Back </a> </li> </ul> </template> </template> </li> <li class="mobile-nav__menu__item " :class="preselect.level2 == 'a87037dd-81ed-4c2b-a89e-4c7904646e6b' && 'mobile-nav__menu__item--active'"> <a href="/services/downloads/"> Downloads </a> </li> <li x-id="['level2-item']" class="mobile-nav__menu__item"> <a class="overview" href="/services/"> Overview: Services </a> </li> </ul> </div> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--level-1 mobile-nav__menu__item--secondary" x-id="['level1-subitems']"> <button @click="toggleSubitems('SegmentEntryBarLinkList')" data-for="SegmentEntryBarLinkList" type="button"> <span>Affiliates</span> <span class="closed"> <img src="/assets/icons/66-plus.svg" alt=66-plus width="14" height="14" class="icon"> </span> <span class="open"> <img src="/assets/icons/67-minus.svg" alt=67-minus width="14" height="14" class="icon"> </span> </button> <div class="mobile-nav__menu__subitems" id="SegmentEntryBarLinkList"> <ul class="mobile-nav__menu__items mobile-nav__menu__items--level-2"> <li class="mobile-nav__menu__item"> <a href="https://www.corteco.com/en/home/" target="_blank" rel="nofollow noopener" >Corteco</a> </li> </ul> </div> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--level-1 mobile-nav__menu__item--secondary"> <a href="/company/suppliers/" >Suppliers</a> </li> <li class="mobile-nav__menu__item mobile-nav__menu__item--level-1 mobile-nav__menu__item--secondary"> <a href="/company/trust-center/" >Trust Center</a> </li> </ul> <div id="mobile-nav-flyin-level-3" class="mobile-nav__menu__flyin" x-ref="level3" :class="[level3Visible && 'mobile-nav__menu__flyin--visible', flyoutsEnabled && 'mobile-nav__menu__flyin--enabled']"> </div> <div id="mobile-nav-flyin-level-4" class="mobile-nav__menu__flyin" x-ref="level4" :class="[level4Visible && 'mobile-nav__menu__flyin--visible', flyoutsEnabled && 'mobile-nav__menu__flyin--enabled']"> </div> </div> </li> </ul> </div> </nav> </header> <div id="main" class="outer-wrapper "> <div class="outer-grid"> <div class="flex flex-wrap"> <div class="w-full bg-white text-blue"> <div class="mx-6 md:mx-auto md:w-7/8"> <ul class="breadcrumb w-full mb-0 border-b"> <li class="inline-block mr-1"> <a href="/"> <span class="md:hidden"> <img src="/assets/icons/23-arrow-left.svg" alt=23-arrow-left width="8" height="16" class="icon icon--grey mr-1 inline-block"> Back to </span> Home </a> </li> <li class="hidden md:inline-block mr-1" aria-hidden="true"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="4" height="8" class="icon icon--grey inline-block"> </li> <li class="hidden md:inline-block mr-1"> Login </li> </ul> </div> </div> <div class="w-full px-6 mt-10 md:px-0"> <div class="grid-container section--white pb-3"> <form x-data="form" @submit.prevent="handleSubmit" method="post" action='/api/sitecore/LoginForm/LoginUser'> <input name="__RequestVerificationToken" type="hidden" value="N8ANQXzbY9SF3Q5oripZnrzHyvgKA_Eq5ZPZsg_bzd_xByvdKlF742HgjO-CQIgP9R7CxSmhBVt_aptXK5XKA2y4m5yad2ek54yD5hVpUmg1" /> <input Length="23" id="Url" name="Url" type="hidden" value="/account/personal-data/" /> <div class="flex flex-wrap -mx-2 mb-3"> <div class="w-full md:w-7/8 md:mx-auto px-2"> <p class="as-h2">Login with your access data</p> </div> <div class="w-full md:w-7/8 md:mx-auto px-2 mt-3"> <div class="form-field w-full md:w-1/2 login-form-field"> <label class="mb-0" for="Username_d3c60bd1-673e-457d-a3a5-13584b60f982">Email Address*</label> <input id="Username_d3c60bd1-673e-457d-a3a5-13584b60f982" name="Username" type="email" placeholder="" x-init="registerField(['required', 'email'], {required: 'Please enter your email address', email: 'Please enter a valid email address'})" x-model.lazy="fields.Username.value" :class="fields.Username?.validation.error && 'error'" @focusout="validateField('Username')"><template x-if="fields.Username?.validation.error"><div class="error-list"><span x-text="fields.Username.validation.error"></span></div></template> </div> <div class="form-field w-full md:w-1/2 login-form-field password-toggle" x-data="passwordToggle"> <label class="mb-0" for="Password_d3c60bd1-673e-457d-a3a5-13584b60f982">Password*</label> <input id="Password_d3c60bd1-673e-457d-a3a5-13584b60f982" name="Password" type="password" placeholder="" x-init="registerField(['required'], {required: 'Please enter your password'})" x-model.lazy="fields.Password.value" :class="fields.Password?.validation.error && 'error'" @focusout="validateField('Password')" :type="passwordType"><template x-if="fields.Password?.validation.error"><div class="error-list"><span x-text="fields.Password.validation.error"></span></div></template> <button class="password-toggle__button" type="button" @click="togglePassword"> <template x-if="passwordType === 'password'"> <img src="/assets/icons/109-visibility-off.svg" alt=109-visibility-off width="20" height="20" class="icon"> </template> <template x-if="passwordType === 'text'"> <img src="/assets/icons/108-visibility-on.svg" alt=108-visibility-on width="20" height="20" class="icon"> </template> </button> </div> <div class="w-full md:w-1/2 mt-6"> <div class="flex flex-wrap items-end -mx-2"> <div class="w-full md:w-1/2 px-2"> <input :disabled="isLoading" class="w-full md:w-auto btn btn--secondary" type="submit" value="Login"/> </div> <div class="w-full md:w-1/2 px-2 mt-2 md:mt-0 text-right"> <p>* mandatory field</p> </div> </div> </div> <div class="w-full md:w-1/2"> <template x-if="error"> <div class="mt-8"> <div class="subscription subscription--error"> <p class="as-h3"> <template x-if="error.headline === ''"> <span>Sorry, an error occurred while processing your request.</span> </template> <template x-if="error.headline !== ''"> <span x-text="error.headline"></span> </template> </p> <template x-if="!error.html"> <div>Please try again.</div> </template> <template x-if="error.html"> <div x-html="error.html"></div> </template> </div> </div> </template> <div> <p class="mb-0 mt-6"> Forgot your password? <a href="https://www.fst.com/reset-password/" class="" target="_self" >Click here to reset.</a> </p> <div class="form-divider"> <span class="form-divider__text">Or</span> <span class="form-divider__line"></span> </div> <p> Don’t have an account yet? <a href="https://www.fst.com/registration/" class="" target="_self" >Register now!</a> </p> </div> </div> </div> </div> </form> </div> </div> <div class="w-full "> <div class="fullsizeimage text-center bg-white md:custom-text-white fullsizeimage--hasWave fullsizeimage--hasFullSizeImage fullsizeimage--noContent"> <div class="hidden md:block fullsizeimage__wave-overlay"> <img decoding="async" src="/assets/images/svg/wave-full-blue.svg?v=ccf217ed54bffc7c11924702d0fba80076abedcb" alt="wave-blue"> </div> </div> </div><div class="auth-overlay" x-cloak x-show="overlayVisible" x-transition.opacity.duration.200ms> <div class="auth-overlay__header"> <div> <picture> <source media="(max-width: 767px)" srcset="/-/media/images/branding/logo_freudenberg-mobile.svg"> <source media="(min-width: 767px)" srcset="/-/media/images/branding/logo_freudenberg.svg"> <img src="/-/media/images/branding/logo_freudenberg.svg" width="252" height="41" alt="Freudenberg Sealing Technologies" class="auth-overlay__header__logo"> </picture> </div> <div class="auth-overlay__header__right"> <picture> <source media="(max-width: 767px)" srcset="/-/media/images/branding/business-unit-fst-2024.svg"> <source media="(min-width: 767px)" srcset="/-/media/images/branding/innovating-together.svg"> <img src="/-/media/images/branding/innovating-together.svg" width="307" height="20" alt="INNOVATING TOGETHER" class="auth-overlay__header__business-unit-logo"> </picture> <button class="auth-overlay__header__close-button" @click="closeOverlay"> <img src="/assets/icons/107-close--bold.svg" alt=107-close--bold width="22" height="22" class="icon icon-primary"> </button> </div> </div> <div class="auth-overlay__tab-container"> <div class="auth-overlay__tabs"> <button class="auth-overlay__tabs__tab" :class="activeTab === TabTypes.Login && 'auth-overlay__tabs__tab--active'" @click="activateTab(TabTypes.Login)"> Login </button> <button class="auth-overlay__tabs__tab" :class="activeTab === TabTypes.Registration && 'auth-overlay__tabs__tab--active'" @click="activateTab(TabTypes.Registration)"> Register </button> </div> </div> <div class="auth-overlay__content" x-ref="overlayContent"> <div class="auth-overlay__content__tab" x-show="activeTab === TabTypes.Login"> <div class="auth-overlay__content__default" x-show="!successMessageVisible"> <form x-data="form" @submit.prevent="handleSubmit" method="post" action='/api/sitecore/User/LoginUser' class="auth-overlay__form w-full max-w-xl"> <input name="__RequestVerificationToken" type="hidden" value="calhguE2WAZ4QBQYHqic8JB80UM8-AAkp1jr30VK14D35dxnjsL-X9WkHHY6ljvSepFEngL17273ufXG2hwpfWnDQ_c6qE3J6DGwRKBE-q01" /> <p class="as-h2">Login with your access data</p> <div class="form-field mt-8"> <label class="auth-overlay__form__label" for="AuthOverlayLogin_Username">Email Address*</label> <input id="AuthOverlayLogin_Username" name="Username" type="email" placeholder="" x-init="registerField(['required', 'email'], {required: 'Please enter your email address', email: 'Please enter a valid email address'})" x-model.lazy="fields.Username.value" :class="fields.Username?.validation.error && 'error'" @focusout="validateField('Username')"><template x-if="fields.Username?.validation.error"><div class="error-list"><span x-text="fields.Username.validation.error"></span></div></template> </div> <div class="form-field password-toggle" x-data="passwordToggle"> <label class="auth-overlay__form__label" for="AuthOverlayLogin_Password">Password*</label> <input id="AuthOverlayLogin_Password" name="Password" type="password" placeholder="" x-init="registerField(['required'], {required: 'Please enter your password'})" x-model.lazy="fields.Password.value" :class="fields.Password?.validation.error && 'error'" @focusout="validateField('Password')" :type="passwordType"><template x-if="fields.Password?.validation.error"><div class="error-list"><span x-text="fields.Password.validation.error"></span></div></template> <button class="password-toggle__button" type="button" @click="togglePassword"> <template x-if="passwordType === 'password'"> <img src="/assets/icons/109-visibility-off.svg" alt=109-visibility-off width="20" height="20" class="icon"> </template> <template x-if="passwordType === 'text'"> <img src="/assets/icons/108-visibility-on.svg" alt=108-visibility-on width="20" height="20" class="icon"> </template> </button> </div> <div class="auth-overlay__form__submit-wrapper"> <button type="submit" class="btn btn--secondary">Login</button> <p class="mb-0 mt-2 md:mt-0">* mandatory field</p> </div> <template x-if="error"> <div class="login-flyout__error"> <p class="login-flyout__error__headline as-h4" x-text="error.headline"></p> <div x-html="error.html"></div> </div> </template> <div> <p class="mb-0 mt-6"> Forgot your password? <a href="#" class="" target="" @click.prevent="activateTab(TabTypes.ForgotPassword)">Click here to reset.</a> </p> <div class="form-divider"> <span class="form-divider__text">Or</span> <span class="form-divider__line"></span> </div> <p> Don’t have an account yet? <a href="#" class="" target="" @click.prevent="activateTab(TabTypes.Registration)">Register now!</a> </p> </div> </form> </div> <div class="auth-overlay__content__success" x-show="successMessageVisible"> <p class="as-h1">You&#39;ve logged in successfully.</p> </div> </div> <div class="auth-overlay__content__tab" x-show="activeTab === TabTypes.Registration"> <div class="auth-overlay__content__default" x-show="!successMessageVisible"> <form x-data="form" @submit.prevent="handleSubmit" method="post" action='/api/sitecore/User/RegisterUser' class="auth-overlay__form w-full max-w-xl"> <input name="__RequestVerificationToken" type="hidden" value="3VfoSYNBLqjS-ZDV52yKmt0oN6ewDb9Ha55hjmpQ9cR-G_b6AM2-6D2bZ9_XxmY7g2zidkvEHJQW4efVmfR60yLwqmsUYYDY-y3C3D1YmU01" /> <p class="as-h2">Register and get access to exclusive content</p> <p class="as-h3">Your benefits</p> <ul class="fst-rte-list fst-rte-list--check mr-6"> <li> <div class="fst-rte-list__text">Download exclusive documents such as Solution Sheets</div> </li> <li> <div class="fst-rte-list__text">Live Webinare/On-Demand Recordings on the beverage and food industry</div> </li> <li> <div class="fst-rte-list__text">Virtual tours of production facilities</div> </li> <li> <div class="fst-rte-list__text">Resistance tools for selecting the right material</div> </li> </ul> <div class="auth-overlay__form__row"> <div class="form-field"> <label class="auth-overlay__form__label" for="AuthOverlayRegistration_FirstName">First Name*</label> <input id="AuthOverlayRegistration_FirstName" name="FirstName" type="text" placeholder="" x-init="registerField(['required'], {required: 'Please enter your first name'})" x-model.lazy="fields.FirstName.value" :class="fields.FirstName?.validation.error && 'error'" @focusout="validateField('FirstName')"><template x-if="fields.FirstName?.validation.error"><div class="error-list"><span x-text="fields.FirstName.validation.error"></span></div></template> </div> </div> <div class="auth-overlay__form__row"> <div class="form-field"> <label class="auth-overlay__form__label" for="AuthOverlayRegistration_LastName">Last Name*</label> <input id="AuthOverlayRegistration_LastName" name="LastName" type="text" placeholder="" x-init="registerField(['required'], {required: 'Please enter your last name'})" x-model.lazy="fields.LastName.value" :class="fields.LastName?.validation.error && 'error'" @focusout="validateField('LastName')"><template x-if="fields.LastName?.validation.error"><div class="error-list"><span x-text="fields.LastName.validation.error"></span></div></template> </div> </div> <div class="auth-overlay__form__row"> <div class="form-field"> <label class="auth-overlay__form__label" for="AuthOverlayRegistration_CompanyName">Name of the company/organization*</label> <input id="AuthOverlayRegistration_CompanyName" name="CompanyName" type="text" placeholder="" x-init="registerField(['required'], {required: 'Please enter the name of your company/organization'})" x-model.lazy="fields.CompanyName.value" :class="fields.CompanyName?.validation.error && 'error'" @focusout="validateField('CompanyName')"><template x-if="fields.CompanyName?.validation.error"><div class="error-list"><span x-text="fields.CompanyName.validation.error"></span></div></template> </div> </div> <div class="auth-overlay__form__row"> <div class="form-field"> <label class="auth-overlay__form__label" for="AuthOverlayRegistration_Username">Email Address*</label> <input id="AuthOverlayRegistration_Username" name="Username" type="email" placeholder="" x-init="registerField(['required', 'email'], {required: 'Please enter your email address', email: 'Please enter a valid email address'})" x-model.lazy="fields.Username.value" :class="fields.Username?.validation.error && 'error'" @focusout="validateField('Username')"><template x-if="fields.Username?.validation.error"><div class="error-list"><span x-text="fields.Username.validation.error"></span></div></template> </div> </div> <div class="auth-overlay__form__row" x-data="passwordToggle"> <div class="form-field password-toggle" x-data="passwordStrength({ minLength: 8, strengthTranslations: [ 'Weak', 'Medium', 'Strong', ] })"> <label class="auth-overlay__form__label" for="AuthOverlayRegistration_Password">Password*</label> <input id="AuthOverlayRegistration_Password" name="Password" type="password" placeholder="" x-init="registerField(['required'], {required: 'Please enter your password'})" x-model.lazy="fields.Password.value" :class="fields.Password?.validation.error && 'error'" @focusout="validateField('Password')" @input="checkStrength" :type="passwordType"><template x-if="fields.Password?.validation.error"><div class="error-list"><span x-text="fields.Password.validation.error"></span></div></template> <button class="password-toggle__button" type="button" @click="togglePassword"> <template x-if="passwordType === 'password'"> <img src="/assets/icons/109-visibility-off.svg" alt=109-visibility-off width="20" height="20" class="icon"> </template> <template x-if="passwordType === 'text'"> <img src="/assets/icons/108-visibility-on.svg" alt=108-visibility-on width="20" height="20" class="icon"> </template> </button> <div class="password-strength" x-cloak x-show="visible"> <div class="password-strength__indicator" :data-level="score"> <p class="mb-2"> Security Level <span class="password-strength__indicator__text" x-text="getStrengthTranslation()"> </span> </p> <span class="password-strength__indicator__bar"></span> </div> <div class="password-strength__advice"> <template x-if="score < 3"> <p> Security advice:<br/>Consider lengthening the password and adding special characters as well as numbers. </p> </template> <template x-if="score > 2 && score < 5"> <p> Security advice:<br/>Consider lengthening the password or adding special characters/numbers. </p> </template> <template x-if="score === 5"> <p> Your password corresponds to the current security guidelines. </p> </template> </div> </div> </div> </div> <div class="auth-overlay__form__row auth-overlay__form__row--full-width"> <div class="form-field" :class="fields.AcceptTermsAndConditions?.validation.error && 'error'"><span class="flex -mx-1"><span class="shrink-0 px-1 "><input type="checkbox" id="AuthOverlayRegistration_Privacy" name="AcceptTermsAndConditions" value="" x-init="registerField(['truthy'], {truthy: 'Please accept the data protection regulations to proceed'})" x-model.lazy="fields.AcceptTermsAndConditions.value" :class="fields.AcceptTermsAndConditions?.validation.error && 'error'" @focusout="validateField('AcceptTermsAndConditions')"/></span><input type="hidden" id="AuthOverlayRegistration_PrivacyHidden" name="AcceptTermsAndConditions" x-bind:value="fields.AcceptTermsAndConditions.value" /><label class="px-1" for="AuthOverlayRegistration_Privacy"><p>Yes, I have read the <a href="https://www.fst.com/footer/data-protection-regulations/" class="" target="_blank">data protection regulations</a> of Freudenberg Sealing Technologies.*</p></label></span><template x-if="fields.AcceptTermsAndConditions?.validation.error"><div class="error-list"><span x-text="fields.AcceptTermsAndConditions.validation.error"></span></div></template></div> </div> <template x-if="error"> <div class="login-flyout__error"> <p class="login-flyout__error__headline as-h4" x-text="error.headline"></p> <div x-html="error.html"></div> </div> </template> <div> <div class="auth-overlay__form__submit-wrapper"> <button type="submit" class="btn btn--secondary">Register now</button> <p class="mb-0 mt-2 md:mt-0">* mandatory field</p> </div> <div class="form-divider"> <span class="form-divider__text">Or</span> <span class="form-divider__line"></span> </div> <p> Do you already have an account? <a href="#" class="" target="" @click.prevent="activateTab(TabTypes.Login)">Continue to Login.</a> </p> </div> </form> </div> <div class="auth-overlay__content__success" x-show="successMessageVisible"> <p class="as-h1">Thank you. Your subscription was successful.</p> We have sent you an e-mail. Please click on the included activation link to complete the registration. </div> </div> <div class="auth-overlay__content__tab" x-show="activeTab === TabTypes.ForgotPassword"> <div class="auth-overlay__content__default" x-show="!successMessageVisible"> <form x-data="form" @submit.prevent="handleSubmit" method="post" action='/api/sitecore/User/ResetPassword' class="auth-overlay__form w-full max-w-xl"> <input name="__RequestVerificationToken" type="hidden" value="kDhjJIYka3fAth6I2_rerkF9qDm34KoA6SUVU0WOsh13-mTZqptcRX5zyus-7fElDv9IjOENYSDvcPBJi3hrLvmkgzDDx83G-FC01VdjnHg1" /> <p class="as-h1">Have you forgotten your password?</p> <p>Please enter your email address to reset it.</p> <div class="form-field"> <label class="auth-overlay__form__label" for="AuthOverlayPasswordReset_Mail">Email Address*</label> <input id="AuthOverlayPasswordReset_Mail" name="Mail" type="email" placeholder="" x-init="registerField(['required', 'email'], {required: 'Please enter your email address', email: 'Please enter a valid email address'})" x-model.lazy="fields.Mail.value" :class="fields.Mail?.validation.error && 'error'" @focusout="validateField('Mail')"><template x-if="fields.Mail?.validation.error"><div class="error-list"><span x-text="fields.Mail.validation.error"></span></div></template> </div> <template x-if="error"> <div class="login-flyout__error"> <p class="login-flyout__error__headline as-h4" x-text="error.headline"></p> <div x-html="error.html"></div> </div> </template> <div class="auth-overlay__form__submit-wrapper"> <button type="submit" class="btn btn--secondary">Send</button> <p class="mb-0 mt-2 md:mt-0 md:ml-4">* mandatory field</p> </div> </form> </div> <div class="auth-overlay__content__success" x-show="successMessageVisible"> <p class="as-h1">The form has been successfully sent.</p> We have sent you an email. Please click on the included link to assign a new password. </div> </div> </div> </div> <footer class="w-full"> <div class="footer section section--blue-dark py-12"> <div class="flex flex-wrap -mx-2 frame"> <div class="w-full md:w-7/8 md:mx-auto"> <div class="flex flex-wrap"> <div class="w-full md:w-1/3 md:ml-auto px-2"> Find us on <div class="icon-wrapper"> <a href="https://www.linkedin.com/company/fst?" rel="nofollow noopener"> <img src="/assets/icons/61-linkedin.svg" alt=61-linkedin width="24" height="24" class="icon"> </a> <a href="https://www.youtube.com/user/FreudenbergSealing" rel="nofollow noopener"> <img src="/assets/icons/12-youtube.svg" alt=12-youtube width="24" height="24" class="icon"> </a> <a href="https://www.xing.com/pages/fst" rel="nofollow noopener"> <img src="/assets/icons/15-xing.svg" alt=15-xing width="24" height="24" class="icon"> </a> <a href="https://www.kununu.com/de/fst" rel="nofollow noopener"> <img src="/assets/icons/68-kununu.svg" alt=68-kununu width="24" height="24" class="icon"> </a> <a href="https://www.glassdoor.de/%C3%9Cberblick/Arbeit-bei-Freudenberg-Sealing-Technologies-EI_IE933921.11,43.htm" rel="nofollow noopener"> <img src="/assets/icons/69-glassdoor.svg" alt=69-glassdoor width="24" height="24" class="icon"> </a> </div> </div> <div class="w-full md:w-1/3 px-2"> <ul> <li><a href="/footer/legal-notice/" target="_self" >Legal Notice</a></li> <li><a href="/footer/cookies/" target="_self" >Cookies</a></li> <li><a href="/footer/group/" target="_self" >Group</a></li> <li><a href="/company/trust-center/" >Trust Center</a></li> </ul> </div> <div class="w-full md:w-1/3 md:mr-auto px-2"> <ul> <li><a href="/footer/data-protection-regulations/" target="_self" >Data Protection Regulations</a></li> <li><a href="/footer/terms-and-conditions/" target="_self" >Terms and Conditions</a></li> <li><a href="https://www.freudenberg.com/company/ethics-office" target="_blank" rel="noopener noreferrer" >Freudenberg Ethics Office</a></li> <li><a href="/footer/california-transparency-in-supply-chain-act/" target="_self" >California Transparency in Supply Chain Act</a></li> </ul> </div> </div> </div> <div class="w-full md:w-7/8 md:mx-auto px-2"> </div> </div> </div> </footer> </div> </div> </div> </div> <div class="back-to-top fixed mx-auto right-0 left-0 bottom-0 z-10" x-data="backToTop" @scroll.window.throttle="handleScrollEvent" :aria-hidden="!visible"> <div class="back-to-top__wrapper mx-6 md:mx-auto md:w-7/8 lg:w-3/4 xl:w-full"> <a href="#" class="back-to-top__button mr-6 absolute right-0 bottom-0 transition-opacity duration-300 ease-in-out hidden mb-8 rounded-md bg-blue-500 text-white py-2 px-3" @click.prevent="scrollToTop" :class="{'opacity-0': !visible, 'opacity-100': visible}"> <span class="flex items-center"> <img src="/assets/icons/22-arrow-up.svg" alt=22-arrow-up width="12" height="20" class="icon icon--white"> Back to Top </span> </a> </div> </div> <script> var $buoop = { vs: { i: 8, f: 15, o: 12.1, s: 5.1 }, c: 2, reminder: 12, reminderClosed: 12, newwindow: true }; function $buo_f() { var e = document.createElement("script"); e.src = "//browser-update.org/update.js"; e.defer = true; document.body.appendChild(e); }; try { document.addEventListener("DOMContentLoaded", $buo_f, false); } catch (e) { window.attachEvent("onload", $buo_f); } </script> <script id="alpineData" type="application/json"> { "auth": { "unlocked": false }, "form": { "recaptchaEnabled": true, "recaptchaKey": "6LeRp-sUAAAAALlNfE1YxeUs71qg1fxZke4DYHuJ", "recaptchaValidateUrl": "/api/captcha/ValidateUser" } } </script> <template x-if="$store.form.recaptchaEnabled"> <script async src="https://www.google.com/recaptcha/api.js?render=6LeRp-sUAAAAALlNfE1YxeUs71qg1fxZke4DYHuJ"> </script> </template> <script src="/main.js?v=ccf217ed54bffc7c11924702d0fba80076abedcb"></script> <input id="TriggerGoalUrl" name="TriggerGoalUrl" type="hidden" value="/api/sitecore/Tracking/TrackGoal" /> <input id="TrackDownloadUrl" name="TrackDownloadUrl" type="hidden" value="/api/sitecore/Tracking/TrackDownload" /> <input id="DmsOnlineServiceGoalGuid" name="DmsOnlineServiceGoalGuid" type="hidden" value="86e3ebd8-57e0-411d-90b2-dc9be42aaf44" /><input id="DmsMailToGoalGuid" name="DmsMailToGoalGuid" type="hidden" value="ddac320f-c80f-46c0-ac4f-9ff8736ccd3d" /> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10