CINXE.COM
Virtual Tour Simmerring庐 Production Login - Freudenberg FST
<!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=""/> <meta name="keywords" content="Freudenberg Sealing Technologies, FST"/> <meta name="robots" content="NOINDEX,NOFOLLOW"/> <meta property="og:url" content="https://radialshaftsealtour.fst.com/login/"/> <meta property="og:title" content="Virtual Tour Simmerring® Production Login"/> <meta property="og:description" content=""/> <meta property="og:locale" content="en"/> <meta property="og:image" content="https://radialshaftsealtour.fst.com/-/media/images/xpressvirtualtour,-d-,fst,-d-,com/virtueller-rundgang_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://radialshaftsealtour.fst.com/login/"/> <link rel="preload" href="/main.css?v=ccf217ed54bffc7c11924702d0fba80076abedcb" as="style"> <link rel="stylesheet" href="/main.css?v=ccf217ed54bffc7c11924702d0fba80076abedcb"> <meta name="VIcurrentDateTime" content="638684041731753925" /> <meta name="VirtualFolder" content="/" /> <script type="text/javascript" src="/layouts/system/VisitorIdentification.js"></script> <title>Virtual Tour Simmerring庐 Production Login - Freudenberg FST</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://www.fst.com/news-stories/newsletter/" class="toolbar__navi__link" target="_blank" rel="noopener noreferrer" > <div class="toolbar__navi__element"> <img src="/assets/icons/72-toolbar-newsletter.svg" alt=72-toolbar-newsletter width="32" height="32" class="icon"> <span class="toolbar__navi__element__title">Newsletter</span> </div> </a><a href="https://www.linkedin.com/company/fst" class="toolbar__navi__link" target="_blank" rel="nofollow noopener norefferer" > <div class="toolbar__navi__element"> <img src="/assets/icons/61-linkedin.svg" alt=61-linkedin width="32" height="32" class="icon"> <span class="toolbar__navi__element__title">LinkedIn</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="no-menu"> <nav class="nav"> <div class="meta-navigation"> <div class="meta-navigation__left"> <ul class="meta-navigation__links"> <li class="meta-navigation__link "> <a href="https://www.fst.com/" target="_blank" rel="noopener noreferrer" >fst.com</a> </li> <li class="meta-navigation__link "> <a href="https://www.fst.com/company/organization/structure/" >Freudenberg Group</a> </li> </ul> </div> <div class="meta-navigation__right"> <ul class="meta-navigation__links"> <li class="meta-navigation__link meta-navigation__link--account meta-navigation__link--highlight" :class="{'hidden!': $store.auth.unlocked}"> <a href="/login/" target="_self"> <img src="/assets/icons/110-login.svg" alt=110-login width="14" height="14" class="icon"> Login </a> </li> <li class="meta-navigation__link meta-navigation__link--account " :class="{'hidden!': $store.auth.unlocked}"> <a href="/registration/" target="_self">Register</a> </li> <li class="meta-navigation__link meta-navigation__link--dropdown hidden! " :class="{'hidden!': $store.auth.locked}"> <div x-data="dropdown" @focusin.window="!$refs.panel.contains($event.target) && close()" @form-success.window="close()" x-id="['dropdown-button']" class="meta-navigation__dropdown"> <button x-ref="button" @click="toggle()" :aria-expanded="open" :aria-controls="$id('dropdown-button')" type="button" class="meta-navigation__dropdown__button meta-navigation__dropdown__button--account"> <img src="/assets/icons/110-login.svg" alt=110-login width="14" height="14" class="icon icon--primary mr-1"> <img src="/assets/icons/113-login-check.svg" alt=113-login-check width="12" height="12" class="icon icon--cyan icon-check"> My Account </button> <div x-ref="panel" x-show="open" x-cloak x-transition.origin.top.right @click.outside="close($refs.button)" :id="$id('dropdown-button')" class="meta-navigation__dropdown__panel meta-navigation__dropdown__panel--account"> <a href="/account/personal-data/" target="_self" class="">Personal Data</a> <a href="/account/settings-security/" target="_self" class="">Settings & 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: '{87D747EC-9AB0-42CA-9182-5EAA47A9D3EA}', QueryParameters: '?ReturnUrl=https://radialshaftsealtour.fst.com/account/personal-data/' }, { 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 desktop-nav--no-menu" 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" class="desktop-nav__search__business-unit desktop-nav__search__business-unit--no-spacing"> </div> </div> </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鈥檛 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 & 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"> <div x-data="languageSelect( '/api/sitecore/LanguageSwitch/GetLanguageOptions', { ContextItemId: '{87D747EC-9AB0-42CA-9182-5EAA47A9D3EA}', QueryParameters: '?ReturnUrl=https://radialshaftsealtour.fst.com/account/personal-data/' }, { 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" @click="toggle(); $dispatch('close-menu')" :aria-expanded="open" :aria-controls="$id('dropdown-button')" type="button" class="meta-navigation__dropdown__button meta-navigation__dropdown__button--no-icon" :class="open && 'meta-navigation__dropdown__button--highlight'"> <img src="/assets/icons/76-earth.svg" alt=76-earth width="20" height="20" class="icon icon--primary"> </button> <div x-ref="panel" x-cloak :class="[open && 'meta-navigation__dropdown__panel--open', closed && 'meta-navigation__dropdown__panel--closed']" :id="$id('dropdown-button')" class="meta-navigation__dropdown__panel meta-navigation__dropdown__panel--language-select"> <template x-for="language in availableLanguages"> <a x-text="language.shortName" :href="language.url" :class="currentLanguage.name === language.name && 'active'" @click="selectLanguage(language, $event)" ></a> </template> </div> </div> </div> </li> </ul> </div> </nav> </header> <div id="main" class="outer-wrapper "> <div class="outer-grid"> <div class="flex flex-wrap"> <div class="w-full hero "> <div class="hero__wrapper"> <div class="hero__media"> <picture><source media="(max-width: 767px)" srcset="/-/media/images/radialshaftsealtour,-d-,fst,-d-,com/virtual-tour_radial-shaft-seal_header_1000x666.jpg" /><source media="(min-width: 767px)" srcset="/-/media/images/radialshaftsealtour,-d-,fst,-d-,com/virtual-tour_radial-shaft-seal_header_2000x850.jpg" /><img src="/-/media/images/radialshaftsealtour,-d-,fst,-d-,com/virtual-tour_radial-shaft-seal_header_2000x850.jpg" width="2000" height="850" alt="Virtual Tour Simmerring庐 production" /></picture> </div> <div class="hero__overlay"> <img decoding="async" src="/assets/images/svg/wave-full-white.svg?v=ccf217ed54bffc7c11924702d0fba80076abedcb" alt="wave-white"/> </div> </div> </div><div class="w-full bg-white text-blue"> <div class="mx-6 md:mx-auto md:w-7/8"> <ul class="breadcrumb w-full mb-0 border-b"> <li class="inline-block mr-1"> <a href="/"> <span class="md:hidden"> <img src="/assets/icons/23-arrow-left.svg" alt=23-arrow-left width="8" height="16" class="icon icon--grey mr-1 inline-block"> Back to </span> Virtual Tour Simmerring® Production </a> </li> <li class="hidden md:inline-block mr-1" aria-hidden="true"> <img src="/assets/icons/32-caret.svg" alt=32-caret width="4" height="8" class="icon icon--grey inline-block"> </li> <li class="hidden md:inline-block mr-1"> Login </li> </ul> </div> </div> <div class="w-full px-6 mt-10 md:px-0"> <div class="grid-container section--white pb-3"> <form x-data="form" @submit.prevent="handleSubmit" method="post" action='/api/sitecore/LoginForm/LoginUser'> <input name="__RequestVerificationToken" type="hidden" value="GBcviKe83iBaOI9SopG-sjpCAvaKOGXwqf6ByDVKfJl1j2LfImw1ib9eMSuHOMtLCyhmSgAwtmLRGSH91hBaUI08lLh0m6EKniwyJjtWTNE1" /> <input Length="58" id="Url" name="Url" type="hidden" value="https://radialshaftsealtour.fst.com/account/personal-data/" /> <div class="flex flex-wrap -mx-2 mb-3"> <div class="w-full md:w-7/8 md:mx-auto px-2"> <p class="as-h2">Login with your access data</p> </div> <div class="w-full md:w-7/8 md:mx-auto px-2 mt-3"> <div class="form-field w-full md:w-1/2 login-form-field"> <label class="mb-0" for="Username_4e7c5c4f-cf8f-46a1-85f1-86222af2ad1d">Email Address*</label> <input id="Username_4e7c5c4f-cf8f-46a1-85f1-86222af2ad1d" name="Username" type="email" placeholder="" x-init="registerField(['required', 'email'], {required: 'Please enter your email address', email: 'Please enter a valid email address'})" x-model.lazy="fields.Username.value" :class="fields.Username?.validation.error && 'error'" @focusout="validateField('Username')"><template x-if="fields.Username?.validation.error"><div class="error-list"><span x-text="fields.Username.validation.error"></span></div></template> </div> <div class="form-field w-full md:w-1/2 login-form-field password-toggle" x-data="passwordToggle"> <label class="mb-0" for="Password_4e7c5c4f-cf8f-46a1-85f1-86222af2ad1d">Password*</label> <input id="Password_4e7c5c4f-cf8f-46a1-85f1-86222af2ad1d" name="Password" type="password" placeholder="" x-init="registerField(['required'], {required: 'Please enter your password'})" x-model.lazy="fields.Password.value" :class="fields.Password?.validation.error && 'error'" @focusout="validateField('Password')" :type="passwordType"><template x-if="fields.Password?.validation.error"><div class="error-list"><span x-text="fields.Password.validation.error"></span></div></template> <button class="password-toggle__button" type="button" @click="togglePassword"> <template x-if="passwordType === 'password'"> <img src="/assets/icons/109-visibility-off.svg" alt=109-visibility-off width="20" height="20" class="icon"> </template> <template x-if="passwordType === 'text'"> <img src="/assets/icons/108-visibility-on.svg" alt=108-visibility-on width="20" height="20" class="icon"> </template> </button> </div> <div class="w-full md:w-1/2 mt-6"> <div class="flex flex-wrap items-end -mx-2"> <div class="w-full md:w-1/2 px-2"> <input :disabled="isLoading" class="w-full md:w-auto btn btn--secondary" type="submit" value="Login"/> </div> <div class="w-full md:w-1/2 px-2 mt-2 md:mt-0 text-right"> <p>* mandatory field</p> </div> </div> </div> <div class="w-full md:w-1/2"> <template x-if="error"> <div class="mt-8"> <div class="subscription subscription--error"> <p class="as-h3"> <template x-if="error.headline === ''"> <span>Sorry, an error occurred while processing your request.</span> </template> <template x-if="error.headline !== ''"> <span x-text="error.headline"></span> </template> </p> <template x-if="!error.html"> <div>Please try again.</div> </template> <template x-if="error.html"> <div x-html="error.html"></div> </template> </div> </div> </template> <div> <p class="mb-0 mt-6"> Forgot your password? <a href="https://radialshaftsealtour.fst.com/reset-password/" class="" target="_self" >Click here to reset.</a> </p> <div class="form-divider"> <span class="form-divider__text">Or</span> <span class="form-divider__line"></span> </div> <p> Don鈥檛 have an account yet? <a href="https://radialshaftsealtour.fst.com/registration/" class="" target="_self" >Register now!</a> </p> </div> </div> </div> </div> </form> </div> </div> <div class="w-full "> <div class="fullsizeimage text-center bg-white md:custom-text-white fullsizeimage--hasWave"> <div class="fullsizeimage__image"> <picture><source media="(max-width: 767px)" srcset="/-/media/images/teaser/t04/t04_linkedin_join-us_1000x666.jpg" /><source media="(min-width: 767px)" srcset="/-/media/images/teaser/t04/t04_linkedin_join-us_2000x850.jpg" /><img src="/-/media/images/teaser/t04/t04_linkedin_join-us_2000x850.jpg" width="1278" height="543" alt="Big city with skyscrapers" class="md:w-full" /></picture> </div> <div class="fullsizeimage__text-wrapper py-8 px-6 md:px-24 lg:px-64"> <p class="monsterheadline--small">Join Us!</p><p>Experience Freudenberg Sealing Technologies, its products and service offerings in text and videos, network with colleagues and stakeholders, and make valuable business contacts.</p> <a href="https://www.linkedin.com/company/fst" class="link-btn link-btn--secondary w-full md:w-auto" data-scroll="" target="_blank" rel="nofollow noreferer noopener" > <span class="link-btn__text">Connect on LinkedIn!</span> <span class="material-symbols-outlined link-btn__icon">open_in_new</span> </a> </div> <div class="hidden md:block fullsizeimage__wave-overlay"> <img decoding="async" src="/assets/images/svg/wave-full-blue.svg?v=ccf217ed54bffc7c11924702d0fba80076abedcb" alt="wave-blue"> </div> </div> </div><div class="auth-overlay" x-cloak x-show="overlayVisible" x-transition.opacity.duration.200ms> <div class="auth-overlay__header"> <div> <picture> <source media="(max-width: 767px)" srcset="/-/media/images/branding/logo_freudenberg-mobile.svg"> <source media="(min-width: 767px)" srcset="/-/media/images/branding/logo_freudenberg.svg"> <img src="/-/media/images/branding/logo_freudenberg.svg" width="252" height="41" alt="Freudenberg Sealing Technologies" class="auth-overlay__header__logo"> </picture> </div> <div class="auth-overlay__header__right"> <picture> <source media="(max-width: 767px)" srcset="/-/media/images/branding/business-unit-fst-2024.svg"> <source media="(min-width: 767px)" srcset="/-/media/images/branding/innovating-together.svg"> <img src="/-/media/images/branding/innovating-together.svg" width="307" height="20" alt="INNOVATING TOGETHER" class="auth-overlay__header__business-unit-logo"> </picture> <button class="auth-overlay__header__close-button" @click="closeOverlay"> <img src="/assets/icons/107-close--bold.svg" alt=107-close--bold width="22" height="22" class="icon icon-primary"> </button> </div> </div> <div class="auth-overlay__tab-container"> <div class="auth-overlay__tabs"> <button class="auth-overlay__tabs__tab" :class="activeTab === TabTypes.Login && 'auth-overlay__tabs__tab--active'" @click="activateTab(TabTypes.Login)"> Login </button> <button class="auth-overlay__tabs__tab" :class="activeTab === TabTypes.Registration && 'auth-overlay__tabs__tab--active'" @click="activateTab(TabTypes.Registration)"> Register </button> </div> </div> <div class="auth-overlay__content" x-ref="overlayContent"> <div class="auth-overlay__content__tab" x-show="activeTab === TabTypes.Login"> <div class="auth-overlay__content__default" x-show="!successMessageVisible"> <form x-data="form" @submit.prevent="handleSubmit" method="post" action='/api/sitecore/User/LoginUser' class="auth-overlay__form w-full max-w-xl"> <input name="__RequestVerificationToken" type="hidden" value="OcqhrfoQyk9hReJ_biFXed4kGQQN79cCgeG71ViEsJSfOg6sBWhRQKsIPysFYCLhgak6qTZ8zRzMxVw4om9KJxDk7Kkgi7Hhqesy6SI9Qrw1" /> <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鈥檛 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'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="pp5t-P7VBmPKWNOI91NeIdMin7vRxH5iSRXKxnzRf5ILt9mZ-SO1GRChl9JvHYRe_OSy8VVilU_CVjG4QcgZdmeUAD_qiWJPxG5HmRpOTa41" /> <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">Virtual tours of production facilities</div> </li> <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">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://radialshaftsealtour.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="dXLMwqdPgtVB0SQ8m_kH6LjsIXUivEvPEQAYywBt7OMsNrxY5uVZtjWAY29zQp0ZEiUgEISlpUFZG_fzfsQrm21QGOT6XFz6ZIdxZw0LKx41" /> <p class="as-h1">Have you forgotten your password?</p> <p>Please enter your email address to reset it.</p> <div class="form-field"> <label class="auth-overlay__form__label" for="AuthOverlayPasswordReset_Mail">Email Address*</label> <input id="AuthOverlayPasswordReset_Mail" name="Mail" type="email" placeholder="" x-init="registerField(['required', 'email'], {required: 'Please enter your email address', email: 'Please enter a valid email address'})" x-model.lazy="fields.Mail.value" :class="fields.Mail?.validation.error && 'error'" @focusout="validateField('Mail')"><template x-if="fields.Mail?.validation.error"><div class="error-list"><span x-text="fields.Mail.validation.error"></span></div></template> </div> <template x-if="error"> <div class="login-flyout__error"> <p class="login-flyout__error__headline as-h4" x-text="error.headline"></p> <div x-html="error.html"></div> </div> </template> <div class="auth-overlay__form__submit-wrapper"> <button type="submit" class="btn btn--secondary">Send</button> <p class="mb-0 mt-2 md:mt-0 md:ml-4">* mandatory field</p> </div> </form> </div> <div class="auth-overlay__content__success" x-show="successMessageVisible"> <p class="as-h1">The form has been successfully sent.</p> We have sent you an email. Please click on the included link to assign a new password. </div> </div> </div> </div> <footer class="w-full"> <div class="footer section section--blue-dark py-12"> <div class="flex flex-wrap -mx-2 frame"> <div class="w-full md:w-7/8 md:mx-auto"> <div class="flex flex-wrap"> <div class="w-full md:w-1/3 md:ml-auto px-2"> Find us on <div class="icon-wrapper"> <a href="https://www.linkedin.com/company/fst?" rel="nofollow noopener"> <img src="/assets/icons/61-linkedin.svg" alt=61-linkedin width="24" height="24" class="icon"> </a> <a href="https://www.youtube.com/user/FreudenbergSealing" rel="nofollow noopener"> <img src="/assets/icons/12-youtube.svg" alt=12-youtube width="24" height="24" class="icon"> </a> <a href="https://www.xing.com/pages/fst" rel="nofollow noopener"> <img src="/assets/icons/15-xing.svg" alt=15-xing width="24" height="24" class="icon"> </a> <a href="https://www.kununu.com/de/fst" rel="nofollow noopener"> <img src="/assets/icons/68-kununu.svg" alt=68-kununu width="24" height="24" class="icon"> </a> <a href="https://www.glassdoor.de/%C3%9Cberblick/Arbeit-bei-Freudenberg-Sealing-Technologies-EI_IE933921.11,43.htm" rel="nofollow noopener"> <img src="/assets/icons/69-glassdoor.svg" alt=69-glassdoor width="24" height="24" class="icon"> </a> </div> </div> <div class="w-full md:w-1/3 px-2"> <ul> <li><a href="https://www.fst.com/footer/legal-notice/" target="_blank" rel="noopener noreferrer" >Legal Notice</a></li> <li><a href="/footer/cookies/" >Cookies</a></li> <li><a href="https://www.fst.com/company/suppliers/" target="_blank" rel="noopener noreferrer" >Terms and Conditions of Purchase</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/" >Data Protection Regulations</a></li> <li><a href="https://www.fst.com/footer/terms-and-conditions/" target="_blank" rel="noopener noreferrer" >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="https://www.fst.com/footer/california-transparency-in-supply-chain-act/" target="_blank" rel="noopener noreferrer" >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="DmsMailToGoalGuid" name="DmsMailToGoalGuid" type="hidden" value="ddac320f-c80f-46c0-ac4f-9ff8736ccd3d" /> </body> </html>