CINXE.COM

Design Preise | Crown Gabelstapler Deutschland

<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js ie ie6 lte9 lte8 lte7"> <![endif]--> <!--[if IE 7]> <html class="no-js ie ie7 lte9 lte8 lte7"> <![endif]--> <!--[if IE 8]> <html class="no-js ie ie8 lte9 lte8"> <![endif]--> <!--[if IE 9]> <html class="no-js ie ie9 lte9 lt-ie10"> <![endif]--> <!--[if gt IE 9]> <html class="no-js"> <![endif]--> <!--[if !IE]><!--> <html class="no-js"> <!--<![endif]--> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="keywords"/> <meta name="description" content="Crown hat in den vergangenen 40 Jahren zahlreiche Auszeichnungen für innovative Produkte, nachhaltige Geschäftspraxis und verantwortungsvolles Unternehmertum erhalten. "/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <!--Granite CSS --> <!--Canonical URL--> <script defer type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link rel="canonical" href="https://www.crown.com/de-de/design-preise.html"/> <!--Granite JS --> <script src="/etc/clientlibs/global-web/granite.lc-924b68355282635f248afbd8a75c823e-lc.min.js"></script> <script type="text/javascript"> var pageDomain="https:\/\/www.crown.com";</script> </meta> </meta> <script> // Define dataLayer and the gtag function. window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} // Set default consent to 'denied' as a placeholder gtag('consent', 'default', { 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'ad_storage': 'denied', 'analytics_storage': 'denied', }); <!-- Google Tag Manager --> (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://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MJLHW2'); <!-- End Google Tag Manager --> <!-- Google Optimize --> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-35686931-1', 'auto'); ga('require', 'GTM-PG9R4SC'); <!-- Google Optimize --> function consentGranted(){ gtag('consent', 'update', { 'ad_user_data': 'granted', 'ad_personalization': 'granted', 'ad_storage': 'granted', 'analytics_storage': 'granted' }); } </script> <link rel="icon" type="image/vnd.microsoft.icon" href="/content/dam/crown/images/favicon.ico"/> <link rel="stylesheet" href="/etc/clientlibs/global-web/page/head/css/compiled/application.css"/> </link> <title>Design Preise | Crown Gabelstapler Deutschland</title> <link rel="alternate" hreflang="en-us" href="https://www.crown.com/en-us/awards.html"/> <link rel="alternate" hreflang="en-ca" href="https://www.crown.com/en-ca/awards.html"/> <link rel="alternate" hreflang="fr-ca" href="https://www.crown.com/fr-ca/awards.html"/> <link rel="alternate" hreflang="en-bb" href="https://www.crown.com/en-la/awards.html"/> <link rel="alternate" hreflang="en-ky" href="https://www.crown.com/en-la/awards.html"/> <link rel="alternate" hreflang="en-jm" href="https://www.crown.com/en-la/awards.html"/> <link rel="alternate" hreflang="en-tt" href="https://www.crown.com/en-la/awards.html"/> <link rel="alternate" hreflang="es" href="https://www.crown.com/es-la/awards.html"/> <link rel="alternate" hreflang="en-br" href="https://www.crown.com/en-br/awards.html"/> <link rel="alternate" hreflang="pt-br" href="https://www.crown.com/pt-br/awards.html"/> <link rel="alternate" hreflang="en-au" href="https://www.crown.com/en-au/awards.html"/> <link rel="alternate" hreflang="en-nz" href="https://www.crown.com/en-nz/awards.html"/> <link rel="alternate" hreflang="en-ph" href="https://www.crown.com/en-ph/awards.html"/> <link rel="alternate" hreflang="en-my" href="https://www.crown.com/en-my/awards.html"/> <link rel="alternate" hreflang="en-sg" href="https://www.crown.com/en-sg/awards.html"/> <link rel="alternate" hreflang="en-kr" href="https://www.crown.com/en-kr/awards.html"/> <link rel="alternate" hreflang="ko-kr" href="https://www.crown.com/ko-kr/awards.html"/> <link rel="alternate" hreflang="en-th" href="https://www.crown.com/en-th/awards.html"/> <link rel="alternate" hreflang="th-th" href="https://www.crown.com/th-th/awards.html"/> <link rel="alternate" hreflang="en-vn" href="https://www.crown.com/en-vn/awards.html"/> <link rel="alternate" hreflang="vi-vn" href="https://www.crown.com/vi-vn/awards.html"/> <link rel="alternate" hreflang="en-uk" href="https://www.crown.com/en-uk/awards.html"/> <link rel="alternate" hreflang="en" href="https://www.crown.com/en-eu/awards.html"/> <link rel="alternate" hreflang="de-de" href="https://www.crown.com/de-de/design-preise.html"/> <link rel="alternate" hreflang="de" href="https://www.crown.com/de-eu/design-preise.html"/> <link rel="alternate" hreflang="fr-fr" href="https://www.crown.com/fr-fr/prix-de-design.html"/> <link rel="alternate" hreflang="fr-be" href="https://www.crown.com/fr-be/prix-de-design.html"/> <link rel="alternate" hreflang="nl-be" href="https://www.crown.com/nl-be/awards.html"/> <link rel="alternate" hreflang="nl" href="https://www.crown.com/nl-nl/awards.html"/> <link rel="alternate" hreflang="ru" href="https://www.crown.com/ru-ru/priznanie-v-otrasli.html"/> <link rel="alternate" hreflang="es-es" href="https://www.crown.com/es-es/premios-de-diseno.html"/> <link rel="alternate" hreflang="it" href="https://www.crown.com/it-it/riconoscimenti.html"/> <link rel="alternate" hreflang="en-cn" href="https://www.crown.com/en-cn/awards.html"/> <link rel="alternate" hreflang="zh-cn" href="https://www.crown.com/zh-cn/awards.html"/> <link rel="alternate" hreflang="en-hk" href="https://www.crown.com/en-hk/awards.html"/> <link rel="alternate" hreflang="zh-hk" href="https://www.crown.com/zh-hk/awards.html"/> <!-- Fonts for crown.com --> <link rel="stylesheet" href="https://use.typekit.net/teg2oye.css"/> </head> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MJLHW2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <input type="hidden" id="isoLanguageCountryCode" value="de-DE"/> <link rel="stylesheet" href="/etc.clientlibs/global-web/clientlibs/clientlib-vendor.lc-ecafdfecbde2289002f0578413993c39-lc.min.css" type="text/css"> <script src="/etc.clientlibs/global-web/clientlibs/clientlib-vendor.lc-65f898139c7e0d2a5d8a92360ae0f892-lc.min.js"></script> <header> <!-- we need to add/set this property in CRX/DE for related regions 404 pages--> <p id="is404" hidden></p> <div class="modal fade" id="ecatalog-viewer-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-full-page"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></a> <div class="modal-body"> <div id="ecatalog"></div> </div> </div> </div> </div> <div class="modal fade" id="cookiePolicyModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered vertical-align-center" role="document"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close" id="modalBtnCloseCookieNotAccept"> <span aria-hidden="true" class="float-right">&times;</span> </a> <div class="modal-body"> <h2 style=" text-align: center; ">Wir verwenden Cookies und Plug-ins, um:</h2> <p style=" text-align: center; ">die Funktionalität und Leistung zu verbessern<br /> Inhalte und Anzeigen zu personalisieren<br /> Social-Media-Funktionen bereitzustellen <br /> Besucherverkehr auf unserer Webseite zu analysieren</p> <p style=" text-align: center; ">In diesem Zusammenhang werden Ihre personenbezogenen Daten möglicherweise an Dritte übermittelt, die in anderen Ländern als Ihrem Wohnsitzland oder in Ländern außerhalb Ihrer Region ansässig sind, in denen nicht dasselbe Datenschutzniveau gewährleistet wird wie in Ihrem Land. Wir verarbeiten Cookie-Daten und/oder übermittelte Daten nur, wenn Sie dem zustimmen, indem Sie auf „Cookies akzeptieren“ klicken. Sie können Ihre Zustimmung jederzeit widerrufen. Nähere Informationen dazu finden Sie in der <a href="/content/dam/crown/pdfs/de-de/rechtliche/datenschutzerklaerungen-crown.pdf" target="_blank" rel="noopener noreferrer">Datenschutzrichtlinie</a> und dem <a title="Crown Gabelstapler Impressum" href="/de-de/rechtlicher-hinweis.html" target="_blank" rel="noopener noreferrer">Impressum</a>.</p> <div id="cookie-modal-buttons"> <button type="button" class="btn btn-cta text-white background-orange" id="modalCookieAccept" data-dismiss="modal">Cookies akzeptieren</button> <button type="button" class="btn btn-cta text-white background-orange" id="modalCookieNotAccept" data-dismiss="modal">Cookies ablehnen</button> </div> </div> </div> </div> </div> <div><div class="cookiepolicy"> <script> jQuery(document).ready(function() { Crown.Components.CookiePolicy.checkCookiePolicyStatus(); }); $(window).resize(function(){ let cookiePolicy = Crown.Common.Cookies.readCookie("cookiePolicy"); let width = window.innerWidth; if(cookiePolicy != "accepted") { if (width > 767 ) { $(".cookiePolicyMobile").removeClass("show"); $(".cookiePolicyMobile").addClass("hide"); $(".cookie-policy").addClass("show"); } else { $(".cookie-policy").removeClass("show"); $(".cookie-policy").addClass("hide"); $(".cookiePolicyMobile").addClass("show"); } } }); function onHover() { $("#closeButton").css("backgroundColor", "#f7f7f7"); $("#closeButtonMobile").css("backgroundColor", "#f7f7f7"); } function onHoverOut() { $("#closeButton").css("backgroundColor", ""); $("#closeButtonMobile").css("backgroundColor", ""); } function delayCookieView() { let width = window.innerWidth; if (width > 767 ) { $(".cookie-policy").removeClass("hide"); $(".cookie-policy").addClass("show"); } else { $(".cookiePolicyMobile").removeClass("hide"); $(".cookiePolicyMobile").addClass("show"); } } </script> </div> </div> <div><div class="header iparsys parsys"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="header"><header class="header-main"> <div class="d-none d-md-block"><div class="container-fluid clearfix localeselectorheader background-light-black"> <div id="menubar" class="container"> <ul> <span> <a href="#" onclick="addLocaleSelectorGA('Kontakt')" data-toggle="modal" data-target="#modal-form" data-formsource="/content/de-de/contact-us.html" data-querystring="areaOfInterest=generalInquiry" tabindex="0"> Kontakt </a> </span> <span>|</span> <a onclick="addLocaleSelectorGA('News &amp; Presse ')" href="/content/de-de/news-presse" tabindex="0" target="_blank"> News &amp; Presse </a> <span>|</span> <a onclick="addLocaleSelectorGA('My Crown')" href="https://customer.crown.com/mycrown?referrer=www&service=https%3A%2F%2Fcustomer.crown.com%2Fc%2Fportal%2Flogin&locale=de_de%20" tabindex="0" target="_blank"> My Crown </a> <span>|</span> <a onclick="addLocaleSelectorGA('Crown in Ihrer Nähe')" href="/content/de-de/stapler-haendler" tabindex="0"> Crown in Ihrer Nähe </a> <span>|</span> <span> <li><a onclick="Crown.Common.Cookies.eraseCookie('crownlocation'); addLocaleSelectorGA('Deutschland (ändern)');" href="/global-selector-page.html" tabindex="0">Deutschland (ändern)</a> </li> </span> </ul> </div> </div> <script> window.addEventListener("load", () => { if("") { $.ajax({ url: "/content/de-de/jcr:content/header/header/locatorselector" + ".userTokenValidate.json", type: 'GET', dataType: 'json', success: function(response) { if(response.isValid) { $('.signIn').hide(); $('.signInMobile').hide(); $('.myAccount').show(); $('.myAccountMobile').show(); } else { $('.signIn').show(); $('.signInMobile').show().css('display', 'inline-flex'); $('.myAccount').hide(); $('.myAccountMobile').hide(); if(response.isUnauthorized) { $("#authErrorModal").modal(); } } }, error: function() { // Using console log as there is no error that the user will see if an error happens. Waiting for store to implement a solution console.log("Token validation Failure"); $('.signIn').show(); $('.myAccount').hide(); } }) } }); $(document).click(function(event) { if("") { const signInDropdown = $(".signIn"); const myAccountDropdown = $(".myAccount"); if($("#signInDropdownContent").hasClass("show") && !signInDropdown.is(event.target) && !signInDropdown.has(event.target).length) { toggleAuthDropdown("signIn"); } else if($("#myAccountDropdownContent").hasClass("show") && !myAccountDropdown.is(event.target) && !myAccountDropdown.has(event.target).length) { toggleAuthDropdown("myAccount"); } else if($("#myAccountDropdownMobile").hasClass("show") && !$(event.target).is('.myAccountButtonMobile, .myAccountUserIcon, .myAccountPortion')) { $("#myAccountDropdownMobile").toggleClass("show"); $(".myAccountMobile").css("max-height", "55px"); $(".myAccountPortion").removeClass("myAccountCaretUp"); } } }); function addLocaleSelectorGA(labelName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'header_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': labelName, 'eventLabel': currentPage }); } } } // Toggle hide and show behavior for Sign In and My Account dropdowns function toggleAuthDropdown(dropdownType) { const dropdownClass = "#" + dropdownType + "DropdownContent"; $(dropdownClass).toggleClass("show"); if($(dropdownClass).hasClass("show")) { toggleAuthButtonCSS("#c2c2c2", "#333", dropdownType); $("." + dropdownType + "Button").addClass("caretUp"); } else { toggleAuthButtonCSS("#444", "#fff", dropdownType); $("." + dropdownType + "Button").removeClass("caretUp"); } } // Toggle CSS of SignIn and My Account buttons function toggleAuthButtonCSS(background, color, buttonType) { $("." + buttonType).css("background-color", background); $("." + buttonType + "Button").css("color", color); $("." + buttonType + " .textIcon").css("color", color); } function onSignInButtonClick() { $.ajax({ url: "/content/de-de/jcr:content/header/header/locatorselector" + ".auth0login.json", type: 'GET', data: { redirectUrl: window.location.pathname, hash: window.location.hash, urlParams: window.location.search.substring(1) }, dataType: 'json', success: function(result) { if(result.redirect === true) { window.location = result.location; } }, error: function() { alert("Redirection Failure, please try again after sometime"); } }); } function onSignOutButtonClick() { $.ajax({ url: "/content/de-de/jcr:content/header/header/locatorselector" + ".auth0logout.json", type: 'GET', data: { redirectUrl: window.location.pathname, hash: window.location.hash, urlParams: window.location.search.substring(1) }, dataType: 'json', success: function(result) { if(result.redirect === true) { window.location = result.location; } }, error: function(result) { alert("Redirection Failure"); } }); } $(".signIn").keypress(function(event) { if(event.keyCode === 13) { toggleAuthDropdown("signIn"); } }); $(".myAccount").keypress(function(event) { if(event.keyCode === 13) { toggleAuthDropdown("myAccount"); } }); $(".signOutText").keypress(function(event) { if(event.keyCode === 13) { toggleAuthDropdown("myAccount"); } }); $(".signInBtn").keypress(function(event) { if(event.keyCode === 13) { onSignInButtonClick(); } }) </script></div> <nav class="navbar theme-nav-main" role="navigation"> <div class="theme-container-nav"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-main" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="hamburger"> <i class="fas fa-bars fa-fw"></i> </span> <span class="close"> &times; </span> </button> <div class="nav-logo"> <a class="navbar-brand theme-navbar-brand" href="/de-de.html" tabindex="0"> <img class="img-responsive" src="/content/dam/crown/logos/logo.png" alt="Crown Equipment Corporation" title="Crown" data-emptytext="Logo"/> </a> </div> <!--* this is part of the main nav *--> <div class="nav-button-navigation navbar-right text-right d-xl-none"> <ul class="list-inline"> <li> <a href="tel:08993002571" onclick="addDealerLocatorCTAGA('089 \/ 93 002\u002D571 Click')" class="btn-dealerLocator btn-orange dealerLocatorMobile" tabindex="0"> <i class="fas fa-phone-alt dealerLocatorIcon"></i> <span class="btn-dealerLocator-text">089 / 93 002-571</span> </a> <script> function addDealerLocatorCTAGA(eventLabel) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_find_dealer', 'eventCategory': 'Call to Actions', 'eventLabel': eventLabel, 'eventAction': 'Header' }); } } } </script> </li> <li> <a class="btn-search " href="javascript: void(0);" style="background: transparent !important" data-toggle="search-form" data-target="#search-form"> <i class="fas fa-search headerSearchIcon"></i> </a> </li> </ul> <!--* end main nav *--> </div> <span class="headerItems"> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <div class="collapse navbar-collapse theme-navbar-collapse low" data-activedrawer="" id="navbar-main"><!-- removed from class: navbar-left --> <ul class="nav navbar-nav theme-navbar-nav "> <li class="dropdown"> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle " id="drawer" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> Produkte </a> <label class="hidden"> Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list drawer"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Produkte', 'Produktberater')" href="/de-de/produktberater.html">Produktberater</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Produkte', 'Neugeräte')" href="/de-de/gabelstapler.html">Neugeräte</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Produkte', 'Mietstapler')" href="/de-de/mietstapler.html">Mietstapler</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Produkte', 'Gebrauchtstapler')" href="/de-de/gebrauchtstapler.html">Gebrauchtstapler</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Produkte', 'V\u002DForce Batterien \x26 Ladegeräte')" href="/de-de/batterien-ladegeraete.html">V-Force Batterien &amp; Ladegeräte</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Produkte', 'Unsere Produkte im Überblick')" href="/de-de/produkte.html">Unsere Produkte im Überblick</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer').on("click", function() { $.ajax({ url: '/content/de-de/main-navigation-drawer/products.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer-side-content').html(content); } }); }); $('#drawer').parent().on("hidden.bs.dropdown", function() { $('.drawer').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown"> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle " id="drawer_0" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> Materialflusslösungen </a> <label class="hidden"> Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list drawer_0"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Materialflusslösungen', 'Vernetzung')" href="/de-de/vernetzung.html">Vernetzung</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Materialflusslösungen', 'Automatisierung')" href="/de-de/automatisierung.html">Automatisierung</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Materialflusslösungen', 'V\u002DForce Energielösungen')" href="/de-de/v-force-energieloesungen.html">V-Force Energielösungen</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Materialflusslösungen', 'Fuhrparkmanagement')" href="/de-de/fuhrparkmanagement.html">Fuhrparkmanagement</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Materialflusslösungen', 'Finanzierung')" href="/de-de/finanzierung.html">Finanzierung</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Materialflusslösungen', 'Warehouse Solutions')" href="/de-de/lagerloesungen.html">Warehouse Solutions</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Materialflusslösungen', 'Unsere Materialflusslösungen im Überblick')" href="/de-de/materialflussloesungen.html">Unsere Materialflusslösungen im Überblick</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_0-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_0').on("click", function() { $.ajax({ url: '/content/de-de/main-navigation-drawer/solutions.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_0-side-content').html(content); } }); }); $('#drawer_0').parent().on("hidden.bs.dropdown", function() { $('.drawer_0').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_0-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown"> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle " id="drawer_1" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> Dienstleistungen </a> <label class="hidden"> Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list drawer_1"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Dienstleistungen', 'Kundendienst \x26 Ersatzteile')" href="/de-de/kundendienst-ersatzteile.html">Kundendienst &amp; Ersatzteile</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Dienstleistungen', ' Arbeitssicherheit \x26 Schulungsprogramme')" href="/de-de/arbeitssicherheit-schulungen.html"> Arbeitssicherheit &amp; Schulungsprogramme</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Dienstleistungen', 'Vertrieb und Service weltweit')" href="/de-de/stapler-haendler.html">Vertrieb und Service weltweit</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Dienstleistungen', 'Unsere Dienstleistungen im Überblick')" href="/de-de/dienstleistungen.html">Unsere Dienstleistungen im Überblick</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_1-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_1').on("click", function() { $.ajax({ url: '/content/de-de/main-navigation-drawer/support.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_1-side-content').html(content); } }); }); $('#drawer_1').parent().on("hidden.bs.dropdown", function() { $('.drawer_1').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_1-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown"> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle " id="drawer_2" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> Warum Crown </a> <label class="hidden"> Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list drawer_2"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Warum Crown', 'Warum Crown')" href="/de-de/warum-crown.html">Warum Crown</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Warum Crown', 'Nachhaltigkeit')" href="/de-de/nachhaltigkeit.html">Nachhaltigkeit</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Warum Crown', 'Preise \x26 Auszeichnungen')" href="/de-de/design-preise.html">Preise &amp; Auszeichnungen</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Warum Crown', 'Karriere \x26 Stellenangebote')" href="https://crown.career.softgarden.de/">Karriere &amp; Stellenangebote</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Warum Crown', 'News \x26 Presse')" href="/de-de/news-presse.html">News &amp; Presse</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_2-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_2').on("click", function() { $.ajax({ url: '/content/de-de/main-navigation-drawer/why-crown.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_2-side-content').html(content); } }); }); $('#drawer_2').parent().on("hidden.bs.dropdown", function() { $('.drawer_2').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_2-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li data-name="createddrawer_3" data-path="/content/de-de/jcr:content/header/header/mainnav/createddrawer_3"> <a href="/de-de/contact-us.html" class="dropdown-toggle link-only mobile-only link-only">Kontakt</a> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li data-name="createddrawer_4" data-path="/content/de-de/jcr:content/header/header/mainnav/createddrawer_4"> <a href="/de-de/news-presse.html" class="dropdown-toggle link-only mobile-only link-only">News &amp; Presse</a> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li data-name="createddrawer_5" data-path="/content/de-de/jcr:content/header/header/mainnav/createddrawer_5"> <a href="https://customer.crown.com/mycrown?referrer=www&service=https%3A%2F%2Fcustomer.crown.com%2Fc%2Fportal%2Flogin&locale=de_de%20" class="dropdown-toggle link-only mobile-only link-only">My Crown</a> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li data-name="createddrawer_6" data-path="/content/de-de/jcr:content/header/header/mainnav/createddrawer_6"> <a href="/de-de/stapler-haendler.html" class="dropdown-toggle link-only mobile-only link-only">Crown in Ihrer Nähe</a> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown"> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <a href="/global-selector-page.html" class="{drawer.textColor} mobile-only link-only" onclick="Crown.Common.Cookies.eraseCookie('crownlocation');">Location / Language</a> <label class="hidden" id="Location / Language">Location / Language Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu" aria-labelledby="Location / Language"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list createddrawer_7"> <li role="presentation"> <a onclick="Crown.Common.Cookies.eraseCookie('crownlocation'); addMainNavGA('Location \/ Language', 'Deutschland (ändern)')" role="menuitem" tabindex="-1" href="/global-selector-page.html">Deutschland (ändern)</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="createddrawer_7-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#createddrawer_7').on("click", function() { $.ajax({ url: '.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#createddrawer_7-side-content').html(content); } }); }); $('#createddrawer_7').parent().on("hidden.bs.dropdown", function() { $('.createddrawer_7').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#createddrawer_7-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> </ul> <div class="d-xl-none"> <div class="col-xs-12 container-theme-nav-dropdown-close"> <button data-target="#navbar-main" data-toggle="collapse" class="theme-nav-dropdown-close mobile-nav-dropdown-close"> schließen </button> </div> </div> </div> <script> function triggerDrawerClick(value) { let activeDrawer = $("#navbar-main").attr("data-activedrawer"); let ariaExpanded = value.getAttribute('aria-expanded'); if(ariaExpanded !== 'true') { $('.search-form-wrapper').removeClass('open'); } if(activeDrawer === "") { $("#navbar-main").attr("data-activedrawer", value.id); } else if(ariaExpanded !== 'true' && activeDrawer !== "") { $('#' + activeDrawer + '-side-content').empty(); $("#navbar-main").attr("data-activedrawer", value.id); } $("."+value.id).find("li a[tabindex='-1']").each( function() { $(this).attr("tabindex", 0); }); if(ariaExpanded === 'true') { $("."+value.id).find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); } // Closing the auth dropdowns on drawer click. // Since locale selector will always be on page when the Ecomm Functionality is enabled, using a common toggle method from it if('') { if($("#signInDropdownContent").hasClass("show")) { toggleAuthDropdown("signIn"); } else if($("#myAccountDropdownContent").hasClass("show")) { toggleAuthDropdown("myAccount"); } else if($("#myAccountDropdownMobile").hasClass("show")) { $("#myAccountDropdownMobile").toggleClass("show"); $(".myAccountMobile").css("max-height", "55px"); $(".myAccountPortion").removeClass("myAccountCaretUp"); } } } function toggleMyAccountMobileDropdown() { const myAcctDrpDwnMob = $("#myAccountDropdownMobile"); myAcctDrpDwnMob.toggleClass("show"); if(myAcctDrpDwnMob.hasClass("show")) { $(".myAccountMobile").css("max-height", "5000px"); $(".myAccountPortion").addClass("myAccountCaretUp"); } else { $(".myAccountMobile").css("max-height", "55px"); $(".myAccountPortion").removeClass("myAccountCaretUp"); } } </script> <!--* this is part of the main nav *--> <div class="nav-button-navigation navbar-right d-none d-xl-block"> <ul class="list-inline"> <li> <a href="tel:08993002571" onclick="addDealerLocatorCTAGA('089 \/ 93 002\u002D571 Click')" class="btn-dealerLocator btn-orange dealerLocatorMobile" tabindex="0"> <i class="fas fa-phone-alt dealerLocatorIcon"></i> <span class="btn-dealerLocator-text">089 / 93 002-571</span> </a> <script> function addDealerLocatorCTAGA(eventLabel) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_find_dealer', 'eventCategory': 'Call to Actions', 'eventLabel': eventLabel, 'eventAction': 'Header' }); } } } </script> </li> <li> <a class="btn-search " style="background: transparent !important" data-toggle="search-form" data-target="#search-form" href="javascript: void(0);"> <i class="fas fa-search headerSearchIcon"></i> <!--* load sitesearchbox here in Author Mode to ensure CQ rollover highlight is constrained to the search icon *--> </a> </li> </ul> </div> </span> <!--/.nav-collapse --> <!--* end main nav *--> </div> </div> </nav> </header> <!--* load sitesearchbox here in Publish mode so it can extend the fulll width of the window *--> <div class="modal fade modal-sitesearch " id="modal-search" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="container"> <a class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></a> </div> <div class="modal-body"> <div class="container container-sitesearch"> <form action="/de-de/search-results.html" accept-charset="UTF-8"> <label for="sitesearch"> <i class="fas fa-search sitesearch-icon"></i> <span class="sr-only"> Search </span> </label> <input id="sitesearch" class="sitesearch" maxlength="2048" name="q" placeholder="Search"/> </form> </div> </div> </div> </div> </div> <div class="modal" id="authErrorModal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="authModalTitle"> <i class="far fa-times-circle"></i> <h5 class="modal-title"></h5> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <p></p> <span class="closeIcon" aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> <p> <a class="createAccountLink"> .</a> </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-link cancelButton" data-dismiss="modal"> </button> <button type="button" id="createAccountBtnId" class="btn btn-orange btn-rounded btn-block createAccountButton"> </button> </div> </div> </div> </div> <div><div class="modal fade" id="dealerPrivacyHeaderModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered vertical-align-center" role="document"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </a> <div class="modal-body modal-color"> <span id="dealerPrivacyContent" class="dealer-info-auth-text"></span><br/><br/> <p class="text-center"> <button type="button" class="btn btn-cta text-black background-grey-lightest" id="dealerRejectHeader" data-dismiss="modal" onclick="showDealerDetails()"></button>&nbsp&nbsp&nbsp&nbsp <button type="button" class="btn btn-cta text-white background-orange" id="dealerAcceptHeader" data-dismiss="modal"></button> </p> </div> </div> </div> </div> <div class="modal fade" id="dealerInfoHeaderModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered vertical-align-center" role="document"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </a> <div class="modal-body modal-color"> <span id="dealerDetailsText" class="dealer-info-auth-text"></span><br/><br/> <span id="dealerInfoContent" style="font-size:18px;"></span> <p class="text-center"> <button type="button" class="btn btn-cta text-black background-grey-lightest" id="closeDealerHeader" onclick="closeModalForm()" data-dismiss="modal"></button>&nbsp&nbsp&nbsp&nbsp </p> </div> </div> </div> </div> <script> function closeModalForm() { $("#modal-form .close").click(); } </script> </div> <script> let shopBaseUrl = "https:\/\/api.caeiox1tx\u002Dcrownequi1\u002Dp1\u002Dpublic.model\u002Dt.cc.commerce.ondemand.com"; let sessionCartUrl = "/crowncommercewebservices/v2/crown/carts/session-cart"; let storeCartUrl = "/crown/en/cart"; $(document).ready(function() { if("") { let eCommUrl = shopBaseUrl + sessionCartUrl; if(eCommUrl !== undefined) { loadCartInfo(eCommUrl); } } $('.navbar-toggle').click(function() { if(this.getAttribute("aria-expanded")) { $('.search-form-wrapper').removeClass('open'); } }); }); function loadCartInfo(eCommUrl) { $.ajax({ url: eCommUrl, type: 'GET', dataType: "json", xhrFields: { withCredentials: true }, crossDomain: true, headers: { 'Accept': 'application/json', 'Content-Type': 'application/json', }, success: function(response) { document.getElementById('cartItemCountDesktop').innerText = '( ' + response.totalItems + ' )'; } }); } function onCartClick() { let eCommCartUrl; eCommCartUrl = shopBaseUrl + storeCartUrl; window.location.replace(eCommCartUrl); } $(".cartIcon").keypress(function(event) { if(event.keyCode === 13 ){ onCartClick(); } }); document.getElementById('createAccountBtnId').addEventListener('click', ()=>{ window.location = ""; }); </script> </div> </div> </div> </div> <!--* to pull in the modal - Please DO NOT remove *--> <div> <div class="modal fade modal-form-viewer" id="modal-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-full-page modal-lg"> <div class="modal-content"> <div class="btn close ml-auto" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></div> <div class="modal-body modal-color"> <div class="container-form-viewer"> <div class="form-viewer" id="modal-content-form"> </div> </div> </div> </div> </div> </div> </div> <script> //from http://getbootstrap.com/javascript/#modals $("#modal-form").off().on("show.bs.modal", function(event) { var button = $(event.relatedTarget); var formSource = button.data("formsource"); var queryString = button.data("querystring"); var branchID = getBranchId(queryString, "branchID"); getPageContent(formSource, branchID, queryString); }); $("#modal-form").on("hidden.bs.modal", function () { $("#modal-content-form").empty(); }); function getBranchId(qString, sParam) { if(qString != undefined) { var sURLVariables = qString.split("&"); if(sURLVariables != undefined) { for(var i = 0; i < sURLVariables.length; i++) { var sParameterName = sURLVariables[i].split("="); if(sParameterName[0] == sParam) { return sParameterName[1].replace("%20", " ").trim(); } } } } return ""; } function getPageContent(formSource, branchID, queryString) { $.ajax({ url: formSource, success: function(html) { var content = $("<div />").html(html).find("#content"); $("#modal-content-form").html(content); } }).done(function() { if($('.contactformcomponent').length > 0) { var formId = $('#modal-content-form').find('.contact-us-form').attr('id'); var uniqueId = "_".concat(formId.split("_")[1]); if((branchID !== undefined) && (branchID.length > 0)) { $("#branchID" + uniqueId).val(branchID); } $('.contactformcomponent').addClass("modal-width"); var aoiSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "areaOfInterest"); var forkliftSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "liftTruck"); var rentalForkliftSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "rentalForklift"); var usedForkliftSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "usedForklift"); var fmSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "fleetManagementSelect"); var pAndSSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "partsAndService"); var infoLinkSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "infolinkList"); var brochureRequestSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "brochureRequestSelect"); var preOwnedForkliftsSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "preOwnedProducts"); var preferredLanguageSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "preferredLanguage"); var batteriesAndChargersSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "batteriesAndChargers"); populateSelectValue('#primaryAreaOfInterest' + uniqueId, aoiSelection); populateMultiSelectValue('#forkliftList' + uniqueId, forkliftSelection); populateMultiSelectValue('#usedForkliftList' + uniqueId, usedForkliftSelection); populateMultiSelectValue('#rentalForkliftList' + uniqueId, rentalForkliftSelection); populateSelectValue('#fleetManagementList' + uniqueId, fmSelection); populateSelectValue('#partsAndServiceList' + uniqueId, pAndSSelection); populateSelectValue('#infolinkList' + uniqueId, infoLinkSelection); populateMultiSelectValue('#brochureRequest' + uniqueId, brochureRequestSelection); populateMultiSelectValue('#preOwnedForklift' + uniqueId, preOwnedForkliftsSelection); populateSelectValue('#preferredLanguage' + uniqueId, preferredLanguageSelection); populateSelectValue('#batteriesAndChargersList' + uniqueId, batteriesAndChargersSelection); $(document).ready(function() { eval('if (typeof areaOfInterestChanged' + uniqueId + ' === "function") { areaOfInterestChanged' + uniqueId + '(aoiSelection) }'); eval('if (typeof fleetManagementChanged' + uniqueId + ' === "function") { fleetManagementChanged' + uniqueId + '(fmSelection) }'); }); } }); } function populateMultiSelectValue(controlName, value) { if((value !== undefined) && (value.length > 0)) { var dataArray = value.split(','); $(controlName).val(dataArray); } } function populateSelectValue(controlName, value1) { if((value1 !== undefined) && (value1.length > 0)) { $(controlName).val(value1); } } </script> <!--* to pull in the modal video - Please DO NOT remove *--> <div> <div class="modal fade modal-video-viewer" id="modal-video-viewer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <a class="btn close ml-auto" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></a> <div class="modal-body"> <div class="embed-responsive embed-responsive-16by9" id="video-tag"> </div> </div> </div> </div> </div> </div> <script> //from http://getbootstrap.com/javascript/#modals jQuery("#modal-video-viewer").on("show.bs.modal", function(event) { var button = jQuery(event.relatedTarget); var videoSource = button.data("videosource"); var posterImage = button.data("posterimage"); var controls = button.data("controls"); var autoplay = button.data("autoplay"); var videoLoop = button.data("videoloop"); if(videoSource.indexOf("https://www.youtu") === 0) { jQuery("#video-tag").append('<iframe id="video-frame" src=' + videoSource + "&muted=1" + ' allowfullscreen allow="autoplay"></iframe>'); } else if(videoSource.indexOf("/content/") === 0) { jQuery("#video-tag").append('<video id="video-view" src=' + videoSource + ' poster=' + posterImage + '></video>'); jQuery("#video-view").attr("autoplay", autoplay); jQuery("#video-view").attr("loop", videoLoop); jQuery("#video-view").attr("controls", controls); } }); jQuery("#modal-video-viewer").on("hidden.bs.modal", function(e) { jQuery("#video-frame").remove(); jQuery("#video-view").remove(); }); </script> <form id="combinedSearchForm" name="combinedSearchForm" action="/de-de/search-results.html" accept-charset="UTF-8"> <div class="search-form-wrapper " id="search-form" aria-hidden="true"> <div class="inputgroup"> <input id="search-box" class="site-search" maxlength="2048" autocomplete="off" placeholder="Suche" name="q" tabindex="0"/> <label for="search-box"> <i class="fas fa-search sitesearch-icon" id="searchIcon"></i> </label> <a class="btn search-close" aria-label="Close" href="javascript: void(0);" tabindex="0"><span aria-hidden="true">&times;</span></a> <div class="searchDropDown"> <div class="searchHeader">Vorschläge</div> <div id="searchSuggestions" class="searchItem"> </div> <div class="searchHeader">Suchergebnisse</div> <div id="searchResults" class="searchItem"> </div> </div> </div> </div> </form> <div class="breadcrumb-container"> <div class="breadcrumb"><a href="/de-de.html">Home </a>/</div> </div> <script> $(document).ready(function() { $('[data-toggle=search-form]').click(function() { $('#search-box').val(''); $('.search-form-wrapper').toggleClass('open'); $('#search-box').placeholder(); $('#search-box').focus(); }); $('[data-toggle=search-form-close]').click(function() { $('#search-box').val(''); $('.search-form-wrapper').removeClass('open'); }); $('.search-close').click(function() { $('#search-box').val(''); $('.search-form-wrapper').removeClass('open'); }); if(navigator.userAgent.indexOf('Mac') > 0) { $('.search-close').addClass('search-close-mac'); } }); $('#search-box').on('keyup', function() { let searchTerm = this.value; if(searchTerm) { $("#searchIcon").css("opacity", "1"); } else { $("#searchIcon").css("opacity", "0.65"); } if(searchTerm.length >= 3) { $("#searchSuggestions").empty(); $("#searchResults").empty(); $(".searchDropDown").css("display", "block"); getSearchSuggestions(searchTerm); getResultSuggestions(searchTerm) } else { $(".searchDropDown").css("display", "none"); } }); function getSearchSuggestions(searchTerm) { $.ajax({ url: "/content/de-de/jcr:content/header/header" + ".searchsuggestions" + ".json", type: "GET", async: true, dataType: "json", data: { "searchTerm": searchTerm, "pagesSearchPath": "/content/de-de" } }).done(function(response) { let resLength = response.suggestions.length; let suggLength = 3; if(resLength > 0 && resLength < 3) { suggLength = resLength; } $("#searchSuggestions").empty(); if(resLength > 0) { for(let i = 0; i < suggLength; i++) { let searchOption = response.suggestions[i]; $("#searchSuggestions").append("<div onclick='searchSubmit(\"" + searchOption + "\")'>" + searchOption + "</div>"); } } else { $("#searchSuggestions").append("<div> </div>"); } }); } function getResultSuggestions(searchTerm) { $.ajax({ url: "/content/de-de/jcr:content/header/header" + ".searchservlet" + ".json", type: 'GET', async: true, data: { "searchterm": searchTerm, "pagesize": 3, "pagesSearchPath": "/content/de-de" } }).done(function(response) { let totalMatches = response.totalMatches; let resultsLength = 3; if(totalMatches > 0 && totalMatches < 3) { resultsLength = totalMatches; } $("#searchResults").empty(); if(totalMatches > 0) { for(let i = 0; i < resultsLength; i++) { $("#searchResults").append("<div><a href='" + response.resultDetails[i].path + "'>" + searchTerm + "<span class='resultLinkTo'> in " + response.resultDetails[i].title + "</span></a></div>"); } } else { $("#searchResults").append("<div>Zu Ihrer Suche liegen keine Vorschläge vor</div>"); } }); } function searchSubmit(suggestionText) { document.combinedSearchForm.q.value = suggestionText; document.getElementById("combinedSearchForm").submit(); } $(document).mouseup(function(e) { let container = $(".searchDropDown"); if(!container.is(e.target) && container.has(e.target).length === 0) { container.hide(); } }); </script> </header> <div><div class="socialConnect socialconnect"> <ul id="socialConnect-connect-list" role="group" class="socialConnect background-black text-white"> <li> <a href="/de-de/stapler-haendler.html" onclick="addSocialConnectGA('Crown in Ihrer Nähe')" tabindex="-1" target="_blank"> <span class="social-title">Crown in Ihrer Nähe</span> <i class="fas fa-map-marker-alt fa-fw"></i> </a> </li> <li> <a href="#" onclick="addSocialConnectGA('Informationen anfordern')" data-querystring="areaOfInterest=generalInquiry" data-target="#modal-form" data-formsource="/content/de-de/contact-us.html" data-toggle="modal"> <span class="social-title">Informationen anfordern</span> <i class="fas fa-comment fa-fw"></i> </a> </li> <li> <a href="mailto:?Subject&#61;Design%20Preise%20%7C%20Crown%20Gabelstapler&amp;body&#61;Hallo%2C%20auf%20der%20Website%20von%20Crown%20Gabelstapler%20habe%20ich%20etwas%20Interessantes%20gefunden.%20Siehe%20nachfolgenden%20Link%3A%20%3Chttps%3A%2F%2Fwww.crown.com%2Fde-de%2Fdesign-preise.html%3E" onclick="addSocialConnectGA('Inhalte per E\u002DMail teilen')" tabindex="-1"> <span class="social-title">Inhalte per E-Mail teilen</span> <i class="far fa-envelope fa-fw"></i> </a> </li> </ul> <script> 'use strict'; jQuery(document).ready (function (){ var $socialShare = jQuery('#socialConnect-connect-list'); $socialShare.find('li').hover(function() { jQuery(this).addClass('hover'); }, function() { jQuery(this).removeClass('hover'); }); } ); function addSocialConnectGA(title) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'side_nav_click', 'eventCategory': 'Side Navigation', 'eventAction': title, 'eventLabel': currentPage }); } } } </script></div> </div> <div> <div class="column"> <div id="height_9c9593b0c4a94d6a938de98ddf4e332b" style="height: px"> <div class="container-fluid background-blacker "> <div class="container background-blacker "> <div id="bgImage_9c9593b0c4a94d6a938de98ddf4e332b" class="clearfix background-blacker everyDevice text-white padding-6x-top padding-6x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-8 "> <div class="container-inner"> <div class="richtext"> <div class=" width-90 component-left"> <h1>Design Preise <br> </h1> <h2>Glaubwürdigkeit durch Innovation<br> </h2> <p>Zahlreiche Auszeichnungen belegen, dass Crown mit seinen innovativen Produkten immer wieder neue Maßstäbe setzt.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> <div class=" col-md-4 "> <div class="container-inner"> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_9c9593b0c4a94d6a938de98ddf4e332b').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_9c9593b0c4a94d6a938de98ddf4e332b').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_9c9593b0c4a94d6a938de98ddf4e332b(); }); $(window).resize(function(){ setBackgroundImage_9c9593b0c4a94d6a938de98ddf4e332b(); }); function setBackgroundImage_9c9593b0c4a94d6a938de98ddf4e332b() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("")) { image = (""); } else if(width < 769 && ("")) { image = (""); } else { image = ("/content/dam/crown/images/industry-recognition/hero/awards-hero.jpg"); } $('#bgImage_9c9593b0c4a94d6a938de98ddf4e332b').css("background-image","url("+image+")"); } </script> </div> <div class="column"> <div id="height_65fcd6bad79549898772230530e226ac" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_65fcd6bad79549898772230530e226ac" class="clearfix everyDevice text-black row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> <div class="brickscomponent"><!-- ~ Copyright Crown Equipment Corporation. All rights reserved. --> <div class="row filter-row"> <div class="filter-results-info col-sm-6"> <div class="filter-results-sub-div" onclick="onFilterClick()"> <i class="fas fa-filter"></i> <p class="filter-text">Filter</p> </div> </div> <div class="stories col-sm-6"> <div class="stories-sub-div"> <p id="totalBricksCount"></p> <p>&nbsp;Ergebnisse</p> </div> </div> <div id="filterModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header row"> <h4 class="modal-filter-title col-sm-4">Filter</h4> <h4 class="modal-reset-button modal-reset-enable col-sm-4" onclick="onResetClick()"> zurücksetzen </h4> <h4 class="modal-close col-sm-4" data-dismiss="modal"> schließen </h4> </div> <div class="modal-body"> <ul class="filters-body"> <li class="category-list" id="caretId_Zeitraum auswählen" onclick="toggleCaret(this)"> <i id="caretId_Zeitraum auswählen_caret" class="fas fa-caret-down"></i> <p class="category-text">Zeitraum auswählen</p> </li> <ul id="listId_Zeitraum auswählen" class="list-group"> <li class="list-group-item"> <label for="2020 bis heute" class="filter-item"> <input id="2020 bis heute" type="checkbox" onclick="onFilterCheckBoxClick(this); addBrickFiltersGA('Zeitraum auswählen', '2020 bis heute', '');" value="2020s" class="filter-checkbox"/> <label for="2020 bis heute" class="filter-checkbox-text">2020 bis heute</label> </label> </li> <li class="list-group-item"> <label for="2010-2019" class="filter-item"> <input id="2010-2019" type="checkbox" onclick="onFilterCheckBoxClick(this); addBrickFiltersGA('Zeitraum auswählen', '2010\u002D2019', '');" value="2010s" class="filter-checkbox"/> <label for="2010-2019" class="filter-checkbox-text">2010-2019</label> </label> </li> <li class="list-group-item"> <label for="2000-2009" class="filter-item"> <input id="2000-2009" type="checkbox" onclick="onFilterCheckBoxClick(this); addBrickFiltersGA('Zeitraum auswählen', '2000\u002D2009', '');" value="2000s" class="filter-checkbox"/> <label for="2000-2009" class="filter-checkbox-text">2000-2009</label> </label> </li> <li class="list-group-item"> <label for="1990-1999" class="filter-item"> <input id="1990-1999" type="checkbox" onclick="onFilterCheckBoxClick(this); addBrickFiltersGA('Zeitraum auswählen', '1990\u002D1999', '');" value="1990s" class="filter-checkbox"/> <label for="1990-1999" class="filter-checkbox-text">1990-1999</label> </label> </li> <li class="list-group-item"> <label for="1980-1989" class="filter-item"> <input id="1980-1989" type="checkbox" onclick="onFilterCheckBoxClick(this); addBrickFiltersGA('Zeitraum auswählen', '1980\u002D1989', '');" value="1980s" class="filter-checkbox"/> <label for="1980-1989" class="filter-checkbox-text">1980-1989</label> </label> </li> <li class="list-group-item"> <label for="1970-1979" class="filter-item"> <input id="1970-1979" type="checkbox" onclick="onFilterCheckBoxClick(this); addBrickFiltersGA('Zeitraum auswählen', '1970\u002D1979', '');" value="1970s" class="filter-checkbox"/> <label for="1970-1979" class="filter-checkbox-text">1970-1979</label> </label> </li> <li class="list-group-item"> <label for="1960-1969" class="filter-item"> <input id="1960-1969" type="checkbox" onclick="onFilterCheckBoxClick(this); addBrickFiltersGA('Zeitraum auswählen', '1960\u002D1969', '');" value="1960s" class="filter-checkbox"/> <label for="1960-1969" class="filter-checkbox-text">1960-1969</label> </label> </li> </ul> </ul> </div> </div> </div> </div> </div> <div class="filter-pill-background"> <ul id="selectedFilters"></ul> </div> <div class="row bricks-row"> <div class="col-sm-12 bricks-sub-row"> <ul id="brickImages"></ul> </div> <div class="pagination-div col-sm-12"> <ul id="pagination" class="bricks-pagination"></ul> </div> </div> <script> let currentPageNumber; let allBricksResponse; let columns = '3'; let totalBricksCount = 0; $(window).resize(function() { checkScreenWidth(); }); $(document).click(function(event) { if(!$(event.target).closest("#filterModal,.filter-results-sub-div").length) { $("#filterModal").modal("hide"); } }); $(document).ready(function() { if($(".filter-checkbox:checkbox:checked").length > 0) { $('.filter-checkbox:checkbox:checked').each(function() { createFilterPill(this); }); retrieveFilteredBricks(); } else { retrieveBricks(); } }); function retrieveBricks(filters) { toggleResetButton(filters); totalBricksCount = 0; let rows = '4'; let noResultsFoundText = 'No results found'; let componentPath = '/content/de-de/design-preise/jcr:content/mainpar/column_1352973603/column1/brickscomponent'; $.ajax({ url: componentPath + ".bricksproperties" + ".json", type: 'GET', data: { 'componentPath': componentPath, 'imagesCount': rows * columns, 'filters': filters ? filters.toString() : "" }, success: function(response) { if(response.length > 0) { $("#brickImages").removeClass("no-results-found-text"); allBricksResponse = response; doPagination(); populateBricks(1); } else { $("#brickImages").empty(); $("#pagination").empty(); document.getElementById("totalBricksCount").innerHTML = totalBricksCount; let ul = document.getElementById("brickImages"); ul.className = "no-results-found-text"; ul.innerHTML = noResultsFoundText; } }, error: function() { let ul = document.getElementById("brickImages"); ul.innerHTML = "Error retrieving bricks. Please try again later"; } }); } function toggleCaret(value) { if(document.getElementById(value.id + "_caret").className === "fas fa-caret-down") { document.getElementById(value.id + "_caret").className = "fas fa-caret-up"; document.getElementById("listId_" + value.id.split("caretId_")[1]).style.display = "none"; } else { document.getElementById(value.id + "_caret").className = "fas fa-caret-down"; document.getElementById("listId_" + value.id.split("caretId_")[1]).style.display = ""; } } function toggleResetButton(filters) { let resetButton = ".modal-reset-button"; if(filters && filters.length > 0) { $(resetButton).removeClass('modal-reset-disable'); $(resetButton).addClass('modal-reset-enable'); } else { $(resetButton).removeClass('modal-reset-enable'); $(resetButton).addClass('modal-reset-disable'); } } function onResetClick() { $(".filter-checkbox").prop("checked", false); retrieveBricks(); $("#selectedFilters").empty(); } function retrieveFilteredBricks() { let checkedFilters = []; $('.filter-checkbox:checkbox:checked').each(function() { checkedFilters.push(this.value); }); retrieveBricks(checkedFilters); } function onFilterCheckBoxClick(checkboxProperties) { retrieveFilteredBricks(); if(checkboxProperties.checked) { createFilterPill(checkboxProperties); } else { let filterPillToRemove = document.getElementById(checkboxProperties.id + "_pill"); document.getElementById("selectedFilters").removeChild(filterPillToRemove); } } function onFilterClick() { if($("#filterModal").is(':visible')) { $("#filterModal").modal("hide"); } else { $("#filterModal").modal("show"); $('body').addClass('filter-modal'); $(".filter-row").addClass("after_modal_appended"); $('.modal-backdrop').appendTo('.filter-row'); } } function createFilterPill(checkboxProperties) { let ul = document.getElementById("selectedFilters"); let filterPillOption = document.createElement("li"); let filterPillDiv = document.createElement("div"); filterPillDiv.className = "filter-pill-div"; let filterPillContentDiv = document.createElement("div"); filterPillContentDiv.className = "filter-pill-content-div"; let filterPara = document.createElement("p"); filterPara.className = "filter-pill-text"; filterPara.appendChild(document.createTextNode(checkboxProperties.id)); filterPillOption.id = checkboxProperties.id + "_pill"; let filterSpan = document.createElement("span"); filterSpan.className = "fas fa-times"; filterSpan.onclick = function() { onFilterPillCloseClick(checkboxProperties.id); }; filterPillContentDiv.appendChild(filterPara); filterPillDiv.appendChild(filterPillContentDiv); filterPillDiv.appendChild(filterSpan); filterPillOption.appendChild(filterPillDiv); ul.appendChild(filterPillOption); } function onFilterPillCloseClick(filterPillId) { let selectedFilters = document.getElementById("selectedFilters"); let toRemoveItem = document.getElementById(filterPillId + "_pill"); selectedFilters.removeChild(toRemoveItem); let checkboxId = document.getElementById(filterPillId); checkboxId.checked = !checkboxId.checked; retrieveFilteredBricks(); } function populateBricks(pageNumber) { // Enable previous page number button on click if(currentPageNumber !== undefined) { $('#pageButton' + currentPageNumber).prop('disabled', false); } currentPageNumber = pageNumber; // Disable page number button on click $('#pageButton' + pageNumber).prop('disabled', true); let currentPageBricks = allBricksResponse[pageNumber - 1]; let ul = document.getElementById("brickImages"); $("#brickImages").empty(); // Creates bricks for the current page for(let i = 0; i < currentPageBricks.length; i++) { createBrick(ul, currentPageBricks[i]); } // Disable/Enable Previous/Next page buttons togglePageButtons(); checkScreenWidth(); } function doPagination() { $("#pagination").empty(); let ul = document.getElementById("pagination"); createPageButton(ul, "Previous"); for(let i = 0; i < allBricksResponse.length; i++) { totalBricksCount = totalBricksCount + allBricksResponse[i].length; let pageNumber = i + 1; createPageButton(ul, pageNumber); } createPageButton(ul, "Next"); document.getElementById("totalBricksCount").innerHTML = totalBricksCount; } function createPageButton(ul, identifier) { let pageNumberOption = document.createElement("li"); let button = document.createElement('button'); button.className = "btn"; button.className += " btn-link"; button.className += " btn-sm"; button.id = "pageButton" + identifier; if(identifier === "Previous") { button.className += " fa"; button.className += " fa-angle-left"; button.onclick = function() { onClickPreviousButton(); }; } else if(identifier === "Next") { button.className += " fa"; button.className += " fa-angle-right"; button.onclick = function() { onClickNextButton(); }; } else { button.className += " page-numbers"; button.innerHTML = identifier; button.onclick = function() { populateBricks(identifier); }; } document.body.appendChild(button); pageNumberOption.appendChild(button); ul.appendChild(pageNumberOption); } function createBrick(ul, brickProperties) { let brickOption = document.createElement("li"); let backgroundDiv = document.createElement("div"); let imageLinkToUrlAnchor = document.createElement("a"); let wrapperDiv = document.createElement("div"); let containerDiv = document.createElement("div"); let titleParagraph = document.createElement("p"); let subTitleParagraph = document.createElement("p"); brickOption.className = "columnCount"; backgroundDiv.className = "item"; backgroundDiv.style.backgroundImage = "url('" + brickProperties.backgroundImage + "')"; imageLinkToUrlAnchor.className = "item-link"; if(brickProperties.imageLinkToUrl !== "") { imageLinkToUrlAnchor.href = brickProperties.imageLinkToUrl; imageLinkToUrlAnchor.setAttribute("onclick", "addBricksComponentGA ('" + brickProperties.title + "', '')"); } wrapperDiv.className = "item-text-wrapper"; containerDiv.className = "item-text-container"; titleParagraph.innerHTML = brickProperties.title; titleParagraph.className = "item-title"; subTitleParagraph.className = "item-subtitle"; backgroundDiv.appendChild(imageLinkToUrlAnchor); imageLinkToUrlAnchor.appendChild(wrapperDiv); wrapperDiv.appendChild(containerDiv); containerDiv.appendChild(titleParagraph); subTitleParagraph.appendChild(document.createTextNode(brickProperties.description)); containerDiv.appendChild(subTitleParagraph); brickOption.appendChild(backgroundDiv); ul.appendChild(brickOption); } function onClickPreviousButton() { populateBricks(currentPageNumber - 1); } function onClickNextButton() { populateBricks(currentPageNumber + 1); } function togglePageButtons() { $('#pageButtonNext, #pageButtonPrevious').prop('disabled', false); if(currentPageNumber === 1) { $('#pageButtonPrevious').prop('disabled', true); } if(currentPageNumber === allBricksResponse.length) { $('#pageButtonNext').prop('disabled', true); } } function checkScreenWidth() { let columnClass; if(columns == 2) { columnClass = "col-lg-6"; } else if(columns == 3) { columnClass = "col-lg-4"; } else { columnClass = "col-lg-3"; } const width = $(window).width(); if(width < 992 && width > 575) { $('.columnCount').removeClass(columnClass); $('.columnCount').addClass("col-sm-6"); } else if(width <= 575) { $('.columnCount').removeClass("col-sm-6"); $('.columnCount').removeClass(columnClass); } else { $('.columnCount').removeClass("col-sm-6"); $('.columnCount').addClass(columnClass); } } function addBricksComponentGA(eventLabel, eventCategory) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && eventCategory) { dataLayer.push({ 'event': 'article_cta_click', 'eventCategory': eventCategory, 'eventAction': 'Article Click', 'eventLabel': eventLabel }); } } } function addBrickFiltersGA(eventAction, eventLabel, eventCategory) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && eventCategory) { dataLayer.push({ 'event': 'filter_click', 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }); } } } </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_65fcd6bad79549898772230530e226ac').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_65fcd6bad79549898772230530e226ac').addClass('bricksRow'); } }); </script> </div> </div> <div> </div> <div><div class="ctaPanel calltoactionpanel"> <div class="container-fluid text-black "> <input type="hidden" id="calltoactionsize" value="0"/> <div class="container"> <div class="row"> </div> </div> </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> <footer> <div><div class="footer iparsys parsys"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="footercomponent"> <div class="d-none d-md-block desktopFooterView"> <div class="firstRow"> <div class="searchBoxContainer"> <form action="/de-de/search-results.html" accept-charset="UTF-8"> <div class="searchFormWrapper" aria-hidden="true"> <div class="inputGroup"> <span><i class="fas fa-search sitesearch-icon footerSearchIcon"></i></span> <input class="searchBox footerSearchBox" maxlength="2048" autocomplete="off" placeholder="Suche" name="q"/> </div> </div> </form> </div> <div class="text-white connectLinks"> <div class="col-md-4 textwithicon"> <div><div> <div class="icon-column "> <i class="fas fa-map-marker-alt fa-fw fa-lg "></i> </div> <div class="text-column "> <a href="/de-de/stapler-haendler.html" tabindex="0"> <div> <p>Crown in Ihrer Nähe</p> </div> </a> </div> </div> </div> </div> <div class="col-md-4 textwithicon alignCenter"> <div><div> <a href="#" data-toggle="modal" data-target="#modal-form" data-formsource="/content/de-de/contact-us.html" data-querystring="areaOfInterest=generalInquiry" tabindex="0"> <div class="icon-column "> <i class="fas fa-comment fa-fw fa-lg "></i> </div> <div class="text-column "> <p>Kontakt</p> </div> </a> </div> </div> </div> <div class="col-md-4 textwithicon"> <div><div> <div class="icon-column "> <i class="fas fa-phone-alt fa-fw fa-lg "></i> </div> <div class="text-column "> <a href="tel:08993002571" tabindex="0"> <div> <p>089 / 93 002-571</p> </div> </a> </div> </div> </div> </div> </div> </div> <hr class="lineSeparator"/> <div class="footerDrawerColumn"> <div id="height_6ac4a651e9df412e92a5b750021a0f1a" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_6ac4a651e9df412e92a5b750021a0f1a" class="clearfix everyDevice text-white row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-3 "> <div class="container-inner"> <div class="footerdrawer"> <div class="title">Produkte</div> <div class="drawerItems"> <a onclick="addFooterGA('Gabelstapler im Überblick','Produkte')" href="/de-de/gabelstapler.html" target="" tabindex="0">Gabelstapler im Überblick</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Mietstapler','Produkte')" href="/de-de/mietstapler.html" target="" tabindex="0">Mietstapler</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Gebrauchtstapler','Produkte')" href="/de-de/gebrauchtstapler.html" target="" tabindex="0">Gebrauchtstapler</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('V\u002DForce Batterien \x26 Ladegeräte','Produkte')" href="/de-de/batterien-ladegeraete.html" target="" tabindex="0">V-Force Batterien &amp; Ladegeräte</a> </div> </div> </div> </div> <div class=" col-md-3 "> <div class="container-inner"> <div class="footerdrawer"> <div class="title">Services &amp; Systeme</div> <div class="drawerItems"> <a onclick="addFooterGA('Kundendienst \x26 Ersatzteile','Services \x26 Systeme')" href="/de-de/kundendienst-ersatzteile.html" target="" tabindex="0">Kundendienst &amp; Ersatzteile</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Flottenmanagement','Services \x26 Systeme')" href="/de-de/fuhrparkmanagement.html" target="" tabindex="0">Flottenmanagement</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Dienstleistungen','Services \x26 Systeme')" href="/de-de/dienstleistungen.html" target="" tabindex="0">Dienstleistungen</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Materialflusslösungen','Services \x26 Systeme')" href="/de-de/materialflussloesungen.html" target="" tabindex="0">Materialflusslösungen</a> </div> </div> </div> </div> <div class=" col-md-3 "> <div class="container-inner"> <div class="footerdrawer"> <div class="title">Über Crown</div> <div class="drawerItems"> <a onclick="addFooterGA('Das Unternehmen','Über Crown')" href="/de-de/unternehmensprofil.html" target="" tabindex="0">Das Unternehmen</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Rechtliche Informationen \x26 Corporate Governance','Über Crown')" href="/de-de/rechtliche-informationen-governance.html" target="_blank" tabindex="0">Rechtliche Informationen &amp; Corporate Governance</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Standorte weltweit','Über Crown')" href="/de-de/unternehmensprofil.html#whereweare.html" target="" tabindex="0">Standorte weltweit</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('News \x26 Presse','Über Crown')" href="/de-de/news-presse.html" target="_blank" tabindex="0">News &amp; Presse</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Karriere \x26 Stellenangebote','Über Crown')" href="https://crown.career.softgarden.de" target="_blank" tabindex="0">Karriere &amp; Stellenangebote</a> </div> </div> </div> </div> <div class=" col-md-3 "> <div class="container-inner"> <div class="socialicons"><div class=" "> <div class="socialIconsTitle"> Social Media </div> <ul id="footer_footercomponent_copy_column_column4_socialicons-connect-list" role="group"> <li> <a href="https://www.facebook.com/CrownGabelstapler" target="_blank" tabindex="0"> <i class="fab fa-facebook-square fa-fw"></i> </a> </li> <li> <a href="https://www.xing.com/pages/crowngabelstaplergmbh-co-kg" target="_blank" tabindex="0"> <i class="fab fa-xing-square fa-fw"></i> </a> </li> <li> <a href="https://www.linkedin.com/company/crown-gabelstapler-gmbh-&amp;-co-kg/" target="_blank" tabindex="0"> <i class="fab fa-linkedin fa-fw"></i> </a> </li> <li> <a href="https://www.youtube.com/user/CrownGabelstapler" target="_blank" tabindex="0"> <i class="fab fa-youtube fa-fw"></i> </a> </li> <li> <a href="https://de.wikipedia.org/wiki/Crown_Equipment_Corporation" target="_blank" tabindex="0"> <i class="fab fa-wikipedia-w fa-fw"></i> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_6ac4a651e9df412e92a5b750021a0f1a').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_6ac4a651e9df412e92a5b750021a0f1a').addClass('bricksRow'); } }); </script> </div> <div> <a class="textWhite globalSelectorText" onclick="Crown.Common.Cookies.eraseCookie('crownlocation');" tabindex="0">Deutschland (ändern)</a> <div class="copyRight float-right"> <span class="copyRightYear">© 2002-2024 Crown Equipment Corporation |</span> <span><div class="textWhite"> <div class=" width-100 component-left"> <p><a href="/de-de/rechtlicher-hinweis.html" target="_blank" title="Impressum Crown Gabelstapler">Impressum / Rechtlicher Hinweis</a> |&nbsp;&nbsp;<a title="Datenschutzerklärung Websites" href="/content/dam/crown/pdfs/de-de/rechtliche/datenschutzerklaerung-websites.pdf" target="_blank">Datenschutzerklärung Websites</a>&nbsp;&nbsp;|<br> <a title="Datenschutzhinweise für Kunden, Interessenten und weitere Geschäftspartner" href="/content/dam/crown/pdfs/de-de/rechtliche/datenschutzhinweise-kunden-geschaeftspartner.pdf" target="_blank">Datenschutzhinweise für Kunden, Interessenten und weitere Geschäftspartner</a><br> <br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div></span> <div class="backToTop"> <svg class="bi bi-arrow-up-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="#ffffff" xmlns="http://www.w3.org/2000/svg" tabindex="0"> <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-10.646.354a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 6.207V11a.5.5 0 0 1-1 0V6.207L5.354 8.354z"/> </svg> </div> </div> </div> </div> <div class="footerItemsMobile d-md-none"> <div class="searchBoxContainer"> <form action="/de-de/search-results.html" accept-charset="UTF-8"> <div class="searchFormWrapper" aria-hidden="true"> <div class="inputGroup"> <span><i class="fas fa-search sitesearch-icon footerSearchIcon"></i></span> <input class="searchBox footerSearchBox" maxlength="2048" autocomplete="off" placeholder="Suche" name="q"/> </div> </div> </form> </div> <ul class="footerDrawerList"> <li class="dropdown mobileDropdown"> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle footerDrawerHeader" tabindex="0"> Produkte </a> <div class="dropdown-menu" role="menu" aria-labelledby="Produkte"> <div class="container container-dropdown"> <div class="row"> <div class="col-md-4 footerDrawerMenuListContainer"> <ul class="footerDrawerMenuList"> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Gabelstapler im Überblick','Produkte')" href="/content/de-de/gabelstapler">Gabelstapler im Überblick</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Mietstapler','Produkte')" href="/content/de-de/mietstapler">Mietstapler</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Gebrauchtstapler','Produkte')" href="/content/de-de/gebrauchtstapler">Gebrauchtstapler</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('V\u002DForce Batterien \x26 Ladegeräte','Produkte')" href="/content/de-de/batterien-ladegeraete">V-Force Batterien &amp; Ladegeräte</a> </li> </ul> </div> </div> </div> </div> </li> <li class="dropdown mobileDropdown"> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle footerDrawerHeader" tabindex="0"> Services &amp; Systeme </a> <div class="dropdown-menu" role="menu" aria-labelledby="Services &amp; Systeme"> <div class="container container-dropdown"> <div class="row"> <div class="col-md-4 footerDrawerMenuListContainer"> <ul class="footerDrawerMenuList"> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Kundendienst \x26 Ersatzteile','Services \x26 Systeme')" href="/content/de-de/kundendienst-ersatzteile">Kundendienst &amp; Ersatzteile</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Flottenmanagement','Services \x26 Systeme')" href="/content/de-de/fuhrparkmanagement">Flottenmanagement</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Dienstleistungen','Services \x26 Systeme')" href="/content/de-de/dienstleistungen">Dienstleistungen</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Materialflusslösungen','Services \x26 Systeme')" href="/content/de-de/materialflussloesungen">Materialflusslösungen</a> </li> </ul> </div> </div> </div> </div> </li> <li class="dropdown mobileDropdown"> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle footerDrawerHeader" tabindex="0"> Über Crown </a> <div class="dropdown-menu" role="menu" aria-labelledby="Über Crown"> <div class="container container-dropdown"> <div class="row"> <div class="col-md-4 footerDrawerMenuListContainer"> <ul class="footerDrawerMenuList"> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Das Unternehmen','Über Crown')" href="/content/de-de/unternehmensprofil">Das Unternehmen</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Rechtliche Informationen \x26 Corporate Governance','Über Crown')" href="/content/de-de/rechtliche-informationen-governance">Rechtliche Informationen &amp; Corporate Governance</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Standorte weltweit','Über Crown')" href="/de-de/unternehmensprofil.html#whereweare">Standorte weltweit</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('News \x26 Presse','Über Crown')" href="/content/de-de/news-presse">News &amp; Presse</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Karriere \x26 Stellenangebote','Über Crown')" href="https://crown.career.softgarden.de">Karriere &amp; Stellenangebote</a> </li> </ul> </div> </div> </div> </div> </li> <li class="dropdown mobileDropdown"> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle footerDrawerHeader" tabindex="0"> So erreichen Sie uns </a> <div class="dropdown-menu" role="menu" aria-labelledby="So erreichen Sie uns"> <div class="container container-dropdown"> <div class="row"> <div class="col-md-4 footerDrawerMenuListContainer"> <ul class="footerDrawerMenuList"> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Crown in Ihrer Nähe','So erreichen Sie uns')" href="/content/de-de/stapler-haendler">Crown in Ihrer Nähe</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Kontakt','So erreichen Sie uns')" href="/content/de-de/contact-us">Kontakt</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('089 \/ 93 002\u002D571','So erreichen Sie uns')" href="tel:08993002571">089 / 93 002-571</a> </li> </ul> </div> </div> </div> </div> </li> </ul> <div class="socialicons"> <ul role="group"> <li> <a href="https://www.facebook.com/CrownGabelstapler" target="_blank" tabindex="0"> <i class="fab fa-facebook-square fa-fw"></i> </a> </li> <li> <a href="https://www.xing.com/pages/crowngabelstaplergmbh-co-kg" target="_blank" tabindex="0"> <i class="fab fa-xing-square fa-fw"></i> </a> </li> <li> <a href="https://www.linkedin.com/company/crown-gabelstapler-gmbh-&-co-kg/" target="_blank" tabindex="0"> <i class="fab fa-linkedin fa-fw"></i> </a> </li> <li> <a href="https://www.youtube.com/user/CrownGabelstapler" target="_blank" tabindex="0"> <i class="fab fa-youtube fa-fw"></i> </a> </li> <li> <a href="https://de.wikipedia.org/wiki/Crown_Equipment_Corporation" target="_blank" tabindex="0"> <i class="fab fa-wikipedia-w fa-fw"></i> </a> </li> </ul> </div> <a class="textWhite globalSelectorText" onclick="Crown.Common.Cookies.eraseCookie('crownlocation');" tabindex="0">Deutschland (ändern)</a> <div tabindex="0"> <svg class="bi bi-arrow-up-circle-fill backToTop" width="1em" height="1em" viewBox="0 0 16 16" fill="#ffffff" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-10.646.354a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 6.207V11a.5.5 0 0 1-1 0V6.207L5.354 8.354z" tabindex="0"/> </svg> <div class="backToTopText">zum Seitenanfang</div> </div> <div class="copyRight"> <span class="copyRightYear">© 2002-2024 Crown Equipment Corporation</span> </div> <div class="textWhite"><p><a href="/de-de/rechtlicher-hinweis.html" target="_blank" title="Impressum Crown Gabelstapler" rel="noopener noreferrer">Impressum / Rechtlicher Hinweis</a> |  <a title="Datenschutzerklärung Websites" href="/content/dam/crown/pdfs/de-de/rechtliche/datenschutzerklaerung-websites.pdf" target="_blank" rel="noopener noreferrer">Datenschutzerklärung Websites</a>  |<br /> <a title="Datenschutzhinweise für Kunden, Interessenten und weitere Geschäftspartner" href="/content/dam/crown/pdfs/de-de/rechtliche/datenschutzhinweise-kunden-geschaeftspartner.pdf" target="_blank" rel="noopener noreferrer">Datenschutzhinweise für Kunden, Interessenten und weitere Geschäftspartner</a><br /> <br /> </p> </div> </div> <div class="desktopFooterView"> </div> </div> <div class="column"> <div id="height_c5b361e7b7bc427381fb4ab49e9ab709" style="height: px"> <div class="container-fluid background-light-black "> <div class="container background-light-black "> <div id="bgImage_c5b361e7b7bc427381fb4ab49e9ab709" class="clearfix background-light-black everyDevice text-black padding-6x-top row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_c5b361e7b7bc427381fb4ab49e9ab709').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_c5b361e7b7bc427381fb4ab49e9ab709').addClass('bricksRow'); } }); </script> </div> <div class="ghost"> </div> </div> </div> </div> </footer> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <script src="/etc/clientlibs/global-web/clientlib.lc-80ad870cbd36fb4c764a3d7ae4b19797-lc.min.js"></script> <script src="/etc/clientlibs/global-web/dealerLocator.lc-34b7eb83f7ff98f3e18ca101708169f9-lc.min.js"></script> <script> jQuery(document).ready(function() { Crown.Common.Helper.checkReferrer(); }); </script> <!--If the country is Australia then we need to activate call tracking service --> <!--If the country is New zealand then we need to activate call tracking service --> <!--This script will be removed once we get the resolution for resolving translated 404 pages from either Adobe or ACS--> <!-- The purpose of this script is to append a / to the url form some regions like th-th, ko-kr 404's pages--> <script> if($('#is404').text()) { var windowLocation = window.location.href; if(windowLocation.substr(windowLocation.length - 1) !== '/') { window.location = window.location.href + '/'; } } </script> <script type="text/javascript"> $(window).on('load',function(){ var acceptedCookieName = "modalPolicyCookieAccepted"; var notAcceptedCookieName = "modalPolicyCookieNotAccepted"; var acceptedModalValue = "accepted"; var notAcceptedModalValue = "notaccepted"; var modalCookiePolicyAccepted = Crown.Common.Cookies.readCookie(acceptedCookieName); var modalCookiePolicyNotAccepted = Crown.Common.Cookies.readCookie(notAcceptedCookieName); if ((modalCookiePolicyAccepted != acceptedModalValue) && (modalCookiePolicyNotAccepted != notAcceptedModalValue)) { jQuery('#cookiePolicyModal').modal('show'); jQuery("#modalCookieAccept").on("click", function() { Crown.Common.Cookies.createCookie(acceptedCookieName, acceptedModalValue, Infinity); consentGranted(); }); jQuery("#modalCookieNotAccept").on("click", function() { Crown.Common.Cookies.createCookie(notAcceptedCookieName, notAcceptedModalValue, 1); }); jQuery("#modalBtnCloseCookieNotAccept").on("click", function() { Crown.Common.Cookies.createCookie(notAcceptedCookieName, notAcceptedModalValue, 1); }); } else if(modalCookiePolicyAccepted == acceptedModalValue){ consentGranted(); } }); </script> </body> </html>

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