CINXE.COM

Locations of Freudenberg Dealers

<!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="As a technology expert and global market leader in sealing technologies, renewable energy and e-mobility applications, we bring our solutions to you. Worldwide."/> <meta name="keywords" content="Locations"/> <meta name="robots" content="INDEX,FOLLOW"/> <meta property="og:url" content="https://www.fst.com/company/organization/locations/"/> <meta property="og:title" content="Locations of Freudenberg Dealers"/> <meta property="og:description" content="As a technology expert and global market leader in sealing technologies, renewable energy and e-mobility applications, we bring our solutions to you. Worldwide."/> <meta property="og:locale" content="en"/> <meta property="og:image" content="https://www.fst.com/-/media/images/heros/products/organisation/standorte_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/company/organization/locations/"/> <link rel="alternate" hreflang="en" href="https://www.fst.com/company/organization/locations/"/> <link rel="alternate" hreflang="de" href="https://www.fst.com/de/unternehmen/organisation/standorte/"/> <link rel="preload" href="/main.css?v=ccf217ed54bffc7c11924702d0fba80076abedcb" as="style"> <link rel="stylesheet" href="/main.css?v=ccf217ed54bffc7c11924702d0fba80076abedcb"> <meta name="VIcurrentDateTime" content="638680668802138528" /> <meta name="VirtualFolder" content="/" /> <script type="text/javascript" src="/layouts/system/VisitorIdentification.js"></script> <title>Locations of Freudenberg Dealers</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 " :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: '{17E5F2BF-C495-4EAC-AE4F-45BEAF9D83C0}', 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: [&#39;4e2ad8b9-6872-4fb6-bd6b-98cc552d4d2a&#39;, &#39;88c24f93-c59b-4e05-92a8-f791e87eb293&#39;, &#39;17e5f2bf-c495-4eac-ae4f-45beaf9d83c0&#39;]})"> <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 desktop-nav__top__item--active"> <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: [&#39;4e2ad8b9-6872-4fb6-bd6b-98cc552d4d2a&#39;, &#39;88c24f93-c59b-4e05-92a8-f791e87eb293&#39;, &#39;17e5f2bf-c495-4eac-ae4f-45beaf9d83c0&#39;]})" 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: '{17E5F2BF-C495-4EAC-AE4F-45BEAF9D83C0}', 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 hero"> <div class="hero__wrapper "> <div class="hero__media"> <picture><source media="(max-width: 767px)" srcset="/-/media/images/heros/products/organisation/standorte_1000x666.jpg" /><source media="(min-width: 767px)" srcset="/-/media/images/heros/products/organisation/standorte_2000x350.jpg" /><img src="/-/media/images/heros/products/organisation/standorte_2000x350.jpg" width="1278" height="223" alt="" /></picture> </div> </div> </div><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="hidden md:inline-block mr-1"> <a href="/">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"> <a href="/company/">Company</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="inline-block mr-1"> <a href="/company/organization/"> <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> Our Organisation </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"> Our Locations </li> </ul> </div> </div> <div class="style-container w-full pt-10 "> <div class="style-container__wrapper mx-6 md:w-7/8 md:mx-auto"> <div class="text-media "> <div> <div class="text-media__content__media"> <div class="text-media__content__media__image relative"> </div> </div> <h1>Our Approach: We Are Located Where Our Customers Do Business.</h1> <p>As a technology expert and global market leader, we offer innovative sealing technologies, renewable energy solutions and e-mobility applications to our customers from 120 facilities in 60 countries.</p> <p>On this page you will find an overview of our locations worldwide. To get in touch with us, please use our contact form and it will be routed to the most appropriate representative.</p> <p class="text-media__link "> <a href="/company/contact/" class="link-btn link-btn--secondary w-full md:w-auto" data-scroll="" > <span class="link-btn__text">Contact us</span> </a> </p> </div> </div> </div> </div><div class="grid-container section pb-12"> <div class="frame flex flex-wrap -mx-2"> <div class="w-full md:w-7/8 md:mx-auto px-2"> <div class="list" x-data='list("/api/sitecore/LocationList/LocationSearch", { enableSearch: true, enableFilter: true, pageSize: 12, namespace: "be5f88d9-d3bc-4b5a-80b9-65e931524a87", data: { contentItemGuid: "be5f88d9-d3bc-4b5a-80b9-65e931524a87" } })' @list-load-page="loadList($event.detail)" x-ref="scrollTarget"> <div class="my-6"> <p class="as-h4">Find locations near you here</p> <div class="w-full lg:w-1/2"> <template x-if="config.enableSearch"> <div class="list__search searchbox-wrapper mb-4 md:mb-8 px-0"> <div class="search"> <div class="searchbox__container relative"> <label class="hidden" for="ListSearchTerm">Your search ...</label> <input type="text" id="ListSearchTerm" name="ListSearchTerm" autocomplete="off" enterkeyhint="done" x-model="searchTerm" @keyup.enter="search()"> <div class="searchbox__icon" data-type="icon"> <a href="#" @click.prevent="search()"> <img src="/assets/icons/41-magnifying-glass.svg" alt=41-magnifying-glass width="18" height="18" class="icon"> </a> </div> </div> </div> </div> </template> </div> <p class="as-h4">Filter Locations</p> <div class="my-4 md:my-0"> <div class="list__filter"> <template x-if="config.enableFilter"> <div class="list__filter__wrapper mb-0 md:mb-8 flex flex-wrap md:-mx-2"> <template x-for="filter in filters"> <template x-if="filter.options && filter.options.length > 0"> <div class="w-full mb-4 md:mb-0 md:w-1/4 md:px-2 flex flex-col"> <label :for="filter.name" x-text="filter.title" class="mb-2"></label> <select :id="filter.name" :name="filter.name" :multiple="filter.multiple" @change="filterList"> <template x-for="option in filter.options"> <option :value="option.value" :selected="filter.selected === option.value" x-text="option.text"></option> </template> </select> </div> </template> </template> </div> </template> <template x-if="config.enableCheckboxes"> <div class="tabfilter hidden md:block md:mb-8"> <template x-for="checkbox in checkboxes"> <div class="tabfilter__element"> <div class="tabfilter__title"> <p x-text="checkbox.title"></p> </div> <template x-if="checkbox.options && checkbox.options.length > 0"> <template x-for="(option, index) in checkbox.options"> <div @click="toggleCheckbox(checkbox.name, option.value); loadList()"> <div class="form__group"> <ul class="form__checkbox-group"> <li class="form__checkbox-group__item"> <input :value="option.value" :name="checkbox.name + '_' + index" :checked="checkbox.selected.includes(option.value)" type="checkbox" class="invisible"> <label x-text="option.text" class="form__label form__checkbox-group__item__label"></label> </li> </ul> </div> </div> </template> </template> <a href="#" class="unselect" @click.prevent="unselectAllCheckboxes(); loadList()">Unselect All</a> </div> </template> </div> </template> </div> </div> </div> <div class="list__results-new"> <template x-if="items.length > 0"> <template x-for="item in items"> <div class="result__item result__item--location"> <div class="result__item__header flex flex-wrap -mx-2"> <div class="w-full px-2"> <div class="result__item__title"> <p class="result__item__title--name" x-text="item.title"></p> <p> <span x-text="item.address.street"></span> <br/> <span x-text="item.address.zip"></span> <span x-text="item.address.city"></span> <br/> <span x-text="item.address.country"></span> <br/> </p> </div> </div> </div> </div> </template> </template> <template x-if="initialized && items.length === 0"> <p>No locations found</p> </template> </div> <template x-if="showLoadingAnimation"> <div class="list__spinner"> <div class="spinner__container"> <div class="spinner__inner"> <div class="bounce1"></div> <div class="bounce2"></div> <div class="bounce3"></div> </div> </div> </div> </template> <div class="list__paging text-center " x-show="totalResults > 0" x-cloak> <ul class="pagination" x-data="pagination({itemsPerPage: 12, namespace: 'be5f88d9-d3bc-4b5a-80b9-65e931524a87' })" @pagination-total-results.window="updateTotalResults($event.detail)"> <li class="nextPrev" :class="{'disabled': currentPage === 1}" @click.prevent="prevPage()"> <img src="/assets/icons/48-chevron-left.svg" alt=48-chevron-left width="14" height="14" class="icon"> </li> <template x-for="(page, index) in pagesToShowNew()" :key="index"> <li :class="{'active': currentPage === page, 'ellipsis': page === 0}" @click.prevent="goToPage(page)" x-text="page === 0 ? '...' : page"></li> </template> <li class="nextPrev" :class="{'disabled': currentPage === getPageCount()}" @click.prevent="nextPage()"> <img src="/assets/icons/47-chevron-right.svg" alt=47-chevron-right width="14" height="14" class="icon"> </li> </ul> </div> </div> </div> </div> </div> <div class="w-full "> <div class="fullsizeimage text-center bg-white md:custom-text-white fullsizeimage--hasWave"> <div class="fullsizeimage__image"> <picture><source media="(max-width: 767px)" srcset="/-/media/images/teaser/t04/t04_linkedin_join-us_1000x666.jpg" /><source media="(min-width: 767px)" srcset="/-/media/images/teaser/t04/t04_linkedin_join-us_2000x850.jpg" /><img src="/-/media/images/teaser/t04/t04_linkedin_join-us_2000x850.jpg" width="1278" height="543" alt="Big city with skyscrapers" class="md:w-full" /></picture> </div> <div class="fullsizeimage__text-wrapper py-8 px-6 md:px-24 lg:px-64"> <p class="monsterheadline--small">Join Us!</p><p>Experience Freudenberg Sealing Technologies, its products and service offerings in text and videos, network with colleagues and stakeholders, and make valuable business contacts.</p> <a href="https://www.linkedin.com/company/fst" class="link-btn link-btn--secondary w-full md:w-auto" data-scroll="" target="_blank" rel="nofollow noreferer noopener" > <span class="link-btn__text">Connect on LinkedIn!</span> <span class="material-symbols-outlined link-btn__icon">open_in_new</span> </a> </div> <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="59S14PHbT8yP38Ds2JcRx2TiD7fwAyItQaaV2adHL4AnMl-0E__M0dPQfEDYgPzlGDYm0rkdMrlBGy6EvXcRv7BYjekooU91u1sqPTFd4eU1" /> <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="OcnhenoSXl1VRKeLkm0GJJLYXiCa2X1bMKvXwzJmjLDdOs5GnV_BXyyd0lVJRrdNSMYsgcfc9Ah12wsmsEZ6RmmoHSeaBezkDLM4ib7HEh41" /> <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="uzFZlmDtvBp39_dPRRXEDstKDc-SkwOHNzPJta8YtZ2VNEpfpgIRSvJy8YfE9SQj1Iqlq6AxcLKcYncwYlQ5sg-wxL5eCyr6gDTyT5Q_PFw1" /> <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