CINXE.COM

NOK & Freudenberg Sealing Technologies

<!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="Leading specialist in sealing applications and their market, Freudenberg Sealing Technologies supplies and develops as a service partner serving customers in a wide variety of industries. Contact us for the right sealing application now. "/> <meta name="keywords" content="Freudenberg Sealing Technologies, FST, Sealing, Fuel Cell, Battery"/> <meta name="robots" content="INDEX,FOLLOW"/> <meta property="og:url" content="https://www.fst.com/"/> <meta property="og:title" content="NOK &amp; Freudenberg Sealing Technologies "/> <meta property="og:description" content="Leading specialist in sealing applications and their market, Freudenberg Sealing Technologies supplies and develops as a service partner serving customers in a wide variety of industries. Contact us for the right sealing application now. "/> <meta property="og:locale" content="en"/> <meta property="og:image" content="https://www.fst.com/-/media/images/heros/company/corporate_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/"/> <link rel="alternate" hreflang="en" href="https://www.fst.com/"/> <link rel="alternate" hreflang="de" href="https://www.fst.com/de/"/> <link rel="preload" href="/main.css?v=ccf217ed54bffc7c11924702d0fba80076abedcb" as="style"> <link rel="stylesheet" href="/main.css?v=ccf217ed54bffc7c11924702d0fba80076abedcb"> <meta name="VIcurrentDateTime" content="638683703866586873" /> <meta name="VirtualFolder" content="/" /> <script type="text/javascript" src="/layouts/system/VisitorIdentification.js"></script> <title>NOK & Freudenberg Sealing Technologies </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: '{1792AFBA-709A-46F6-9CE7-7F26A5FE889C}', QueryParameters: '' }, { cookieDomain: '.fst.com' } )" class="meta-navigation__dropdown"> <div x-data="dropdown" @focusin.window="!$root.contains($event.target) && close()" x-id="['dropdown-button']"> <button x-ref="button" x-text="currentLanguage && currentLanguage.name" @click="toggle(); $dispatch('close-menu')" :aria-expanded="open" :aria-controls="$id('dropdown-button')" type="button" class="meta-navigation__dropdown__button"> </button> <div x-ref="panel" x-cloak :class="[open && 'meta-navigation__dropdown__panel--open', closed && 'meta-navigation__dropdown__panel--closed']" x-show="open" x-transition.origin.top.right :id="$id('dropdown-button')" class="meta-navigation__dropdown__panel meta-navigation__dropdown__panel--links"> <template x-for="language in availableLanguages"> <a x-text="language.name" :href="language.url" :class="currentLanguage.name === language.name && 'active'" @click="selectLanguage(language, $event)"> </a> </template> </div> </div> </div> </li> </ul> </div> </div> <div class="desktop-nav " x-data="desktopNav({preselectedItems: []})"> <div class="desktop-nav__row justify-between items-center"> <a href="/" class="desktop-nav__logo"> <img src="/-/media/images/branding/logo_freudenberg.svg" alt="Freudenberg Sealing Technologies" width="252" height="41"/> </a> <div class="desktop-nav__search"> <img alt="INNOVATING TOGETHER" src="/-/media/images/branding/innovating-together.svg" width="292" height="19" > </div> </div> <ul class="desktop-nav__top"> <li class="desktop-nav__top__item "> <a href="/markets/"> Markets </a> <div class="desktop-nav__menu desktop-nav__menu--alphabetical"> <div> <div class="desktop-nav__menu__block "> <p>A</p> <a href="/markets/aerospace/" class=" "> Aerospace </a> <a href="/markets/agriculture/" class=" "> Agriculture </a> <a href="/markets/automotive-truck-bus/" class=" "> Automotive, Truck &amp; Bus </a> </div> <div class="desktop-nav__menu__block "> <p>B</p> <a href="/markets/building-engineering/" class=" "> Building Engineering </a> </div> <div class="desktop-nav__menu__block "> <p>C</p> <a href="/markets/chemical-industry/" class=" "> Chemical Industry </a> <a href="/markets/commercial-marine/" class=" "> Commercial Marine </a> <a href="/markets/construction/" class=" "> Construction </a> </div> <div class="desktop-nav__menu__block "> <p>E</p> <a href="/markets/e-generation/" class=" "> Energy Generation </a> <a href="/markets/e-transmission/" class=" "> Energy Transmission </a> </div> <div class="desktop-nav__menu__block "> <p>F</p> <a href="/markets/fluid-handling/" class=" "> Fluid Handling </a> <a href="/markets/fluid-technology/" class=" "> Fluid Technology </a> <a href="/markets/food-and-beverage-industry/" class=" "> Food &amp; Beverage Industry </a> <a href="/markets/forklifts/" class=" "> Forklifts </a> </div> <div class="desktop-nav__menu__block "> <p>H</p> <a href="/markets/household-appliances/" class=" "> Household Appliances </a> <a href="/markets/hydrogen/" class=" "> Hydrogen </a> </div> <div class="desktop-nav__menu__block "> <p>I</p> <a href="/markets/industrial-machines/" class=" "> Industrial Machines </a> <a href="/markets/industrial-presses/" class=" "> Industrial Presses </a> <a href="/markets/injection-molding-machines/" class=" "> Injection Molding Machines </a> </div> <div class="desktop-nav__menu__block "> <p>M</p> <a href="/markets/metal-processing/" class=" "> Metal Processing </a> </div> <div class="desktop-nav__menu__block "> <p>P</p> <a href="/markets/pharmaceutical-industry/" class=" "> Pharmaceutical Industry </a> <a href="/markets/power-generation/" class=" "> Power Generation </a> <a href="/markets/power-tools/" class=" "> Power Tools </a> <a href="/markets/power-transmission/" class=" "> Power Transmission </a> </div> <div class="desktop-nav__menu__block "> <p>R</p> <a href="/markets/railway/" class=" "> Railway </a> <a href="/markets/recreational-vehicles/" class=" "> Recreational Vehicles </a> <a href="/markets/robotics/" class=" "> Robotics </a> </div> <div class="desktop-nav__menu__block "> <p>T</p> <a href="/markets/tunnel-boring/" class=" "> Tunnel Boring </a> </div> </div> <div class="desktop-nav__menu__column desktop-nav__menu__column--aside"> <a href="/products/" ><img src="/-/media/images/heros/company/products/products_1000x666.jpg" width="250" height="166" alt="" /></a> <p class="as-h4">Innovative and Tailor-Made</p> <p>Freudenberg Sealing Technologies has been developing innovative brand products at the highest level for decades. We will find a customized solution for you.</p> <a href="/products/" class="link-btn" data-scroll="" > <span class="link-btn__text">Explore now!</span> <span class="material-symbols-outlined link-btn__icon">chevron_right</span> </a></div> </div> </li> <li class="desktop-nav__top__item "> <a href="/products/"> Products </a> <div class="desktop-nav__menu" @mouseleave="resetAllLevels"> <div class="desktop-nav__menu__column"> <ul class="desktop-nav__menu__items desktop-nav__menu__items--visible"> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === 'e6f0d555-3356-475a-88da-b04d7e141490' || highlightElementIds.level2 === 'e6f0d555-3356-475a-88da-b04d7e141490') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'e6f0d555-3356-475a-88da-b04d7e141490')"> <a href="/products/static-seals/"> Static Seals </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '1e30bdaf-b322-436f-ac2f-d4cde63d4aaa' || highlightElementIds.level2 === '1e30bdaf-b322-436f-ac2f-d4cde63d4aaa') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '1e30bdaf-b322-436f-ac2f-d4cde63d4aaa')"> <a href="/products/dynamic-seals/"> Dynamic Seals </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '9c3354ab-6150-47a2-b7a4-66fac8470684' || highlightElementIds.level2 === '9c3354ab-6150-47a2-b7a4-66fac8470684') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '9c3354ab-6150-47a2-b7a4-66fac8470684')"> <a href="/products/special-sealing-products/"> Special Sealing Products </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '6b4e8af7-03a0-4f0b-9b58-76e7519e73df' || highlightElementIds.level2 === '6b4e8af7-03a0-4f0b-9b58-76e7519e73df') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '6b4e8af7-03a0-4f0b-9b58-76e7519e73df')"> <a href="/products/accumulators/"> Accumulators </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === '38df2b75-66c0-4b33-bad9-df8617bb9383' || highlightElementIds.level2 === '38df2b75-66c0-4b33-bad9-df8617bb9383') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '38df2b75-66c0-4b33-bad9-df8617bb9383')"> <a href="/products/innovations/"> Innovations </a> </li> </ul> </div> <div class="desktop-nav__menu__column" x-ref="b980b6ba-3a0e-44df-adc6-e363d82cbfe2-level3"> <template x-if="activeElementIds.level2 === 'e6f0d555-3356-475a-88da-b04d7e141490'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '75eb48ee-8e49-4e5b-93a6-0d6faab216d4' || highlightElementIds.level3 === '75eb48ee-8e49-4e5b-93a6-0d6faab216d4') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '75eb48ee-8e49-4e5b-93a6-0d6faab216d4')"> <a href="/products/static-seals/clamp-seals/"> Clamp Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'c2bf8cb4-1242-4b98-a335-5a0b0bd03d7f' || highlightElementIds.level3 === 'c2bf8cb4-1242-4b98-a335-5a0b0bd03d7f') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'c2bf8cb4-1242-4b98-a335-5a0b0bd03d7f')"> <a href="/products/static-seals/dairy-couplings/"> Dairy Couplings </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '6498bb17-ae7f-4c29-aa58-64cb06af787d' || highlightElementIds.level3 === '6498bb17-ae7f-4c29-aa58-64cb06af787d') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '6498bb17-ae7f-4c29-aa58-64cb06af787d')"> <a href="/products/static-seals/cover-seals/"> Cover Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'f8799219-242c-4b2a-b588-51c8b0803007' || highlightElementIds.level3 === 'f8799219-242c-4b2a-b588-51c8b0803007') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'f8799219-242c-4b2a-b588-51c8b0803007')"> <a href="/products/static-seals/flat-gaskets/"> Flat Gaskets </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'ad23ea04-085e-4b2d-8dd6-b8bfbf67f9a7' || highlightElementIds.level3 === 'ad23ea04-085e-4b2d-8dd6-b8bfbf67f9a7') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'ad23ea04-085e-4b2d-8dd6-b8bfbf67f9a7')"> <a href="/products/static-seals/extruded-seals/"> Extruded Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '0cd11410-297b-4946-9523-38c2702aa6c9' || highlightElementIds.level3 === '0cd11410-297b-4946-9523-38c2702aa6c9') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '0cd11410-297b-4946-9523-38c2702aa6c9')"> <a href="/products/static-seals/gaskets/"> Gaskets </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '5c79d202-9f31-400d-87e7-5097e9ed9d84' || highlightElementIds.level3 === '5c79d202-9f31-400d-87e7-5097e9ed9d84') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '5c79d202-9f31-400d-87e7-5097e9ed9d84')"> <a href="/products/static-seals/o-rings/"> O-Rings </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'd953adb4-aeaf-453c-8fc8-1e69cd752184' || highlightElementIds.level3 === 'd953adb4-aeaf-453c-8fc8-1e69cd752184') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'd953adb4-aeaf-453c-8fc8-1e69cd752184')"> <a href="/products/static-seals/hygienic-usit-rings/"> Hygienic Usit&#174;-Rings </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === '1e30bdaf-b322-436f-ac2f-d4cde63d4aaa'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '2fd65877-a4a4-4658-9c58-d284e1d92a9b' || highlightElementIds.level3 === '2fd65877-a4a4-4658-9c58-d284e1d92a9b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '2fd65877-a4a4-4658-9c58-d284e1d92a9b')"> <a href="/products/dynamic-seals/radial-shaft-seals/"> Radial Shaft Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '65b9d6ab-9302-44c3-90ed-a41fc723df23' || highlightElementIds.level3 === '65b9d6ab-9302-44c3-90ed-a41fc723df23') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '65b9d6ab-9302-44c3-90ed-a41fc723df23')"> <a href="/products/dynamic-seals/radiamatic-shaft-seals/"> Radiamatic Shaft Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '721f97f0-c9bb-4f83-975d-99839d945186' || highlightElementIds.level3 === '721f97f0-c9bb-4f83-975d-99839d945186') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '721f97f0-c9bb-4f83-975d-99839d945186')"> <a href="/products/dynamic-seals/rotary-and-swivel-seals/"> Rotary and Swivel Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'f90f4ea9-b0c4-4f9d-b8d0-5b6c59087407' || highlightElementIds.level3 === 'f90f4ea9-b0c4-4f9d-b8d0-5b6c59087407') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'f90f4ea9-b0c4-4f9d-b8d0-5b6c59087407')"> <a href="/products/dynamic-seals/u-cups/"> U-Cups </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '466619fd-1a9e-4fc4-89ae-b28de34c7fb1' || highlightElementIds.level3 === '466619fd-1a9e-4fc4-89ae-b28de34c7fb1') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '466619fd-1a9e-4fc4-89ae-b28de34c7fb1')"> <a href="/products/dynamic-seals/v-ring-seals-and-deflectors/"> V-Ring Seals and Deflectors </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '271cb592-5b25-4c48-b59d-4bbfe3739d35' || highlightElementIds.level3 === '271cb592-5b25-4c48-b59d-4bbfe3739d35') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '271cb592-5b25-4c48-b59d-4bbfe3739d35')"> <a href="/products/dynamic-seals/rod-seals/"> Rod Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'd52fda22-12c5-42a6-9cab-86410376c8f7' || highlightElementIds.level3 === 'd52fda22-12c5-42a6-9cab-86410376c8f7') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'd52fda22-12c5-42a6-9cab-86410376c8f7')"> <a href="/products/dynamic-seals/piston-seals/"> Piston Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '7f884583-2c1b-46e3-ad44-db4b5a3ce1e0' || highlightElementIds.level3 === '7f884583-2c1b-46e3-ad44-db4b5a3ce1e0') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '7f884583-2c1b-46e3-ad44-db4b5a3ce1e0')"> <a href="/products/dynamic-seals/wipers/"> Wipers </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'da0cc66b-081a-4ca7-ae9a-4bdfb4fca00b' || highlightElementIds.level3 === 'da0cc66b-081a-4ca7-ae9a-4bdfb4fca00b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'da0cc66b-081a-4ca7-ae9a-4bdfb4fca00b')"> <a href="/products/dynamic-seals/guide-rings/"> Guide Rings </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '574cce4f-03fa-4bad-87e6-0a8fdc406209' || highlightElementIds.level3 === '574cce4f-03fa-4bad-87e6-0a8fdc406209') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '574cce4f-03fa-4bad-87e6-0a8fdc406209')"> <a href="/products/dynamic-seals/damper-steering-seals/"> Damper &amp; Steering Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '66f15646-dbb7-4b90-91ef-7c51e42a310e' || highlightElementIds.level3 === '66f15646-dbb7-4b90-91ef-7c51e42a310e') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '66f15646-dbb7-4b90-91ef-7c51e42a310e')"> <a href="/products/dynamic-seals/damp-seal/"> Damp &amp; Seal </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'eb6f01d0-30af-4ccf-85da-2b08e164fcdb' || highlightElementIds.level3 === 'eb6f01d0-30af-4ccf-85da-2b08e164fcdb') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'eb6f01d0-30af-4ccf-85da-2b08e164fcdb')"> <a href="/products/dynamic-seals/valve-stem-seals/"> Valve Stem Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '0af5d54e-86df-466f-b123-71d3921e4bce' || highlightElementIds.level3 === '0af5d54e-86df-466f-b123-71d3921e4bce') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '0af5d54e-86df-466f-b123-71d3921e4bce')"> <a href="/products/dynamic-seals/grounding-solutions/"> eCON – Electrically Conductive Nonwoven </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === '9c3354ab-6150-47a2-b7a4-66fac8470684'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'db834d30-2435-4301-8235-2e2ce2b47f28' || highlightElementIds.level3 === 'db834d30-2435-4301-8235-2e2ce2b47f28') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'db834d30-2435-4301-8235-2e2ce2b47f28')"> <a href="/products/special-sealing-products/forseal/"> Forseal </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'a1b23302-66ee-46b1-82f1-5b008f2bd45c' || highlightElementIds.level3 === 'a1b23302-66ee-46b1-82f1-5b008f2bd45c') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'a1b23302-66ee-46b1-82f1-5b008f2bd45c')"> <a href="/products/special-sealing-products/precision-molded-parts/"> Precision Molded Parts </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'ba94f5cc-b6f8-4611-9589-11f6ab230c39' || highlightElementIds.level3 === 'ba94f5cc-b6f8-4611-9589-11f6ab230c39') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'ba94f5cc-b6f8-4611-9589-11f6ab230c39')"> <a href="/products/special-sealing-products/micro-parts/"> Micro Parts </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'd5474ac0-073e-4411-b8bf-5c750de12bc5' || highlightElementIds.level3 === 'd5474ac0-073e-4411-b8bf-5c750de12bc5') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'd5474ac0-073e-4411-b8bf-5c750de12bc5')"> <a href="/products/special-sealing-products/butterfly-valve-seals/"> Butterfly Valve Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'efa2918c-6d22-4fe2-bc41-01bafc3c490b' || highlightElementIds.level3 === 'efa2918c-6d22-4fe2-bc41-01bafc3c490b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'efa2918c-6d22-4fe2-bc41-01bafc3c490b')"> <a href="/products/special-sealing-products/caps/"> Caps </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'b70e28f0-8a23-419d-bead-48bddd67b909' || highlightElementIds.level3 === 'b70e28f0-8a23-419d-bead-48bddd67b909') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'b70e28f0-8a23-419d-bead-48bddd67b909')"> <a href="/products/special-sealing-products/stuffing-box-packings/"> Stuffing Box Packings </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '2b930f9c-6731-4633-ae30-1e9d90355d3b' || highlightElementIds.level3 === '2b930f9c-6731-4633-ae30-1e9d90355d3b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '2b930f9c-6731-4633-ae30-1e9d90355d3b')"> <a href="/products/special-sealing-products/encoder/"> Encoder </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'e66a878d-471d-41d3-ad21-b3d55f4e50e5' || highlightElementIds.level3 === 'e66a878d-471d-41d3-ad21-b3d55f4e50e5') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'e66a878d-471d-41d3-ad21-b3d55f4e50e5')"> <a href="/products/special-sealing-products/plug-and-seal/"> Plug &amp; Seal </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '898ae062-e806-435b-8c90-556353f4785b' || highlightElementIds.level3 === '898ae062-e806-435b-8c90-556353f4785b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '898ae062-e806-435b-8c90-556353f4785b')"> <a href="/products/special-sealing-products/boots/"> Boots </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '98c7499b-be32-4fe4-b584-ee0b41565175' || highlightElementIds.level3 === '98c7499b-be32-4fe4-b584-ee0b41565175') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '98c7499b-be32-4fe4-b584-ee0b41565175')"> <a href="/products/special-sealing-products/diaphragms/"> Diaphragms </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '521aa282-331e-4067-9479-a4992f7a594f' || highlightElementIds.level3 === '521aa282-331e-4067-9479-a4992f7a594f') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '521aa282-331e-4067-9479-a4992f7a594f')"> <a href="/products/special-sealing-products/diavent/"> DIAvent&#174; </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === '6b4e8af7-03a0-4f0b-9b58-76e7519e73df'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '9fab14b4-e2b7-4b08-97d8-1ffb16916159' || highlightElementIds.level3 === '9fab14b4-e2b7-4b08-97d8-1ffb16916159') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '9fab14b4-e2b7-4b08-97d8-1ffb16916159')"> <a href="/products/accumulators/hydraulic-accumulators/"> Hydraulic Accumulators </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'de611518-1530-48d2-9ef1-096b8a3a24c2' || highlightElementIds.level3 === 'de611518-1530-48d2-9ef1-096b8a3a24c2') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'de611518-1530-48d2-9ef1-096b8a3a24c2')"> <a href="/products/accumulators/accumulator-applications/"> Accumulator Applications </a> </li> </ul> </template> </div> <div class="desktop-nav__menu__column" x-ref="b980b6ba-3a0e-44df-adc6-e363d82cbfe2-level4"> </div> <div class="desktop-nav__menu__column desktop-nav__menu__column--aside"> <a href="https://products.fst.com/eu/en" target="_blank" rel="nofollow noopener" ><img src="/-/media/images/services/design-engineering/service_product-catalog_1000x666.jpg" width="250" height="166" alt="Computer monitor showing the Product Catalog incl. a zoomed picture showing an installation space" /></a> <p class="as-h4">Do you already know our Product Catalog?</p> <p>With the Freudenberg Sealing Technologies Product Catalog, you find the right part for your application in no time at all. </p> <a href="https://products.fst.com/eu/en" class="link-btn" data-scroll="" target="_blank" rel="nofollow noopener" > <span class="link-btn__text">Check out now!</span> <span class="material-symbols-outlined link-btn__icon">chevron_right</span> </a></div> </div> </li> <li class="desktop-nav__top__item "> <a href="/materials/"> Materials </a> <div class="desktop-nav__menu desktop-nav__menu--alphabetical"> <div> <div class="desktop-nav__menu__block "> <p>9</p> <a href="/materials/98-au-30500-polyurethane/" class=" "> 98 AU 30500 Polyurethan </a> </div> <div class="desktop-nav__menu__block "> <p>A</p> <a href="/materials/acm/" class=" "> ACM </a> </div> <div class="desktop-nav__menu__block "> <p>E</p> <a href="/materials/epdm/" class=" "> EPDM </a> </div> <div class="desktop-nav__menu__block "> <p>F</p> <a href="/materials/ffkm-simriz/" class=" "> FFKM - SIMRIZ&#174; </a> <a href="/materials/fkm/" class=" "> FKM </a> <a href="/materials/fluoroprene-xp/" class=" "> Fluoroprene&#174; XP </a> </div> <div class="desktop-nav__menu__block "> <p>H</p> <a href="/materials/hnbr/" class=" "> HNBR </a> </div> <div class="desktop-nav__menu__block "> <p>N</p> <a href="/materials/nbr/" class=" "> NBR </a> <a href="/materials/nr/" class=" "> NR </a> </div> <div class="desktop-nav__menu__block "> <p>P</p> <a href="/materials/pa/" class=" "> PA </a> <a href="/materials/pai/" class=" "> PAI </a> <a href="/materials/peek/" class=" "> PEEK </a> <a href="/materials/pom/" class=" "> POM </a> <a href="/materials/ptfe/" class=" "> PTFE </a> <a href="/materials/pur-pu/" class=" "> PUR, PU </a> </div> <div class="desktop-nav__menu__block "> <p>V</p> <a href="/materials/vmq-pvmq-fvmq/" class=" "> VMQ, PVMQ, FVMQ </a> </div> </div> <div class="desktop-nav__menu__column desktop-nav__menu__column--aside"> <a href="https://resistanceguide.fst.com/en/" ><img src="/-/media/images/foodandbeverage,-d-,fst,-d-,com/landingpages/tools_allg_500x333.jpg" width="250" height="166" alt="Resistance Guide" /></a> <p class="as-h4">Resistance Tools</p> <p>The easy way to calculate compatibility with chemicals and cleaning agents.</p> <a href="https://resistanceguide.fst.com/en/" class="link-btn" data-scroll="" > <span class="link-btn__text">Explore now!</span> <span class="material-symbols-outlined link-btn__icon">chevron_right</span> </a></div> </div> </li> <li class="desktop-nav__top__item "> <a href="/company/"> Company </a> <div class="desktop-nav__menu" @mouseleave="resetAllLevels"> <div class="desktop-nav__menu__column"> <ul class="desktop-nav__menu__items desktop-nav__menu__items--visible"> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === 'b6358aab-bb3d-4c7e-ad99-6ac7e212396e' || highlightElementIds.level2 === 'b6358aab-bb3d-4c7e-ad99-6ac7e212396e') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'b6358aab-bb3d-4c7e-ad99-6ac7e212396e')"> <a href="/company/about-us/"> About Us </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '88c24f93-c59b-4e05-92a8-f791e87eb293' || highlightElementIds.level2 === '88c24f93-c59b-4e05-92a8-f791e87eb293') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '88c24f93-c59b-4e05-92a8-f791e87eb293')"> <a href="/company/organization/"> Our Organisation </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === 'b582a92d-11cd-4e52-8354-643aa311cc90' || highlightElementIds.level2 === 'b582a92d-11cd-4e52-8354-643aa311cc90') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'b582a92d-11cd-4e52-8354-643aa311cc90')"> <a href="/company/sustainability/"> Sustainability </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === 'd0e37d65-15bb-484a-9d6e-7fc5a9c0f672' || highlightElementIds.level2 === 'd0e37d65-15bb-484a-9d6e-7fc5a9c0f672') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'd0e37d65-15bb-484a-9d6e-7fc5a9c0f672')"> <a href="/company/career/"> Career </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level2 === '3675a132-9936-41a1-9241-80660586637c' || highlightElementIds.level2 === '3675a132-9936-41a1-9241-80660586637c') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '3675a132-9936-41a1-9241-80660586637c')"> <a href="https://ecatalog.fst.com/Distributor/" target="_blank" rel="nofollow noopener"> Distributors </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === 'bb489962-f2cf-46ba-8a48-16c2d98fec6c' || highlightElementIds.level2 === 'bb489962-f2cf-46ba-8a48-16c2d98fec6c') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'bb489962-f2cf-46ba-8a48-16c2d98fec6c')"> <a href="/company/suppliers/"> Suppliers </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === '009f23a6-2c74-40fc-b89b-51c38aeaf730' || highlightElementIds.level2 === '009f23a6-2c74-40fc-b89b-51c38aeaf730') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '009f23a6-2c74-40fc-b89b-51c38aeaf730')"> <a href="/company/trust-center/"> Trust Center </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === '34e0b950-5aeb-4144-ace8-5c9038d5e58d' || highlightElementIds.level2 === '34e0b950-5aeb-4144-ace8-5c9038d5e58d') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '34e0b950-5aeb-4144-ace8-5c9038d5e58d')"> <a href="/company/contact/"> Contact </a> </li> </ul> </div> <div class="desktop-nav__menu__column" x-ref="4e2ad8b9-6872-4fb6-bd6b-98cc552d4d2a-level3"> <template x-if="activeElementIds.level2 === 'b6358aab-bb3d-4c7e-ad99-6ac7e212396e'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '0185b380-fd78-4f2b-9516-db282cb8bfc5' || highlightElementIds.level3 === '0185b380-fd78-4f2b-9516-db282cb8bfc5') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '0185b380-fd78-4f2b-9516-db282cb8bfc5')"> <a href="/company/about-us/at-a-glance/"> At a Glance </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '132d247a-27dd-4b69-8663-4eac5ab82e94' || highlightElementIds.level3 === '132d247a-27dd-4b69-8663-4eac5ab82e94') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '132d247a-27dd-4b69-8663-4eac5ab82e94')"> <a href="/company/about-us/focus/"> Our Focus </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '36b0febc-8ece-4832-946d-a371281bff4c' || highlightElementIds.level3 === '36b0febc-8ece-4832-946d-a371281bff4c') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '36b0febc-8ece-4832-946d-a371281bff4c')"> <a href="/company/about-us/core-competencies/"> Our Core Competencies </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '8ca5968f-8156-4b00-9c1d-1842602d46b3' || highlightElementIds.level3 === '8ca5968f-8156-4b00-9c1d-1842602d46b3') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '8ca5968f-8156-4b00-9c1d-1842602d46b3')"> <a href="/company/about-us/values/"> Our Values </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === '88c24f93-c59b-4e05-92a8-f791e87eb293'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '751dc5ea-94a5-4166-af6b-89abcc8058b7' || highlightElementIds.level3 === '751dc5ea-94a5-4166-af6b-89abcc8058b7') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '751dc5ea-94a5-4166-af6b-89abcc8058b7')"> <a href="/company/organization/management/"> Our Executive Management </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '20915b2f-bf36-41d6-8043-aa4c44ab12e5' || highlightElementIds.level3 === '20915b2f-bf36-41d6-8043-aa4c44ab12e5') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '20915b2f-bf36-41d6-8043-aa4c44ab12e5')"> <a href="/company/organization/structure/"> Our Structure </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '62cddc34-5439-4fa2-b6b9-3f7371e7f938' || highlightElementIds.level3 === '62cddc34-5439-4fa2-b6b9-3f7371e7f938') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '62cddc34-5439-4fa2-b6b9-3f7371e7f938')"> <a href="/company/organization/brands/"> Our Brands </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '17e5f2bf-c495-4eac-ae4f-45beaf9d83c0' || highlightElementIds.level3 === '17e5f2bf-c495-4eac-ae4f-45beaf9d83c0') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '17e5f2bf-c495-4eac-ae4f-45beaf9d83c0')"> <a href="/company/organization/locations/"> Our Locations </a> </li> </ul> </template> </div> <div class="desktop-nav__menu__column" x-ref="4e2ad8b9-6872-4fb6-bd6b-98cc552d4d2a-level4"> </div> <div class="desktop-nav__menu__column desktop-nav__menu__column--aside"> <a href="/news-stories/magazine/" ><img src="/-/media/images/kundenmagazin%20essential/ausgabe%202024-02/essential_teaser_en_1000x666.jpg" width="250" height="166" alt="Mockup of ESSENTIAL magazine issue November 2024" /></a> <p class="as-h4">Don’t Miss a Trend</p> <p>Smart sealing solutions for nearly every sector, technology trends and exclusive interviews – Find them in our company magazine ESSENTIAL with a print subscription and digitally. Take a look inside!</p> <a href="/news-stories/magazine/" class="link-btn" data-scroll="" > <span class="link-btn__text">Explore now!</span> <span class="material-symbols-outlined link-btn__icon">chevron_right</span> </a></div> </div> </li> <li class="desktop-nav__top__item "> <a href="/news-stories/"> News &amp; Stories </a> <div class="desktop-nav__menu" @mouseleave="resetAllLevels"> <div class="desktop-nav__menu__column"> <ul class="desktop-nav__menu__items desktop-nav__menu__items--visible"> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === 'f1a2b59e-f520-4e28-8575-47630cdc80a7' || highlightElementIds.level2 === 'f1a2b59e-f520-4e28-8575-47630cdc80a7') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'f1a2b59e-f520-4e28-8575-47630cdc80a7')"> <a href="/news-stories/press-releases/"> Press Releases </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === 'a447ac8f-f3c1-4510-b5ce-0ed0ce7f8233' || highlightElementIds.level2 === 'a447ac8f-f3c1-4510-b5ce-0ed0ce7f8233') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'a447ac8f-f3c1-4510-b5ce-0ed0ce7f8233')"> <a href="/news-stories/magazine/"> Magazine </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === 'ea026ea1-24c6-4614-911f-4addc6277b44' || highlightElementIds.level2 === 'ea026ea1-24c6-4614-911f-4addc6277b44') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'ea026ea1-24c6-4614-911f-4addc6277b44')"> <a href="/news-stories/newsletter/"> Newsletter </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === 'ce0b67a6-9ca6-49af-aa49-f69b67ad10f6' || highlightElementIds.level2 === 'ce0b67a6-9ca6-49af-aa49-f69b67ad10f6') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'ce0b67a6-9ca6-49af-aa49-f69b67ad10f6')"> <a href="/news-stories/news-service/"> News Service </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === 'fc586d02-9711-428a-8c72-dc48e032747b' || highlightElementIds.level2 === 'fc586d02-9711-428a-8c72-dc48e032747b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'fc586d02-9711-428a-8c72-dc48e032747b')"> <a href="/news-stories/team/"> Team </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === '0d183e90-17ab-4509-bea6-478fdc2eeb5e' || highlightElementIds.level2 === '0d183e90-17ab-4509-bea6-478fdc2eeb5e') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '0d183e90-17ab-4509-bea6-478fdc2eeb5e')"> <a href="/news-stories/pfas-update/"> PFAS Update </a> </li> </ul> </div> <div class="desktop-nav__menu__column" x-ref="17375f89-99b2-4984-9a95-92dbb3a42a88-level3"> <template x-if="activeElementIds.level2 === 'f1a2b59e-f520-4e28-8575-47630cdc80a7'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '4867fd89-9222-4be9-963a-e2bf0ee9d6d8' || highlightElementIds.level3 === '4867fd89-9222-4be9-963a-e2bf0ee9d6d8') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '4867fd89-9222-4be9-963a-e2bf0ee9d6d8')"> <a href="/news-stories/press-releases/press-archive/"> Press Archive </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === 'a447ac8f-f3c1-4510-b5ce-0ed0ce7f8233'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '3920e44e-c4ce-4570-8072-ebcb289b5d9a' || highlightElementIds.level3 === '3920e44e-c4ce-4570-8072-ebcb289b5d9a') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '3920e44e-c4ce-4570-8072-ebcb289b5d9a')"> <a href="/news-stories/magazine/digitalization/"> Digitalization </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'b5af8573-7981-4eb0-a7a8-c8d0b6a30398' || highlightElementIds.level3 === 'b5af8573-7981-4eb0-a7a8-c8d0b6a30398') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'b5af8573-7981-4eb0-a7a8-c8d0b6a30398')"> <a href="/news-stories/magazine/e-mobility/"> E-Mobility </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'c88587b8-539d-4172-a1ef-51584d25a96d' || highlightElementIds.level3 === 'c88587b8-539d-4172-a1ef-51584d25a96d') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'c88587b8-539d-4172-a1ef-51584d25a96d')"> <a href="/news-stories/magazine/food-and-beverage/"> Food &amp; Beverage </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'fc5ae02b-1530-4b70-9bb4-b8a002b56035' || highlightElementIds.level3 === 'fc5ae02b-1530-4b70-9bb4-b8a002b56035') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'fc5ae02b-1530-4b70-9bb4-b8a002b56035')"> <a href="/news-stories/magazine/renewable-energy/"> Renewable Energy </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '1f4001a8-3197-4a20-9774-dee1feee4561' || highlightElementIds.level3 === '1f4001a8-3197-4a20-9774-dee1feee4561') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '1f4001a8-3197-4a20-9774-dee1feee4561')"> <a href="/news-stories/magazine/sustainability/"> Sustainability </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'a84b159e-c620-4934-82d4-14b5491b158b' || highlightElementIds.level3 === 'a84b159e-c620-4934-82d4-14b5491b158b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'a84b159e-c620-4934-82d4-14b5491b158b')"> <a href="/news-stories/magazine/technology/"> Technology </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '0bdaac5b-b2ff-4e1d-8a6e-9a08ed9d74a2' || highlightElementIds.level3 === '0bdaac5b-b2ff-4e1d-8a6e-9a08ed9d74a2') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '0bdaac5b-b2ff-4e1d-8a6e-9a08ed9d74a2')"> <a href="/news-stories/magazine/future-files/"> Future Files </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '5daef8f1-b0f6-45f8-a5df-5e985ca4a9c0' || highlightElementIds.level3 === '5daef8f1-b0f6-45f8-a5df-5e985ca4a9c0') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '5daef8f1-b0f6-45f8-a5df-5e985ca4a9c0')"> <a href="/news-stories/magazine/archive/"> Archive </a> </li> </ul> </template> </div> <div class="desktop-nav__menu__column" x-ref="17375f89-99b2-4984-9a95-92dbb3a42a88-level4"> </div> <div class="desktop-nav__menu__column desktop-nav__menu__column--aside"> <a href="/news-stories/magazine/" ><img src="/-/media/images/kundenmagazin%20essential/ausgabe%202024-02/essential_teaser_en_1000x666.jpg" width="250" height="166" alt="Mockup of ESSENTIAL magazine issue November 2024" /></a> <p class="as-h4">Don’t Miss a Trend</p> <p>Smart sealing solutions for nearly every sector, technology trends and exclusive interviews – Find them in our company magazine ESSENTIAL with a print subscription and digitally. Take a look inside!</p> <a href="/news-stories/magazine/" class="link-btn" data-scroll="" > <span class="link-btn__text">Explore now!</span> <span class="material-symbols-outlined link-btn__icon">chevron_right</span> </a></div> </div> </li> <li class="desktop-nav__top__item "> <a href="/events/"> Events </a> <div class="desktop-nav__menu" @mouseleave="resetAllLevels"> <div class="desktop-nav__menu__column"> <ul class="desktop-nav__menu__items desktop-nav__menu__items--visible"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === '8219affe-c8fe-4719-a03f-8797bd3323e6' || highlightElementIds.level2 === '8219affe-c8fe-4719-a03f-8797bd3323e6') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '8219affe-c8fe-4719-a03f-8797bd3323e6')"> <a href="/events/archive/"> Archive </a> </li> </ul> </div> <div class="desktop-nav__menu__column" x-ref="f6e45f8e-736d-4e48-b171-e307ab6a93f5-level3"> </div> <div class="desktop-nav__menu__column" x-ref="f6e45f8e-736d-4e48-b171-e307ab6a93f5-level4"> </div> </div> </li> <li class="desktop-nav__top__item "> <a href="/services/"> Services </a> <div class="desktop-nav__menu" @mouseleave="resetAllLevels"> <div class="desktop-nav__menu__column"> <ul class="desktop-nav__menu__items desktop-nav__menu__items--visible"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === 'b70bc47b-f309-48d7-85c0-daf7866916cf' || highlightElementIds.level2 === 'b70bc47b-f309-48d7-85c0-daf7866916cf') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'b70bc47b-f309-48d7-85c0-daf7866916cf')"> <a href="/services/engineers/"> Engineers </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === '915cdd9c-1fca-42fe-985a-affc90a21b62' || highlightElementIds.level2 === '915cdd9c-1fca-42fe-985a-affc90a21b62') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '915cdd9c-1fca-42fe-985a-affc90a21b62')"> <a href="/services/maintenance-and-quality-managers/"> Maintenance and Quality Managers </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === '8f730023-fb98-4d26-8c6e-bff6d76c0762' || highlightElementIds.level2 === '8f730023-fb98-4d26-8c6e-bff6d76c0762') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '8f730023-fb98-4d26-8c6e-bff6d76c0762')"> <a href="/services/purchasing-and-supply-chain-managers/"> Purchasing and Supply Chain Managers </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '61216a05-1290-4ba7-934c-37c499bbdacc' || highlightElementIds.level2 === '61216a05-1290-4ba7-934c-37c499bbdacc') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '61216a05-1290-4ba7-934c-37c499bbdacc')"> <a href="/services/design-and-engineering/"> Design &amp; Engineering </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '0d9dc498-938c-431d-949e-13feddd4aabf' || highlightElementIds.level2 === '0d9dc498-938c-431d-949e-13feddd4aabf') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '0d9dc498-938c-431d-949e-13feddd4aabf')"> <a href="/services/logistics-and-supply-chain/"> Logistics &amp; Supply Chain </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '7002f3f4-bc5c-43a2-8f54-96ddcaa3a53b' || highlightElementIds.level2 === '7002f3f4-bc5c-43a2-8f54-96ddcaa3a53b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '7002f3f4-bc5c-43a2-8f54-96ddcaa3a53b')"> <a href="/services/machined-seals/"> Machined Seals </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '9aa76069-5f7d-49f4-8ed4-7b6670c8d5d2' || highlightElementIds.level2 === '9aa76069-5f7d-49f4-8ed4-7b6670c8d5d2') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '9aa76069-5f7d-49f4-8ed4-7b6670c8d5d2')"> <a href="/services/online-tools/"> Online Tools </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === '3350df0b-c605-4b26-ac14-b61f5d3abdaf' || highlightElementIds.level2 === '3350df0b-c605-4b26-ac14-b61f5d3abdaf') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', '3350df0b-c605-4b26-ac14-b61f5d3abdaf')"> <a href="/services/ebusiness-eservices/"> eBusiness / eServices </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === 'ad394d38-1bf2-4e53-9f45-d509bcc4a333' || highlightElementIds.level2 === 'ad394d38-1bf2-4e53-9f45-d509bcc4a333') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'ad394d38-1bf2-4e53-9f45-d509bcc4a333')"> <a href="/services/product-customizing/"> Product Customizing </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === 'eb564118-9326-425f-a850-854aa210454a' || highlightElementIds.level2 === 'eb564118-9326-425f-a850-854aa210454a') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'eb564118-9326-425f-a850-854aa210454a')"> <a href="/services/quality/"> Quality </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level2 === 'c4d57c92-0490-4c6f-b9f3-3cd5c7127e7d' || highlightElementIds.level2 === 'c4d57c92-0490-4c6f-b9f3-3cd5c7127e7d') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'c4d57c92-0490-4c6f-b9f3-3cd5c7127e7d')"> <a href="/services/training-and-know-how/"> Training &amp; Know-how </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level2 === 'a87037dd-81ed-4c2b-a89e-4c7904646e6b' || highlightElementIds.level2 === 'a87037dd-81ed-4c2b-a89e-4c7904646e6b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level2', 'a87037dd-81ed-4c2b-a89e-4c7904646e6b')"> <a href="/services/downloads/"> Downloads </a> </li> </ul> </div> <div class="desktop-nav__menu__column" x-ref="7ee3678f-df90-4e62-9b2d-86479cfbe30b-level3"> <template x-if="activeElementIds.level2 === '61216a05-1290-4ba7-934c-37c499bbdacc'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level3 === '78f6c21e-4faa-44d6-b364-12a213f51ead' || highlightElementIds.level3 === '78f6c21e-4faa-44d6-b364-12a213f51ead') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '78f6c21e-4faa-44d6-b364-12a213f51ead')"> <a> Evaluation of Sealing Systems </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '9ac8cbd5-6dfc-48da-ba62-62819b46c2e8' || highlightElementIds.level3 === '9ac8cbd5-6dfc-48da-ba62-62819b46c2e8') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '9ac8cbd5-6dfc-48da-ba62-62819b46c2e8')"> <a href="/services/design-and-engineering/#HygienicDesign" target="" rel=""> Hygienic Design </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'c5cfe605-dfc7-4d31-b74e-e8e9cc664fbb' || highlightElementIds.level3 === 'c5cfe605-dfc7-4d31-b74e-e8e9cc664fbb') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'c5cfe605-dfc7-4d31-b74e-e8e9cc664fbb')"> <a href="/services/design-and-engineering/test-benches/"> Test Benches </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '6fb01042-449e-4685-839f-af95a148e579' || highlightElementIds.level3 === '6fb01042-449e-4685-839f-af95a148e579') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '6fb01042-449e-4685-839f-af95a148e579')"> <a href="/services/design-and-engineering/#LubeSeal" target="" rel=""> Lube &amp; Seal </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '56669e45-e99f-4fef-b5f4-af35a09366f6' || highlightElementIds.level3 === '56669e45-e99f-4fef-b5f4-af35a09366f6') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '56669e45-e99f-4fef-b5f4-af35a09366f6')"> <a href="/services/design-and-engineering/#ProductCatalog" target="" rel=""> Product Catalog </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '1e0489a6-820b-4680-94b6-fa9343895218' || highlightElementIds.level3 === '1e0489a6-820b-4680-94b6-fa9343895218') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '1e0489a6-820b-4680-94b6-fa9343895218')"> <a href="/services/design-and-engineering/#CADDownloads" target="" rel=""> CAD Downloads </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === 'df76ec64-70a5-436b-9476-6de6273678d3' || highlightElementIds.level3 === 'df76ec64-70a5-436b-9476-6de6273678d3') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'df76ec64-70a5-436b-9476-6de6273678d3')"> <a href="https://simmerring-selector.fst.com/SimmerringSelector?language=en" target="_blank" rel="nofollow noopener"> Simmerring&#174; Selector </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '321fcedd-846a-4b19-8721-20c0d9514e17' || highlightElementIds.level3 === '321fcedd-846a-4b19-8721-20c0d9514e17') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '321fcedd-846a-4b19-8721-20c0d9514e17')"> <a href="https://oring.fst.com/" target="_blank" rel="nofollow noopener"> O-Ring Calculator </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '3cbf4a01-5c2e-4f71-b38b-3316ab82d830' || highlightElementIds.level3 === '3cbf4a01-5c2e-4f71-b38b-3316ab82d830') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '3cbf4a01-5c2e-4f71-b38b-3316ab82d830')"> <a href="https://products.fst.com/eu/en/hydraulic-selector " target="_blank" rel="nofollow noopener"> Hydraulic Selector </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '26324851-dd88-4d52-82b6-2717d98f0439' || highlightElementIds.level3 === '26324851-dd88-4d52-82b6-2717d98f0439') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '26324851-dd88-4d52-82b6-2717d98f0439')"> <a href="https://products.fst.com/eu/en/accumulator-selector" target="_blank" rel="nofollow noopener"> Accumulator Selector </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '4baa95e6-f820-467c-b94a-32b434042a1a' || highlightElementIds.level3 === '4baa95e6-f820-467c-b94a-32b434042a1a') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '4baa95e6-f820-467c-b94a-32b434042a1a')"> <a href="https://resistanceguide.fst.com/en/chemical-resistance-guide/" target="_blank" rel=""> Chemical Resistance Guide </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '8b8c27ea-5154-491f-b0fc-86e25089ee5e' || highlightElementIds.level3 === '8b8c27ea-5154-491f-b0fc-86e25089ee5e') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '8b8c27ea-5154-491f-b0fc-86e25089ee5e')"> <a href="https://resistanceguide.fst.com/en/cip-sip-guide/" target="_blank" rel=""> CIP-/SIP-Guide </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '2b4b5c1a-0679-4ba1-9859-6fb264abae28' || highlightElementIds.level3 === '2b4b5c1a-0679-4ba1-9859-6fb264abae28') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '2b4b5c1a-0679-4ba1-9859-6fb264abae28')"> <a href="https://www.youtube.com/user/FreudenbergSealing/featured" target="_blank" rel="nofollow noreferer noopener"> Videos </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '4ee1ddd6-f30a-417d-ac13-969b962a33b8' || highlightElementIds.level3 === '4ee1ddd6-f30a-417d-ac13-969b962a33b8') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '4ee1ddd6-f30a-417d-ac13-969b962a33b8')"> <a href="/services/design-and-engineering/#Hotline" target="" rel=""> Hotline </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === '0d9dc498-938c-431d-949e-13feddd4aabf'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '2394a6bf-97c5-4082-b220-e93a51c4bfd6' || highlightElementIds.level3 === '2394a6bf-97c5-4082-b220-e93a51c4bfd6') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '2394a6bf-97c5-4082-b220-e93a51c4bfd6')"> <a href="/services/logistics-and-supply-chain/#TrackTrace" target="" rel=""> Track &amp; Trace </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '26cce031-0f71-4a8d-b992-8235a9da21a6' || highlightElementIds.level3 === '26cce031-0f71-4a8d-b992-8235a9da21a6') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '26cce031-0f71-4a8d-b992-8235a9da21a6')"> <a href="/services/logistics-and-supply-chain/#NextDayDelivery" target="" rel=""> Next Day Delivery </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '3130b6f2-bb92-4d27-ad10-7969b3cdacfd' || highlightElementIds.level3 === '3130b6f2-bb92-4d27-ad10-7969b3cdacfd') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '3130b6f2-bb92-4d27-ad10-7969b3cdacfd')"> <a href="/services/logistics-and-supply-chain/distribution-network/"> Distribution Network </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '5b9b4992-2a42-4813-9b57-9f2ce3907d7a' || highlightElementIds.level3 === '5b9b4992-2a42-4813-9b57-9f2ce3907d7a') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '5b9b4992-2a42-4813-9b57-9f2ce3907d7a')"> <a href="/services/logistics-and-supply-chain/mro-specific-products/"> MRO Specific Products </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'e0a94b3c-869d-4d55-af17-67124e4c9dfc' || highlightElementIds.level3 === 'e0a94b3c-869d-4d55-af17-67124e4c9dfc') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'e0a94b3c-869d-4d55-af17-67124e4c9dfc')"> <a href="/services/logistics-and-supply-chain/#PackagingSolutions" target="" rel=""> Packaging Solutions </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'bb40f615-2fa8-4e75-92bb-195a7184e115' || highlightElementIds.level3 === 'bb40f615-2fa8-4e75-92bb-195a7184e115') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'bb40f615-2fa8-4e75-92bb-195a7184e115')"> <a href="/services/logistics-and-supply-chain/#Kitting" target="" rel=""> Kitting </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === '7002f3f4-bc5c-43a2-8f54-96ddcaa3a53b'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '93d29747-2955-4e64-b7b4-39eb1c09f5c7' || highlightElementIds.level3 === '93d29747-2955-4e64-b7b4-39eb1c09f5c7') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '93d29747-2955-4e64-b7b4-39eb1c09f5c7')"> <a href="/services/machined-seals/rapid-prototyping-and-customized-production/"> Rapid Prototyping and Customized Production </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '24862d41-67bc-4b61-9192-2446b327fb39' || highlightElementIds.level3 === '24862d41-67bc-4b61-9192-2446b327fb39') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '24862d41-67bc-4b61-9192-2446b327fb39')"> <a href="/services/machined-seals/economic-small-series-production/"> Economic Small Series Production </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '4e757b60-3d17-418d-b1cc-ef11e65e65ec' || highlightElementIds.level3 === '4e757b60-3d17-418d-b1cc-ef11e65e65ec') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '4e757b60-3d17-418d-b1cc-ef11e65e65ec')"> <a href="/services/machined-seals/welded-seals/"> Welded Seals </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '63fd72ff-962a-45d3-9049-ec4479319b50' || highlightElementIds.level3 === '63fd72ff-962a-45d3-9049-ec4479319b50') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '63fd72ff-962a-45d3-9049-ec4479319b50')"> <a href="/services/machined-seals/gasket-plotting/"> Gasket Plotting </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '8afbcd54-a324-4236-bf59-e2d4fb09413d' || highlightElementIds.level3 === '8afbcd54-a324-4236-bf59-e2d4fb09413d') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '8afbcd54-a324-4236-bf59-e2d4fb09413d')"> <a href="/services/machined-seals/segment-specific-solutions-for-the-heavy-and-process-industry/"> Segment-Specific Solutions for the Heavy and Process Industry </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === '9aa76069-5f7d-49f4-8ed4-7b6670c8d5d2'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '9b14c08c-f5ee-470c-b46d-65189dcd9d82' || highlightElementIds.level3 === '9b14c08c-f5ee-470c-b46d-65189dcd9d82') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '9b14c08c-f5ee-470c-b46d-65189dcd9d82')"> <a href="/services/online-tools/#ProductCatalog" target="" rel=""> Product Catalog </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '240596b6-6cb1-47a0-8308-529998f2c23f' || highlightElementIds.level3 === '240596b6-6cb1-47a0-8308-529998f2c23f') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '240596b6-6cb1-47a0-8308-529998f2c23f')"> <a href="/services/ebusiness-eservices/easy-ordering-platform/" target="" rel=""> EASY Ordering Platform </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level3 === 'abd7c2b9-9061-4b7f-b3be-eb412fd1d325' || highlightElementIds.level3 === 'abd7c2b9-9061-4b7f-b3be-eb412fd1d325') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'abd7c2b9-9061-4b7f-b3be-eb412fd1d325')"> <a href="/services/online-tools/3d-animations/"> 3D Animations </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--has-items " :class="(activeElementIds.level3 === '85aa19c5-1350-42da-9f22-8e1c60a17c0c' || highlightElementIds.level3 === '85aa19c5-1350-42da-9f22-8e1c60a17c0c') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '85aa19c5-1350-42da-9f22-8e1c60a17c0c')"> <a href="/services/online-tools/virtual-tours/"> Virtual Tours </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === 'db395a98-ea06-4681-b838-7af7b4c0107f' || highlightElementIds.level3 === 'db395a98-ea06-4681-b838-7af7b4c0107f') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'db395a98-ea06-4681-b838-7af7b4c0107f')"> <a href="https://simmerring-selector.fst.com/SimmerringSelector?language=en" target="_blank" rel="nofollow noopener"> Simmerring&#174; Selector </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '0bea7580-bf26-45d6-a9e6-bce74d4f9472' || highlightElementIds.level3 === '0bea7580-bf26-45d6-a9e6-bce74d4f9472') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '0bea7580-bf26-45d6-a9e6-bce74d4f9472')"> <a href="https://oring.fst.com/" target="_blank" rel="nofollow noopener"> O-Ring Calculator </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '52fdaa4c-d7c1-42f7-b357-ac9b222aa2d2' || highlightElementIds.level3 === '52fdaa4c-d7c1-42f7-b357-ac9b222aa2d2') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '52fdaa4c-d7c1-42f7-b357-ac9b222aa2d2')"> <a href="https://products.fst.com/eu/en/hydraulic-selector " target="_blank" rel="nofollow noopener"> Hydraulic Selector </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '6e6fca5a-702e-4bb3-af7c-4edb2e71caf4' || highlightElementIds.level3 === '6e6fca5a-702e-4bb3-af7c-4edb2e71caf4') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '6e6fca5a-702e-4bb3-af7c-4edb2e71caf4')"> <a href="https://products.fst.com/eu/en/accumulator-selector" target="_blank" rel="nofollow noopener"> Accumulator Selector </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === 'a9df870b-b118-46d7-904e-2bd753bd2253' || highlightElementIds.level3 === 'a9df870b-b118-46d7-904e-2bd753bd2253') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'a9df870b-b118-46d7-904e-2bd753bd2253')"> <a href="https://resistanceguide.fst.com/en/chemical-resistance-guide/" target="_blank" rel=""> Chemical Resistance Guide </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '1066f182-04c0-41bf-a595-c61f8dafd9c8' || highlightElementIds.level3 === '1066f182-04c0-41bf-a595-c61f8dafd9c8') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '1066f182-04c0-41bf-a595-c61f8dafd9c8')"> <a href="https://resistanceguide.fst.com/en/cip-sip-guide/" target="_blank" rel=""> CIP-/SIP-Guide </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> </ul> </template> <template x-if="activeElementIds.level2 === '3350df0b-c605-4b26-ac14-b61f5d3abdaf'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '82d700b7-f8b0-4b0b-b264-1308d7bf8a71' || highlightElementIds.level3 === '82d700b7-f8b0-4b0b-b264-1308d7bf8a71') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '82d700b7-f8b0-4b0b-b264-1308d7bf8a71')"> <a href="/services/ebusiness-eservices/easy-ordering-platform/"> EASY Ordering Platform </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '017f651a-6ed6-463f-89df-2b24ec9ab583' || highlightElementIds.level3 === '017f651a-6ed6-463f-89df-2b24ec9ab583') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '017f651a-6ed6-463f-89df-2b24ec9ab583')"> <a href="/services/ebusiness-eservices/#EASYBusinessConnector" target="" rel=""> EASY Business Connector </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '731caab9-d23e-4c3c-8a4b-a88682d0435d' || highlightElementIds.level3 === '731caab9-d23e-4c3c-8a4b-a88682d0435d') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '731caab9-d23e-4c3c-8a4b-a88682d0435d')"> <a href="/services/ebusiness-eservices/#EDIConnection" target="" rel=""> EDI Connection </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '3c38953a-7fc1-4480-a124-cb686fca116b' || highlightElementIds.level3 === '3c38953a-7fc1-4480-a124-cb686fca116b') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '3c38953a-7fc1-4480-a124-cb686fca116b')"> <a href="/services/ebusiness-eservices/#OCIPunchout" target="" rel=""> OCI/Punchout </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === 'ad394d38-1bf2-4e53-9f45-d509bcc4a333'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'e16d2e7a-d0ac-47dc-8a08-a0ddd37aa2e4' || highlightElementIds.level3 === 'e16d2e7a-d0ac-47dc-8a08-a0ddd37aa2e4') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'e16d2e7a-d0ac-47dc-8a08-a0ddd37aa2e4')"> <a href="/services/product-customizing/product-modification/"> Product Modification </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'fe48d50c-a233-463b-b772-c5a316f6be38' || highlightElementIds.level3 === 'fe48d50c-a233-463b-b772-c5a316f6be38') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'fe48d50c-a233-463b-b772-c5a316f6be38')"> <a href="/services/product-customizing/#ProductTreatment" target="" rel=""> Product Treatment </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '8e11fa94-e8d3-44ea-97e7-e01717c74c92' || highlightElementIds.level3 === '8e11fa94-e8d3-44ea-97e7-e01717c74c92') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '8e11fa94-e8d3-44ea-97e7-e01717c74c92')"> <a href="/services/product-customizing/#ProductMarking" target="" rel=""> Product Marking </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === 'eb564118-9326-425f-a850-854aa210454a'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '2f5466a9-711b-4712-9668-b9d50b4261c3' || highlightElementIds.level3 === '2f5466a9-711b-4712-9668-b9d50b4261c3') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '2f5466a9-711b-4712-9668-b9d50b4261c3')"> <a href="/services/quality/#QualityManagement" target="" rel=""> Quality Management </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '550a50e9-6d08-43c9-955a-01815edab949' || highlightElementIds.level3 === '550a50e9-6d08-43c9-955a-01815edab949') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '550a50e9-6d08-43c9-955a-01815edab949')"> <a href="/services/quality/#MaterialDataSheets" target="" rel=""> Material Data Sheets </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'b8e6b5d2-8286-49a9-9de6-2fea395770fa' || highlightElementIds.level3 === 'b8e6b5d2-8286-49a9-9de6-2fea395770fa') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'b8e6b5d2-8286-49a9-9de6-2fea395770fa')"> <a href="/services/quality/#MaterialTesting" target="" rel=""> Material Testing </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '58966c51-ebf9-453c-b7a8-6c0781181701' || highlightElementIds.level3 === '58966c51-ebf9-453c-b7a8-6c0781181701') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '58966c51-ebf9-453c-b7a8-6c0781181701')"> <a href="/services/quality/#Certificates" target="" rel=""> Certificates </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '6a0e087c-6c77-4bfa-a963-63e2fc656507' || highlightElementIds.level3 === '6a0e087c-6c77-4bfa-a963-63e2fc656507') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '6a0e087c-6c77-4bfa-a963-63e2fc656507')"> <a href="/services/quality/#IMDSEntry" target="" rel=""> IMDS Entry </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === 'd76ca5db-3f76-46a2-8b23-e1793eec8be1' || highlightElementIds.level3 === 'd76ca5db-3f76-46a2-8b23-e1793eec8be1') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', 'd76ca5db-3f76-46a2-8b23-e1793eec8be1')"> <a href="/services/quality/#DualUse" target="" rel=""> Dual Use </a> </li> </ul> </template> <template x-if="activeElementIds.level2 === 'c4d57c92-0490-4c6f-b9f3-3cd5c7127e7d'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '9d9e3b4a-6cac-416c-8f3a-fe46d26d98c2' || highlightElementIds.level3 === '9d9e3b4a-6cac-416c-8f3a-fe46d26d98c2') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '9d9e3b4a-6cac-416c-8f3a-fe46d26d98c2')"> <a href="/services/training-and-know-how/growtth-academy/"> GROWTTH Academy </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '454c1728-166c-4d65-b709-13ec13d39dab' || highlightElementIds.level3 === '454c1728-166c-4d65-b709-13ec13d39dab') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '454c1728-166c-4d65-b709-13ec13d39dab')"> <a href="/services/training-and-know-how/webinars/"> Webinars </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level3 === '2eaba79c-185e-4da5-b400-79ebc096d706' || highlightElementIds.level3 === '2eaba79c-185e-4da5-b400-79ebc096d706') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '2eaba79c-185e-4da5-b400-79ebc096d706')"> <a href="http://academy.fst.de/" target="_blank" rel="nofollow noopener"> FST Academy </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '3bcf7d08-edd5-4ca5-84f4-322883544cda' || highlightElementIds.level3 === '3bcf7d08-edd5-4ca5-84f4-322883544cda') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '3bcf7d08-edd5-4ca5-84f4-322883544cda')"> <a href="/services/training-and-know-how/#TechDay" target="" rel=""> TechDay </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level3 === '1fd94daf-8875-4bbe-96f1-605a2b2478f0' || highlightElementIds.level3 === '1fd94daf-8875-4bbe-96f1-605a2b2478f0') && 'desktop-nav__menu__item--active'" @mouseover="activateMenuItem('level3', '1fd94daf-8875-4bbe-96f1-605a2b2478f0')"> <a href="/services/training-and-know-how/#InhouseFairs" target="" rel=""> In-house Fairs </a> </li> </ul> </template> </div> <div class="desktop-nav__menu__column" x-ref="7ee3678f-df90-4e62-9b2d-86479cfbe30b-level4"> <template x-if="activeElementIds.level3 === '78f6c21e-4faa-44d6-b364-12a213f51ead'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item " :class="(activeElementIds.level4 === '47def11a-efae-47ce-a2a8-aacaeea87adc' || highlightElementIds.level4 === '47def11a-efae-47ce-a2a8-aacaeea87adc') && 'desktop-nav__menu__item--active'"> <a href="/services/design-and-engineering/evaluation-of-sealing-systems/global-simmerring-engineering/"> Global Simmerring&#174; Engineering </a> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level4 === '73fb314d-2406-43db-ab8a-c516ef40202e' || highlightElementIds.level4 === '73fb314d-2406-43db-ab8a-c516ef40202e') && 'desktop-nav__menu__item--active'"> <a href="/services/design-and-engineering/evaluation-of-sealing-systems/hydraulic-sealing-systems/"> Hydraulic Sealing Systems </a> </li> </ul> </template> <template x-if="activeElementIds.level3 === 'abd7c2b9-9061-4b7f-b3be-eb412fd1d325'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '2d201888-9d34-4c49-a3bc-ef41976bae2a' || highlightElementIds.level4 === '2d201888-9d34-4c49-a3bc-ef41976bae2a') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_injection-molding-machine/?lang=en" target="_blank" rel="nofollow noopener"> Injection Molding Machines </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === 'e8deb5ae-0364-447f-bb0d-0f556c51d2f4' || highlightElementIds.level4 === 'e8deb5ae-0364-447f-bb0d-0f556c51d2f4') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_industrialpress_23-09-29/?lang=en" target="_blank" rel="nofollow noopener"> Industrial Presses </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === 'a0005f2d-ba7a-4aec-b0f1-4f8d1b1cbeef' || highlightElementIds.level4 === 'a0005f2d-ba7a-4aec-b0f1-4f8d1b1cbeef') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_windturbine_22-12-08/?lang=en" target="_blank" rel="nofollow noopener"> Wind Turbines </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === 'aa57a2cf-6324-4692-a47c-3a745fa0a91c' || highlightElementIds.level4 === 'aa57a2cf-6324-4692-a47c-3a745fa0a91c') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_heavyindustry_embeded_22-02-01/?lang=en" target="_blank" rel="nofollow noopener"> Metallurgical Industry </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '5edc729a-dbe3-46bc-8820-7dd9a8a81c0d' || highlightElementIds.level4 === '5edc729a-dbe3-46bc-8820-7dd9a8a81c0d') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_abfuellanlage_21-08-24/index.html?lang=en" target="_blank" rel="nofollow noopener"> Beverage Filling Machine </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '9eb1d0fc-5a34-4ed4-a539-24ba701d6d81' || highlightElementIds.level4 === '9eb1d0fc-5a34-4ed4-a539-24ba701d6d81') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_membranpumpe_21-07-01/?lang=en" target="_blank" rel="nofollow noopener"> Air Operated Double Diaphragm Pump </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '845581f0-d7ae-4b2b-a66c-5a11bd1df587' || highlightElementIds.level4 === '845581f0-d7ae-4b2b-a66c-5a11bd1df587') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_tablettenpresse_21-04-20/?lang=en" target="_blank" rel="nofollow noopener"> Tablet Press </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '0569c0f0-5523-48c4-b636-4ba6a87b86db' || highlightElementIds.level4 === '0569c0f0-5523-48c4-b636-4ba6a87b86db') && 'desktop-nav__menu__item--active'"> <a href="https://sitecore.fst.com/webgl_scen/FST_EMobility/index.html" target="_blank" rel="nofollow noopener"> E-Mobility </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level4 === 'b2aacb1b-6197-452b-bebe-a8c8723b8abf' || highlightElementIds.level4 === 'b2aacb1b-6197-452b-bebe-a8c8723b8abf') && 'desktop-nav__menu__item--active'"> <a href="/services/online-tools/3d-animations/hydraulic-cylinder/"> Hydraulic Cylinder </a> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === 'a877498e-bf04-4f0a-b8b6-275653aa74cc' || highlightElementIds.level4 === 'a877498e-bf04-4f0a-b8b6-275653aa74cc') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_coater_embeded_20-08-10/?lang=en" target="_blank" rel="nofollow noopener"> Coater </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === 'ff3991f8-ae7f-4f72-acec-afc5f7615dee' || highlightElementIds.level4 === 'ff3991f8-ae7f-4f72-acec-afc5f7615dee') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_doppelsitzventil_20-02-05/?lang=en" target="_blank" rel="nofollow noopener"> Double Seat Valve </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '184bebf0-7a09-4521-b18e-3bf037d3de3e' || highlightElementIds.level4 === '184bebf0-7a09-4521-b18e-3bf037d3de3e') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_homogenizer_22-12-01/?lang=en" target="_blank" rel="nofollow noopener"> Homogenizer Plunger Pump </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '414425af-e1cd-4340-ac36-732da8c7c5f1' || highlightElementIds.level4 === '414425af-e1cd-4340-ac36-732da8c7c5f1') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/pixellab/fst_mischer_embeded_20-04-24/?lang=en" target="_blank" rel="nofollow noopener"> Mixer </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '4c6540d6-88a2-4f95-af17-6de24bb6192f' || highlightElementIds.level4 === '4c6540d6-88a2-4f95-af17-6de24bb6192f') && 'desktop-nav__menu__item--active'"> <a href="https://www.fst.com/webgl_scen/FST_Diesel_Webgl/index.html" target="_blank" rel="nofollow noopener"> Diesel Engine </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> </ul> </template> <template x-if="activeElementIds.level3 === '85aa19c5-1350-42da-9f22-8e1c60a17c0c'"> <ul class="desktop-nav__menu__items"> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === 'e81c9bc7-6795-43f7-a6bc-a233b6e47f8d' || highlightElementIds.level4 === 'e81c9bc7-6795-43f7-a6bc-a233b6e47f8d') && 'desktop-nav__menu__item--active'"> <a href="https://fluidpowertour.fst.com/" target="_blank" rel="nofollow noopener"> Virtual Tour Schwalmstadt Production Site </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '74bf5a01-5a27-4c54-8f6e-974c190eba4f' || highlightElementIds.level4 === '74bf5a01-5a27-4c54-8f6e-974c190eba4f') && 'desktop-nav__menu__item--active'"> <a href="https://reichelsheim.fst.com/" target="_blank" rel="nofollow noopener"> Virtual Tour Reichelsheim Production Site </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '4e83ed23-cef6-4375-b6bc-b282c026f673' || highlightElementIds.level4 === '4e83ed23-cef6-4375-b6bc-b282c026f673') && 'desktop-nav__menu__item--active'"> <a href="https://radialshaftsealtour.fst.com/" target="_blank" rel="nofollow noopener"> Virtual Tour Simmerring&#174; Production </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === 'a8a29188-251b-484e-80ee-eea9b57ef03f' || highlightElementIds.level4 === 'a8a29188-251b-484e-80ee-eea9b57ef03f') && 'desktop-nav__menu__item--active'"> <a href="https://mixingfacilitytour.fst.com/" target="_blank" rel="nofollow noopener"> Virtual Tour Mixing Facility </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item desktop-nav__menu__item--external " :class="(activeElementIds.level4 === '19da70d4-e41c-401f-b73d-f49954a6591c' || highlightElementIds.level4 === '19da70d4-e41c-401f-b73d-f49954a6591c') && 'desktop-nav__menu__item--active'"> <a href="https://xpressvirtualtour.fst.com/" target="_blank" rel="nofollow noopener"> Virtual Tour Freudenberg Xpress&#174; </a> <img src="/assets/icons/70-external-link.svg" alt=70-external-link width="16" height="16" class="icon"> </li> <li class="desktop-nav__menu__item " :class="(activeElementIds.level4 === '09dfc0ee-58db-4d69-b7af-0092f3f6e69c' || highlightElementIds.level4 === '09dfc0ee-58db-4d69-b7af-0092f3f6e69c') && 'desktop-nav__menu__item--active'"> <a href="/services/design-and-engineering/test-benches/" target="" rel=""> Virtual Tour Test Bench </a> </li> </ul> </template> </div> <div class="desktop-nav__menu__column desktop-nav__menu__column--aside"> <a href="/services/machined-seals/" ><img src="/-/media/images/kampagnenmotive/2019/fst_x-factor_blanko_1000x666.jpg" width="250" height="166" alt="Man and woman standing in front of a turning machine looking at a blue seal together" /></a> <p class="as-h4">Customized Sealing Solutions</p> <p>Freudenberg Xpress&#174; minimizes your downtimes and maximizes your flexibility. </p> <a href="/services/machined-seals/" class="link-btn" data-scroll="" > <span class="link-btn__text">Explore now!</span> <span class="material-symbols-outlined link-btn__icon">chevron_right</span> </a></div> </div> </li> <li class="desktop-nav__top__item desktop-nav__top__item--search" x-data="dropdown" x-id="['dropdown-button']"> <div class="hidden xl:block"> <div class="desktop-nav__search desktop-nav__search--dropdown" x-data="desktopSearch( '/searchresults/?SearchTerm=', '/api/sitecore/SearchBox/GetRootQuickLinks', '/api/sitecore/SearchBox/GetSearchSuggest' )" @keyup.escape.window="close()" @click.outside="close()"> <div class="desktop-nav__search__wrapper" :class="isOpen && 'desktop-nav__search__wrapper--open'"> <label class="vishidden" for="SearchBoxDesktopSearchTerm">Your search ...</label> <input type="text" name="SearchTerm" id="SearchBoxDesktopSearchTerm" placeholder="Your search ..." class="desktop-nav__search__input" x-ref="input" x-model="searchText" @keyup.enter="startSearch" @focusin="open" @input.debounce.300ms="open(); loadSuggestions()"> <button class="desktop-nav__search__reset" x-show="searchText" x-cloak @click="resetSearch"> <img src="/assets/icons/64-close--thick.svg" alt=64-close--thick width="8" height="8" class="icon"> </button> <button class="desktop-nav__search__button" @click="startSearch"> <img src="/assets/icons/41-magnifying-glass.svg" alt=41-magnifying-glass width="20" height="20" class="icon"> </button> </div> <div class="desktop-nav__search__dropdown" x-cloak x-show="isOpen" x-transition:enter.origin.top.delay.500ms> <template x-if="suggestionsAvailable()"> <ul> <li x-text="suggestions.headline"></li> <template x-for="suggestion in suggestions.links"> <li> <a x-html="suggestion.linktext" :href="suggestion.link" :target="suggestion.target"> </a> </li> </template> </ul> </template> <template x-if="quicklinksAvailable()"> <ul> <li x-text="quicklinks.headline"></li> <template x-for="quicklink in quicklinks.links"> <li> <a x-text="quicklink.linktext" :href="quicklink.link" :target="quicklink.target"> </a> </li> </template> </ul> </template> <template x-if="!quicklinksAvailable() && !suggestionsAvailable()"> <ul> <li> <a href="#" class="no-results">Sorry, no results found</a> </li> </ul> </template> </div> </div> </div> <div class="xl:hidden relative"> <button type="button" class="desktop-nav__search__button desktop-nav__search__button--navi" x-ref="button" @click="toggle(); $dispatch('close-menu')" :class="open && 'meta-navigation__dropdown__button--highlight'" :aria-expanded="open" :aria-controls="$id('dropdown-button')"> <img src="/assets/icons/41-magnifying-glass.svg" alt=41-magnifying-glass width="20" height="20" class="icon icon--primary"> </button> <div class="desktop-nav__search__dropdown desktop-nav__search__dropdown--wrapper" :class="{'desktop-nav__search__dropdown--open': open}" x-ref="panel" x-cloak @click.outside="!$root.contains($event.target) && close($refs.button)" :id="$id('dropdown-button')"> <div class="desktop-nav__search desktop-nav__search--dropdown" x-data="desktopSearch( '/searchresults/?SearchTerm=', '/api/sitecore/SearchBox/GetRootQuickLinks', '/api/sitecore/SearchBox/GetSearchSuggest' )" @keyup.escape.window="close()" @click.outside="close()"> <div class="desktop-nav__search__wrapper" :class="isOpen && 'desktop-nav__search__wrapper--open'"> <label class="vishidden" for="SearchBoxDesktopSearchTerm">Your search ...</label> <input type="text" name="SearchTerm" id="SearchBoxDesktopSearchTerm" placeholder="Your search ..." class="desktop-nav__search__input" x-ref="input" x-model="searchText" @keyup.enter="startSearch" @focusin="open" @input.debounce.300ms="open(); loadSuggestions()"> <button class="desktop-nav__search__reset" x-show="searchText" x-cloak @click="resetSearch"> <img src="/assets/icons/64-close--thick.svg" alt=64-close--thick width="8" height="8" class="icon"> </button> <button class="desktop-nav__search__button" @click="startSearch"> <img src="/assets/icons/41-magnifying-glass.svg" alt=41-magnifying-glass width="20" height="20" class="icon"> </button> </div> <div class="desktop-nav__search__dropdown" x-cloak x-show="isOpen" x-transition:enter.origin.top.delay.500ms> <template x-if="suggestionsAvailable()"> <ul> <li x-text="suggestions.headline"></li> <template x-for="suggestion in suggestions.links"> <li> <a x-html="suggestion.linktext" :href="suggestion.link" :target="suggestion.target"> </a> </li> </template> </ul> </template> <template x-if="quicklinksAvailable()"> <ul> <li x-text="quicklinks.headline"></li> <template x-for="quicklink in quicklinks.links"> <li> <a x-text="quicklink.linktext" :href="quicklink.link" :target="quicklink.target"> </a> </li> </template> </ul> </template> <template x-if="!quicklinksAvailable() && !suggestionsAvailable()"> <ul> <li> <a href="#" class="no-results">Sorry, no results found</a> </li> </ul> </template> </div> </div> </div> </div> </li> </ul> </div> <div class="mobile-nav"> <div class="mobile-nav__logo-wrapper"> <a href="/"> <img class="mobile-nav__logo" src="/-/media/images/branding/logo_freudenberg-mobile.svg" alt="Freudenberg Logo" width="252" height="41"/> <img class="mobile-nav__business-unit" src="/-/media/images/branding/business-unit-fst-2024.svg" alt="Freudenberg Sealing Technologies" width="252" height="41"/> </a> </div> <ul class="mobile-nav__actions"> <li class="flex items-center" x-data="dropdown" @focusin.window="!$root.contains($event.target) && close()" x-id="['dropdown-button']"> <button type="button" class="meta-navigation__dropdown__button meta-navigation__dropdown__button--account meta-navigation__dropdown__button--no-icon " x-ref="button" @click="toggle(); $dispatch('close-menu')" :class="open && 'meta-navigation__dropdown__button--highlight'" :aria-expanded="open" :aria-controls="$id('dropdown-button')"> <img src="/assets/icons/110-login.svg" alt=110-login width="20" height="20" class="icon icon--primary"> <span class="hidden!" :class="{'hidden!': $store.auth.locked}" x-cloak> <img src="/assets/icons/113-login-check.svg" alt=113-login-check width="14" height="14" class="icon icon--cyan icon-check"> </span> </button> <div class="meta-navigation__dropdown__panel meta-navigation__dropdown__panel--account" :class="[open && 'meta-navigation__dropdown__panel--open', closed && 'meta-navigation__dropdown__panel--closed']" x-ref="panel" x-cloak :id="$id('dropdown-button')"> <div class="" :class="{'hidden!': $store.auth.unlocked}"> <a class="login" href="/login/" target="_self"> <img src="/assets/icons/110-login.svg" alt=110-login width="14" height="14" class="icon icon--primary mr-2"> Login </a> <p class="mb-0 mt-3 text-center"> Don’t have an account yet? <a href="/registration/" class="" target="_self" >Register now!</a> </p> </div> <div class="hidden!" :class="{'hidden!': $store.auth.locked}" data-logout> <a href="/account/personal-data/" target="_self" class="">Personal Data</a> <a href="/account/settings-security/" target="_self" class="">Settings &amp; Security</a> <form x-data="form({enableRecaptcha: false})" @submit.prevent="handleSubmit" method="post" action='/api/sitecore/User/LogoutUser' novalidate> <button type="submit"> <img src="/assets/icons/24-arrow-right.svg" alt=24-arrow-right width="14" height="14" class="icon mr-2"> Logout </button> </form> </div> </div> </li> <li class="flex items-center mobile-nav__search" x-data="dropdown" @focusin.window="!$refs.panel.contains($event.target) && close()" x-id="['dropdown-button']"> <button type="button" class="mobile-nav__search__button" x-ref="button" @click="toggle(); $dispatch('close-menu')" :class="open && 'meta-navigation__dropdown__button--highlight'" :aria-expanded="open" :aria-controls="$id('dropdown-button')"> <img src="/assets/icons/41-magnifying-glass.svg" alt=41-magnifying-glass width="20" height="20" class="icon icon--primary"> </button> <div class="mobile-nav__search__dropdown" :class="[open && 'meta-navigation__dropdown__panel--open', closed && 'meta-navigation__dropdown__panel--closed']" x-ref="panel" x-cloak @click.outside="!$root.contains($event.target) && close($refs.button)" :id="$id('dropdown-button')"> <form action="/searchresults/" method="GET" class="mobile-nav__search__form" x-data="{searchText: ''}"> <label class="vishidden" for="SearchBoxMobileSearchTerm">Your search ...</label> <input type="text" id="SearchBoxMobileSearchTerm" name="SearchTerm" autocomplete="off" enterkeyhint="done" placeholder="Your search ..." class="mobile-nav__search__input" x-model="searchText"> <button class="mobile-nav__search__reset" @click.prevent="searchText = ''"> <img src="/assets/icons/64-close--thick.svg" alt=64-close--thick width="8" height="8" class="icon"> </button> <button type="submit" class="mobile-nav__search__submit"> <img src="/assets/icons/41-magnifying-glass.svg" alt=41-magnifying-glass width="20" height="20" class="icon icon--primary"> </button> </form> </div> </li> <li class="flex items-center" x-data="mobileNav({preselectedItems: []})" x-id="['mobilenav-button']" id="mobile-menu"> <button type="button" class="mobile-nav__menu__button" x-ref="button" @click="toggle()" :aria-expanded="open" :aria-controls="$id('mobilenav-button')"> <span x-show="!open" x-transition.opacity.duration.600ms> <img src="/assets/icons/33-burger.svg" alt=33-burger width="20" height="20" class="icon icon--primary"> </span> <span x-show="open" x-cloak x-transition.opacity.duration.600ms> <img src="/assets/icons/64-close--thick.svg" alt=64-close--thick width="20" height="20" class="icon icon--grey"> </span> </button> <div class="mobile-nav__menu__dropdown" :id="$id('mobilenav-button')" :class="open && 'mobile-nav__menu__dropdown--open'" @close-menu.window="close()"> <ul class="mobile-nav__menu__items" x-ref="menuItems"> <li x-data="languageSelect( '/api/sitecore/LanguageSwitch/GetLanguageOptions', { ContextItemId: '{1792AFBA-709A-46F6-9CE7-7F26A5FE889C}', 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="promoFlyout" x-data="promoFlyout" x-cloak x-show="visible" x-transition.duration.300ms @scroll.window.throttle="handleScroll"> <span class="promoFlyout__close" @click="closeFlyout"> <img src="/assets/icons/20-close.svg" alt=20-close width="16" height="16" class="icon"> </span> <span class="promoFlyout__title as-h2 leading-none mb-2">First-Hand News?</span> <div class="promoFlyout__text"> <p> Obtain news and background information about sealing technology, get in touch with innovative products – subscribe to the free e-mail newsletter. </p> </div> <div class="promoFlyout__link js-promoFlyout__link"> <a href="/news-stories/newsletter/" class="btn btn--cta text-center" data-scroll="" target="_blank" rel="noopener noreferrer" >Subscribe now!</a> </div> </div> <div class=""> </div><div class="teaser-hero w-full section"> <div class="flex flex-wrap mx-auto md:flex-row-reverse"> <div class="w-full md:w-3/8 relative"> <picture class='flex h-full' data-component-picture=''> <source media='(max-width: 767px)' srcset='/-/media/images/heros/company/corporate_1000x666.jpg'/> <source media='(min-width: 767px)' srcset='/-/media/images/heros/company/corporate_1000x1000.jpg'/> <img class='object-cover' width='1000' height='666' src='/-/media/images/heros/company/corporate_1000x1000.jpg' alt=''/> </picture> <div class="teaser-hero__overlay md:hidden"> <img decoding="async" src="/assets/images/svg/wave-full-white.svg?v=ccf217ed54bffc7c11924702d0fba80076abedcb" alt="wave-white"> </div> </div> <div class="w-full md:w-1/2 mx-auto z-10 frame"> <div class="py-8 md:py-20 md:pr-6 ml-auto"> <h1>Global Leader in Sealing Solutions and Applications </h1> <p>Freudenberg Sealing Technologies is a proven supplier for demanding products and applications, and a development and service partner to customers in the automotive industries and in general industries. We apply 175 years of engineering and materials expertise. Then and now – we are focused on serving our customers’ requirements and needs.</p> <div> </div> </div> </div> </div> <div class="teaser-hero__overlay hidden md:block"> <img decoding="async" src="/assets/images/svg/wave-full-white.svg?v=ccf217ed54bffc7c11924702d0fba80076abedcb" alt="wave-white"> </div> </div> <div class="style-container w-full pt-10 pb-10 "> <div class="style-container__wrapper mx-6 md:w-7/8 md:mx-auto"> <div id="homeabout" class="text-media relative"> <div> <div class="text-media__content__media"> <div class="text-media__content__media__image relative"> </div> </div> <h2 class="as-h2">Freudenberg Sealing Technologies Combines Longstanding Engineering and Market Know-How With Unique Material Expertise</h2> <p>Founded on its development of the Simmerring&reg; Radial Shaft Seal in 1929, Freudenberg Sealing Technologies has continuously expanded its industrial seals and component portfolio to include a range of technology solutions that address critical issues like performance, power, friction, emissions and material compatibility. In addition to offering a broad range of high quality, engineered sealing solutions, the company also works collaboratively with customers on the design and validation of custom sealing systems.</p> <p class="text-media__link "> <a href="/company/about-us/at-a-glance/" class="link-btn " data-scroll="" > <span class="link-btn__text">Learn more about Freudenberg Sealing Technologies</span> <span class="material-symbols-outlined link-btn__icon">chevron_right</span> </a> </p> </div> </div> </div> </div> <div class="w-full bg-blue-light news-teaser section "> <div class="c-grid frame w-full md:w-7/8 md:mx-auto py-12"> <div class="mb-4"> <h2>All the News and Stories of Freudenberg Sealing Technologies</h2> <p>All stories, press releases and news concerning Freudenberg Sealing Technologies. Get an overview of current press releases and news of our company. You can also search for different kinds of news and filter your search.</p> </div> <div class="md:grid auto-rows-auto grid-cols-6 gap-4"> <!-- ROW 1 --> <div class="tileteaser mt-4 md:mt-0 col-span-6"> <a href="/news-stories/press-releases/2024/toledo-driveline/" target="_self"> <div class="tileteaser__box tileteaser__box--with-image md:flex-row-reverse custom-text-white"> <div class="tileteaser__img-container"> <picture><source media="(max-width: 767px)" srcset="/-/media/images/pr/2024/11/fst_corteco_toledodriveline_1000x666.jpg" /><source media="(min-width: 767px)" srcset="/-/media/images/pr/2024/11/fst_corteco_toledodriveline_1200x545.jpg" /><img src="/-/media/images/pr/2024/11/fst_corteco_toledodriveline_1200x545.jpg" width="1200" height="545" alt="Corteco Brand image" /></picture> </div> <div class="tileteaser__text-container"> <div class="topline">27.11.2024</div> <p class="as-h3">Investment in Aftermarket Electronics</p> <p>Freudenberg-NOK Sealing Technologies purchases Toledo Driveline, LLC. </p> <div class="caret"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="16" height="32" class="icon icon--secondary"> </div> </div> </div> </a> </div> <!-- /ROW 1 --> <!-- ROW 2 --> <div class="tileteaser mt-4 md:mt-0 col-span-2 "> <a href="https://www.fst.com/news-stories/magazine/sustainability/hydrogen-transport/" target="_self"> <div class="tileteaser__box bg-white"> <div class="tileteaser__text-container"> <div class="topline">26.11.2024</div> <p class="as-h3">On the Way to a Hydrogen Infrastructure </p> <p>Europe, in particular, will be dependent on imports of green hydrogen long-term. But what’s the best way to transport the energy carrier? </p> </div> <div class="caret"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="16" height="32" class="icon icon--secondary"> </div> </div> </a> </div> <div class="tileteaser mt-4 md:mt-0 col-span-2 "> <a href="https://www.fst.com/news-stories/magazine/renewable-energy/hydrogen-compressors/" target="_self"> <div class="tileteaser__box bg-white"> <div class="tileteaser__text-container"> <div class="topline">19.11.2024</div> <p class="as-h3">Wanted: Innovation for Hydrogen Compressors </p> <p>Piston compressors make sense as a way to compress hydrogen at high pressures – a requirement for its transport and use. But their seals wear out too quickly. </p> </div> <div class="caret"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="16" height="32" class="icon icon--secondary"> </div> </div> </a> </div> <div class="tileteaser mt-4 md:mt-0 col-span-2 "> <a href="https://www.fst.com/news-stories/magazine/sustainability/hype-or-hope/" target="_self"> <div class="tileteaser__box bg-white"> <div class="tileteaser__text-container"> <div class="topline">14.11.2024</div> <p class="as-h3">Hydrogen: Hype or Hope?</p> <p>The history of hydrogen is a story of expectations, hopes and disappointments. Why it pays to keep a clear head amid the hype. </p> </div> <div class="caret"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="16" height="32" class="icon icon--secondary"> </div> </div> </a> </div> <!-- /ROW 2 --> <!-- Show All Link --> <div class="w-full md:col-span-6 px-2 text-right pt-4"> <a href="/news-stories/" class="link-btn" data-scroll="" target="" > <span class="link-btn__text">Show all</span> <span class="material-symbols-outlined link-btn__icon">chevron_right</span> </a> </div> </div> </div> </div> <div class="w-full "> <div class="fullsizeimage text-center bg-grey-light bg-white md:custom-text-white"> <div class="fullsizeimage__image"> <picture><source media="(max-width: 767px)" srcset="/-/media/images/teaser/t04/t04_hydrogen_1000x666.jpg" /><source media="(min-width: 767px)" srcset="/-/media/images/teaser/t04/t04_hydrogen_2000x850_v3.jpg" /><img src="/-/media/images/teaser/t04/t04_hydrogen_2000x850_v3.jpg" width="1278" height="543" alt="Hydrogen" 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 monsterheadline--grey">The Future Is Hydrogen</p> <p style="color:#333333;">From H₂ Production to Usage: Comprehensive Insights on Production, Distribution, Storage, and Future Applications with Solutions</p> <a href="https://www.fst.com/hydrogen/" class="link-btn link-btn--primary w-full md:w-auto" data-scroll="" target="_blank" rel="nofollow noopener" > <span class="link-btn__text">Explore full spectrum in our webspecial</span> <span class="material-symbols-outlined link-btn__icon">open_in_new</span> </a> </div> </div> </div> <div class="w-full section bg-grey-light"> <div class="c-grid frame w-full md:w-7/8 md:mx-auto py-12"> <div class="md:grid auto-rows-auto grid-cols-6 gap-4"> <div class="tileteaser mt-4 md:mt-0 col-span-6"> <a href="/markets/" target="" rel=""> <div class="tileteaser__box tileteaser__box--with-image md:flex-row-reverse bg-blue-dark custom-text-white"> <div class="tileteaser__img-container"> <picture> <source media="(max-width: 767px)" srcset="/-/media/images/heros/markets_1000x1000.jpg" /> <source media="(min-width: 767px)" srcset="/-/media/images/heros/markets_1200x545.jpg" /> <img src="/-/media/images/heros/markets_1200x545.jpg" width="1200" height="545" alt="Markets" /> </picture> </div> <div class="tileteaser__text-container"> <div class="topline">Markets</div> <p class="as-h3">We Have the Right Solution</p> <p>With the world's largest product range, seals from Freudenberg Sealing Technologies are used in a wide variety of applications across diverse industries.</p> <div class="caret"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="16" height="32" class="icon icon--secondary"> </div> </div> </div> </a> </div><div class="tileteaser mt-4 md:mt-0 col-span-2"> <a href="/products/" > <div class="tileteaser__box bg-white text-blue"> <div class="tileteaser__text-container"> <div class="topline">Products</div> <p class="as-h3">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> </div> <div class="caret"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="16" height="32" class="icon icon--secondary"> </div> </div> </a></div><div class="tileteaser mt-4 md:mt-0 col-span-2"> <a href="/services/" > <div class="tileteaser__box bg-white text-blue"> <div class="tileteaser__text-container"> <div class="topline">Services</div> <p class="as-h3">Our Service Portfolio at a Glance</p> <p>You want all our services at a glance? Find the right service for you!</p> </div> <div class="caret"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="16" height="32" class="icon icon--secondary"> </div> </div> </a></div><div class="tileteaser mt-4 md:mt-0 col-span-2"> <a href="/news-stories/newsletter/" target="_blank" rel="noopener noreferrer" > <div class="tileteaser__box bg-white text-blue"> <div class="tileteaser__text-container"> <div class="topline">First Hand News</div> <p class="as-h3">Newsletter</p> <p>Best of all, keep up with the latest developments with the Freudenberg Sealing Technologies newsletter. Subscribe now!</p> </div> <div class="caret"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="16" height="32" class="icon icon--secondary"> </div> </div> </a></div> </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="8TP-XgBtMnOFzQMllALakjIFSKQnLAeWTVXDT2Vd1Rrf8V2pXPeRkKhNx_ASg7sXOahPX7CwlkeV86U3yEfWVetHuz-h1rTK6y2Bg4mtVq01" /> <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="inUQiiwJNJDdCgT6KJn0FfjIuhgh_qTMaNAgRdKzeZ1MkQRp27xmTHe3TJRtyIQ_s_uxd2drSxsHs_bZ36TUYwbms3LBx3QKxV-MOt9as-01" /> <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="aI7mw5S7ALJHB_rmYIuhQnx-7eu2mcB701dY7QABwqv5dRaJcF5pseRSSzXah5m588hzmYduCKwwPJrsZ8ajrKFR__25bYS50lRc6JT8DHs1" /> <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> <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> <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