{"id":1857,"date":"2022-11-15T19:50:31","date_gmt":"2022-11-15T19:50:31","guid":{"rendered":"https:\/\/staging.totara.fortyapp.com\/?page_id=1857"},"modified":"2025-01-29T14:58:13","modified_gmt":"2025-01-29T14:58:13","slug":"warum-totara","status":"publish","type":"page","link":"https:\/\/staging.totara.fortyapp.com\/de\/warum-totara\/","title":{"rendered":"Warum Totara?"},"content":{"rendered":"\n<div class='cover-banner-slides-container' id='cover-banner-slides-container'>\n  <div class='bannerWrapper' style='height: calc(75vh * 5);'>\n                  <div class='heroSlide heroSlideImage'>\n                      <div class='bannerImg'>\n              <img decoding=\"async\"\n                loading='lazy' \n                src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-1180183359_Edited.png\"  \n                alt=\"\"\n                srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-1180183359_Edited.png 2105w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-1180183359_Edited-300x200.png 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-1180183359_Edited-1024x683.png 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-1180183359_Edited-768x512.png 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-1180183359_Edited-1536x1024.png 1536w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-1180183359_Edited-2048x1365.png 2048w\"\n                sizes=\"(max-width: 1350px) 100vw, 1350px\"\n              \/>\n            <\/div>\n                  <\/div>\n              <div class='heroSlide heroSlideImage'>\n                      <div class='bannerImg'>\n              <img decoding=\"async\"\n                loading='lazy' \n                src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_2236124-copy-scaled-e1670379469383.jpg\"  \n                alt=\"\"\n                srcset=\"\"\n                sizes=\"(max-width: 1350px) 100vw, 1350px\"\n              \/>\n            <\/div>\n                  <\/div>\n              <div class='heroSlide heroSlideImage'>\n                      <div class='bannerImg'>\n              <img decoding=\"async\"\n                loading='lazy' \n                src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_4018795-copy-scaled.jpg\"  \n                alt=\"\"\n                srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_4018795-copy-scaled.jpg 2560w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_4018795-copy-300x200.jpg 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_4018795-copy-1024x683.jpg 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_4018795-copy-768x512.jpg 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_4018795-copy-1536x1024.jpg 1536w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_4018795-copy-2048x1365.jpg 2048w\"\n                sizes=\"(max-width: 1350px) 100vw, 1350px\"\n              \/>\n            <\/div>\n                  <\/div>\n              <div class='heroSlide heroSlideImage'>\n                      <div class='bannerImg'>\n              <img decoding=\"async\"\n                loading='lazy' \n                src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpc2739689XhZ300_OriginalDelivery_4167070-copy-scaled.jpg\"  \n                alt=\"\"\n                srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpc2739689XhZ300_OriginalDelivery_4167070-copy-scaled.jpg 2560w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpc2739689XhZ300_OriginalDelivery_4167070-copy-300x194.jpg 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpc2739689XhZ300_OriginalDelivery_4167070-copy-1024x664.jpg 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpc2739689XhZ300_OriginalDelivery_4167070-copy-768x498.jpg 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpc2739689XhZ300_OriginalDelivery_4167070-copy-1536x995.jpg 1536w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpc2739689XhZ300_OriginalDelivery_4167070-copy-2048x1327.jpg 2048w\"\n                sizes=\"(max-width: 1389px) 100vw, 1389px\"\n              \/>\n            <\/div>\n                  <\/div>\n              <div class='heroSlide heroSlideImage'>\n                      <div class='bannerImg'>\n              <img decoding=\"async\"\n                loading='lazy' \n                src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_3762596-copy-scaled.jpg\"  \n                alt=\"\"\n                srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_3762596-copy-scaled.jpg 2560w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_3762596-copy-300x174.jpg 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_3762596-copy-1024x593.jpg 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_3762596-copy-768x445.jpg 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_3762596-copy-1536x889.jpg 1536w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_3762596-copy-2048x1186.jpg 2048w\"\n                sizes=\"(max-width: 1400px) 100vw, 1400px\"\n              \/>\n            <\/div>\n                  <\/div>\n      \n\n              <div class='heroSlide heroSlideCopy'>\n          <div class='copy'>\n            <h3>Warum Totara<\/h3>\n                        <h2 class='title'>Menschen sind Energie<\/h2>\n          <\/div>\n        <\/div>\n              <div class='heroSlide heroSlideCopy'>\n          <div class='copy'>\n            <h3>Warum Totara<\/h3>\n                        <h2 class='title'>Menschen bewegen sich, verlagern sich, ver\u00e4ndern sich, passen sich an<\/h2>\n          <\/div>\n        <\/div>\n              <div class='heroSlide heroSlideCopy'>\n          <div class='copy'>\n            <h3>Warum Totara<\/h3>\n                        <h2 class='title'>Sie brauchen also eine Plattform, die dasselbe tut<\/h2>\n          <\/div>\n        <\/div>\n              <div class='heroSlide heroSlideCopy'>\n          <div class='copy'>\n            <h3>Warum Totara?<\/h3>\n                        <h2 class='title'>Eine Talent Experience Platform, die sich Ihnen und Ihren Mitarbeitern anpasst<\/h2>\n          <\/div>\n        <\/div>\n              <div class='heroSlide heroSlideCopy'>\n          <div class='copy'>\n            <h3><\/h3>\n                          <div class='logoImg'>\n                <img decoding=\"async\"\n                  loading='lazy' \n                  src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Logo-Leaves.png\"  \n                  alt=\"Totara Logo Leaves\"\n                  srcset=\"\"\n                  sizes=\"(max-width: 80px) 100vw, 80px\"\n                \/>\n              <\/div>\n                        <h2 class='title'>Das ist der Totara-Weg.<\/h2>\n          <\/div>\n        <\/div>\n              <div>\n      <div class='motif'>\n        <svg width=\"4105\" height=\"3452\" viewBox=\"0 0 4105 3452\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid slice\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4105 0H0V3452H4105V0ZM2916.28 2251.57L3588.16 599.899C3667.41 405.119 3955.82 453.55 3966.85 663.593L4062.21 2441.01C4064.25 2479.02 4055.21 2516.82 4036.21 2549.8C4017.2 2582.79 3989.03 2609.56 3955.12 2626.87L2791.54 3220.63C2747.52 3243.07 2696.67 3248.13 2649.09 3234.82C2601.51 3221.5 2560.67 3190.78 2534.7 3148.75L1722 1833.62C1643.36 1706.39 1457.15 1709.87 1383.34 1839.93L531.082 3341.67C434.035 3512.67 173.852 3451.39 163.318 3255.05L105.642 2180C103.667 2143.58 111.846 2107.34 129.266 2075.3L1124.95 244.379C1199.69 106.945 1397.17 107.389 1471.26 245.185L2560.59 2270.65C2639.33 2417.3 2853.52 2405.84 2916.28 2251.57Z\" fill=\"#07262A\" opacity=\"1\" data-projection-id=\"212\" transform-origin=\"2052.5px 1726px\" style=\"transform: scale(2.82211) rotate(-4.50954deg); transform-origin: 2052.5px 1726px;\"><\/path><\/svg>\n      <\/div>\n    <\/div>\n\n    <button class='skip' id='skipButtonContainer'>\n      <a href=\"#intro\" id='skipButton'>skip<\/a>\n    <\/button>\n  <\/div>\n<\/div>\n\n<script>\n\n  \/\/ Setup variables\n  \/\/ const triggers = [0, 0.2, 0.4, 0.6, 0.8];\n  const colors = ['#36bcaf', '#27c4df', '#9f5cfd', '#aecd54', '#07262A'];\n\n  \/\/ Define a function to handle scroll event\n  function handleScroll() {\n    const numSlides = 5;\n    const container = document.getElementById('cover-banner-slides-container');\n    const cb_containerRect = container.getBoundingClientRect();\n    const cb_scrollHeight = cb_containerRect.height - window.innerHeight;\n    const cb_initialcb_scrollYProgress = (cb_containerRect.top + window.pageYOffset) \/ cb_scrollHeight;\n\n\n    const triggers = Array.from({ length: numSlides }, (_, i) => {\n      return (1 \/ numSlides) * i + cb_initialcb_scrollYProgress + .2;\n    });\n\n    let cb_slides_0 = document.getElementsByClassName('heroSlideImage');\n    for (let i = 0; i < cb_slides_0.length; i++) {\n      cb_slides_0[i].setAttribute('data-trigger', triggers[i]);\n    }\n    let cb_slides_1 = document.getElementsByClassName('heroSlideCopy');\n    for (let i = 0; i < cb_slides_1.length; i++) {\n      cb_slides_1[i].setAttribute('data-trigger', triggers[i]);\n    }\n\n\n    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n    const scrollHeight = container.offsetHeight - window.innerHeight;\n    const cb_scrollYProgress = (scrollTop \/ scrollHeight) * 1;\n    if (!Array.isArray(triggers)) return;\n\n\n    \/\/ Map cb_scrollYProgress to scale values\n    const scale = 2.5 + cb_scrollYProgress * (5 - 2.5);\n    \/\/ Map cb_scrollYProgress to rotate values\n    const rotate = -35 * cb_scrollYProgress;\n    \/\/ Define spring options\n    const springOptions = { stiffness: 500, damping: 50 };\n    \/\/ Initialize scale and rotate values\n    let scaleValue = scale;\n    let rotateValue = rotate;\n\n    \/\/ Define a function to calculate fill color\n    function calculateFillColor(cb_scrollYProgress, colors, triggers) {\n        if (!Array.isArray(colors)) return;\n        const progress = parseFloat(cb_scrollYProgress.toFixed(2));\n        const colorIndex = triggers.findIndex(el => el >= progress);\n        if (colorIndex === -1) return '#07262A';\n        return colors[colorIndex];\n    }\n\n    \/\/ Changing the color of the motif based on which slide we are on\n    let color = calculateFillColor(cb_scrollYProgress, colors, triggers);\n    const svg = document.querySelector('.motif svg');\n    \/\/ Get the path element within the SVG\n    const path = svg.querySelector('path');\n    \/\/ Change the fill attribute\n    path.setAttribute('fill', color); \/\/ Change the color to red\n    path.style.transform = `scale(${scaleValue}) rotate(${rotateValue}deg)`;\n\n    if (cb_scrollYProgress >= triggers[4]) {\n      path.style.transition = 'opacity 0.5s ease'; \/\/ Adjust the duration and timing function as needed\n      path.style.opacity = 0;\n    }else {\n      path.style.transition = 'opacity 0.5s ease'; \/\/ Adjust the duration and timing function as needed\n      path.style.opacity = 1;\n    }\n\n    \/\/See how far we have scrolled\n    const progress = parseFloat(cb_scrollYProgress.toFixed(2));\n\n    \/\/ Snap trigger's value to the closest progress milestone\n    let trigger = triggers.find(el => el >= progress);\n\n    \/\/ Set the last banner to stay on when we scroll to the end\n    if (progress >= triggers[triggers.length - 1]) trigger = triggers[triggers.length - 1];\n\n    \/\/Show the slides\n    let slides = document.getElementsByClassName('heroSlide');\n    for (let i = 0; i < slides.length; i++) {\n      if (parseFloat(trigger).toFixed(2) == parseFloat(slides[i]?.dataset?.trigger).toFixed(2)) {\n        slides[i].style.opacity = 1;\n      }else {\n        slides[i].style.opacity = 0;\n      }\n    }\n  }\n  \/\/ Attach scroll event listener\n  window.addEventListener('scroll', handleScroll);\n  window.addEventListener('DOMContentLoaded', () => {\n    \/\/ Handle initial scroll position\n    handleScroll();\n\n    \/\/Handling skip button logic\n    const introSection = document.getElementById('intro');\n    const skipButtonContainer = document.getElementById('skipButtonContainer');\n    const skipButton = document.getElementById('skipButton');\n\n    \/\/If the intro section block is not found on the page, just hide the skip button\n    if (introSection) {\n      if (skipButton) {\n        skipButton.addEventListener('click', function(e) {\n          e.preventDefault();\n          introSection?.scrollIntoView({behavior: \"smooth\"});\n        });\n      }\n    }else {\n      skipButtonContainer.style.display = 'none';\n    }\n  });\n  \n\n<\/script>\n\n\n<div id='intro'>\n  <div class='intro-section-container'>\n    <div class='wrapper'>\n              <h3 class='title'>Talententwicklung neu gestalten<\/h3>\n                    <div class='richText'><span style=\"font-weight: 400;\">Der Wandel beschleunigt sich. Unternehmen sehen sich t\u00e4glich mit neuen Herausforderungen und Chancen konfrontiert: globale Umw\u00e4lzungen, technologische Ver\u00e4nderungen, der Kampf um Talente.\u00a0<\/span><span style=\"font-weight: 400;\">In die<\/span>ser Umgebung ist Erfolg etwas, das man gemeinsam schafft. Nur wenn Menschen sich verbinden und wachsen, k\u00f6nnen Organisationen ihr volles Potenzial erreichen.Die Talententwicklung betrachtet die gesamte Person im Kontext ihrer Rolle, ihres Platzes im Team, des Beitrags, den jeder Einzelne leisten kann, und der Wege, die zu Chancen f\u00fchren.In der heutigen Welt beruht der Erfolg eines Unternehmens auf einer nachhaltigen beruflichen Entwicklung des Einzelnen. Wenn jeder die M\u00f6glichkeit hat, seine beste Arbeit zu leisten, gewinnt das ganze Unternehmen.\n<\/div>\n          <\/div>\n  <\/div>\n<\/div>\n\n\n<div class='gallery-container theme'>\n  <div class='wrapper'>\n          <h2 class='title'>Arbeitswelt feiern<\/h2>\n          <\/div>\n  <div class='images'>\n    <div class='imagesSlider'>\n      <div class='imagesSliderContent'>\n                              <div class='imageContainer'>\n              <div class='imageContent'>\n                                  <img decoding=\"async\" \n                    loading='lazy'\n                    class='image'\n                    src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/healthcare-768x513.jpg\"  \n                    alt=\"\"\n                    srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/healthcare-300x200.jpg 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/healthcare-768x513.jpg 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/healthcare.jpg 935w\"\n                    sizes=\"(max-width: 300px) 100vw, 300px\"\n                  \/>\n                              <\/div>\n            <\/div>\n                      <div class='imageContainer'>\n              <div class='imageContent'>\n                                  <img decoding=\"async\" \n                    loading='lazy'\n                    class='image'\n                    src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/hospo-and-travel-768x513.jpg\"  \n                    alt=\"\"\n                    srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/hospo-and-travel-300x200.jpg 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/hospo-and-travel-768x513.jpg 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/hospo-and-travel.jpg 935w\"\n                    sizes=\"(max-width: 300px) 100vw, 300px\"\n                  \/>\n                              <\/div>\n            <\/div>\n                      <div class='imageContainer'>\n              <div class='imageContent'>\n                                  <img decoding=\"async\" \n                    loading='lazy'\n                    class='image'\n                    src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_1779364_edited-768x512.jpg\"  \n                    alt=\"\"\n                    srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_1779364_edited-300x200.jpg 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_1779364_edited-1024x683.jpg 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_1779364_edited-768x512.jpg 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_1779364_edited-1536x1024.jpg 1536w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_1779364_edited-2048x1365.jpg 2048w\"\n                    sizes=\"(max-width: 300px) 100vw, 300px\"\n                  \/>\n                              <\/div>\n            <\/div>\n                      <div class='imageContainer'>\n              <div class='imageContent'>\n                                  <img decoding=\"async\" \n                    loading='lazy'\n                    class='image'\n                    src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/tech-and-media-768x512.jpg\"  \n                    alt=\"\"\n                    srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/tech-and-media-300x200.jpg 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/tech-and-media-768x512.jpg 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/tech-and-media.jpg 945w\"\n                    sizes=\"(max-width: 300px) 100vw, 300px\"\n                  \/>\n                              <\/div>\n            <\/div>\n                      <div class='imageContainer'>\n              <div class='imageContent'>\n                                  <img decoding=\"async\" \n                    loading='lazy'\n                    class='image'\n                    src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-633709381_Edited-768x512.jpg\"  \n                    alt=\"\"\n                    srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-633709381_Edited-300x200.jpg 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-633709381_Edited-1024x683.jpg 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-633709381_Edited-768x512.jpg 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-633709381_Edited-1536x1024.jpg 1536w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-633709381_Edited.jpg 1939w\"\n                    sizes=\"(max-width: 300px) 100vw, 300px\"\n                  \/>\n                              <\/div>\n            <\/div>\n                      <div class='imageContainer'>\n              <div class='imageContent'>\n                                  <img decoding=\"async\" \n                    loading='lazy'\n                    class='image'\n                    src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/home-group-pic-768x455.jpg\"  \n                    alt=\"\"\n                    srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/home-group-pic.jpg 1198w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/home-group-pic-300x178.jpg 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/home-group-pic-1024x606.jpg 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/home-group-pic-768x455.jpg 768w\"\n                    sizes=\"(max-width: 300px) 100vw, 300px\"\n                  \/>\n                              <\/div>\n            <\/div>\n                        <\/div>\n      <div class='imagesSliderContent' aria-hidden='true'>\n                              <div class='imageContainer'>\n              <div class='imageContent'>\n                                  <img decoding=\"async\" \n                    class='image'\n                    src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/healthcare-768x513.jpg\"  \n                    alt=\"\"\n                    srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/healthcare-300x200.jpg 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/healthcare-768x513.jpg 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/healthcare.jpg 935w\"\n                    sizes=\"(max-width: 300px) 100vw, 300px\"\n                  \/>\n                              <\/div>\n            <\/div>\n                      <div class='imageContainer'>\n              <div class='imageContent'>\n                                  <img decoding=\"async\" \n                    class='image'\n                    src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/hospo-and-travel-768x513.jpg\"  \n                    alt=\"\"\n                    srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/hospo-and-travel-300x200.jpg 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/hospo-and-travel-768x513.jpg 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/hospo-and-travel.jpg 935w\"\n                    sizes=\"(max-width: 300px) 100vw, 300px\"\n                  \/>\n                              <\/div>\n            <\/div>\n                      <div class='imageContainer'>\n              <div class='imageContent'>\n                                  <img decoding=\"async\" \n                    class='image'\n                    src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_1779364_edited-768x512.jpg\"  \n                    alt=\"\"\n                    srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_1779364_edited-300x200.jpg 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_1779364_edited-1024x683.jpg 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_1779364_edited-768x512.jpg 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_1779364_edited-1536x1024.jpg 1536w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txp8bf5f2edk8Z300_OriginalDelivery_1779364_edited-2048x1365.jpg 2048w\"\n                    sizes=\"(max-width: 300px) 100vw, 300px\"\n                  \/>\n                              <\/div>\n            <\/div>\n                      <div class='imageContainer'>\n              <div class='imageContent'>\n                                  <img decoding=\"async\" \n                    class='image'\n                    src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/tech-and-media-768x512.jpg\"  \n                    alt=\"\"\n                    srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/tech-and-media-300x200.jpg 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/tech-and-media-768x512.jpg 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/tech-and-media.jpg 945w\"\n                    sizes=\"(max-width: 300px) 100vw, 300px\"\n                  \/>\n                              <\/div>\n            <\/div>\n                      <div class='imageContainer'>\n              <div class='imageContent'>\n                                  <img decoding=\"async\" \n                    class='image'\n                    src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-633709381_Edited-768x512.jpg\"  \n                    alt=\"\"\n                    srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-633709381_Edited-300x200.jpg 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-633709381_Edited-1024x683.jpg 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-633709381_Edited-768x512.jpg 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-633709381_Edited-1536x1024.jpg 1536w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/GettyImages-633709381_Edited.jpg 1939w\"\n                    sizes=\"(max-width: 300px) 100vw, 300px\"\n                  \/>\n                              <\/div>\n            <\/div>\n                      <div class='imageContainer'>\n              <div class='imageContent'>\n                                  <img decoding=\"async\" \n                    class='image'\n                    src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/home-group-pic-768x455.jpg\"  \n                    alt=\"\"\n                    srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/home-group-pic.jpg 1198w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/home-group-pic-300x178.jpg 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/home-group-pic-1024x606.jpg 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/home-group-pic-768x455.jpg 768w\"\n                    sizes=\"(max-width: 300px) 100vw, 300px\"\n                  \/>\n                              <\/div>\n            <\/div>\n                        <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<div class='cross-reference-txp-container themeTeal'>\n  <div class='wrapper'>\n    <div class='details'>\n              <h2 class='title'>Die Macht der <strong>Drei<\/strong>\n<\/h2>\n                    <p class='description'>Die integrierte Talent Experience Platform (TXP) von Totara bietet die Unternehmensl\u00f6sung f\u00fcr die M\u00f6glichkeit der Talententwicklung. <\/p>\n                    <div class='cta'>\n          \n<a id=\"\" class=\"button-link \" target=\"\" href=\"\/de\/demo-anfordern\/\">\n  <span class='container darkPrimaryTheme'>\n    <div><\/div>\n    <div><\/div>\n    <div class='contents'>\n      <span>Demo anfordern<\/span>\n          <\/div>\n  <\/span>\n<\/a>        <\/div>\n          <\/div>\n    <div class='images'>\n      <div class='featureImage'>\n        <img \n          loading='lazy'\n          src='https:\/\/staging.totara.fortyapp.com\/wp-content\/themes\/totara\/assets\/images\/TotaraCircleDiagram_TXP.gif'\n          alt='Totara TXP Circle Diagram'\n        \/>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<div>\n  <div class='product-container'>\n    <div class='wrapper'>\n                    <p class='description'>Die TXP vereint auf elegante Weise leistungsstarke Lernmanagement-Workflows mit Tools f\u00fcr das Leistungsmanagement.<\/p>\n            <div class='cardsContainer products-less'>\n                              <div class='card'>\n              <div>\n                                  <img decoding=\"async\" \n                    class='icon'\n                    loading='lazy'\n                    src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Totara-Icons-Learn.png\"  \n                    alt=\"\"\n                    srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Totara-Icons-Learn-150x150.png 150w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Totara-Icons-Learn.png 200w\"\n                    sizes=\"(max-width: 60px) 100vw, 60px\" \n                  \/>\n                                                  <h4>Learn<\/h4>\n                              <\/div>\n                              <p>Das direkte Lernmanagement ist die Grundlage f\u00fcr die Qualifizierung und Zertifizierung.<\/p>\n                          <\/div>\n                      <div class='card'>\n              <div>\n                                  <img decoding=\"async\" \n                    class='icon'\n                    loading='lazy'\n                    src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Totara-Icons-Perform.png\"  \n                    alt=\"\"\n                    srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Totara-Icons-Perform-150x150.png 150w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Totara-Icons-Perform.png 201w\"\n                    sizes=\"(max-width: 60px) 100vw, 60px\" \n                  \/>\n                                                  <h4>Engage<\/h4>\n                              <\/div>\n                              <p>Mehr als 75 % des Lernens am Arbeitsplatz ist indirekt und kollaborativ. Es ist ein Peer-to-Peer-Wissensnetzwerk, das exponentiell w\u00e4chst, je mehr Menschen sich beteiligen. <\/p>\n                          <\/div>\n                        <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<div class='delivery-section-container'>\n  <div class='wrapper'>\n    <div class='details'>\n              <h2 class='title'>Flexibilit\u00e4t = Fit f\u00fcr den Zweck<\/h2>\n                    <div class='description'>Bei Totara geht es nicht um eine Einheitsgr\u00f6\u00dfe, sondern um die Frage, welche L\u00f6sung zu Ihnen passt.\u00a0W\u00e4hlen Sie die Implementierung, die Sie w\u00fcnschen, und lassen Sie sich nicht zu Kompromissen zwingen. Nutzen Sie die Leistungsf\u00e4higkeit von Totara, um Technologiekosten zu sparen und in gro\u00dfartige Inhalte und Support f\u00fcr Ihre Teams zu investieren.\n<\/div>\n          <\/div>\n    <div class='images'>\n              <img decoding=\"async\" \n          loading='lazy'\n          class='gif'\n          width='1080'\n          height='1080'\n          src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/suit.gif\"  \n          alt=\"\"\n        \/>\n          <\/div>\n  <\/div>\n<\/div>\n\n\n<div class='delivery-slides-container' id='delivery-slides-container'>\n  <div class='leftCol' id='leftCol'>\n    <div class='slidesArtWrapper'>\n              <div id='slide0' class='slidesArt slide0'>\n                      <div class='slideOne'>\n              <div class='slideOneIconGroup'>\n                                                      <div class='slideOneIcon'>\n                                              <img decoding=\"async\" \n                          loading='lazy'\n                          src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/hierarchy-53-1@3x-300x300.png\"  \n                          alt=\"\"\n                          srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/hierarchy-53-1@3x-300x300.png 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/hierarchy-53-1@3x-150x150.png 150w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/hierarchy-53-1@3x.png 574w\"\n                          sizes=\"(max-width: 180px) 100vw, 180px\"\n                        \/>\n                                          <\/div>\n                                      <div class='slideOneIcon'>\n                                              <img decoding=\"async\" \n                          loading='lazy'\n                          src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/server-rack-2@3x-298x300.png\"  \n                          alt=\"\"\n                          srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/server-rack-2@3x-298x300.png 298w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/server-rack-2@3x-150x150.png 150w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/server-rack-2@3x.png 569w\"\n                          sizes=\"(max-width: 180px) 100vw, 180px\"\n                        \/>\n                                          <\/div>\n                                      <div class='slideOneIcon'>\n                                              <img decoding=\"async\" \n                          loading='lazy'\n                          src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/cloud-forecast-3@3x-300x300.png\"  \n                          alt=\"\"\n                          srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/cloud-forecast-3@3x-300x300.png 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/cloud-forecast-3@3x-150x150.png 150w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/cloud-forecast-3@3x.png 574w\"\n                          sizes=\"(max-width: 180px) 100vw, 180px\"\n                        \/>\n                                          <\/div>\n                                                <\/div>\n              <svg\n                width=\"100%\"\n                viewBox=\"0 0 864 982\"\n                fill=\"none\"\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                preserveAspectRatio=\"xMidYMid slice\">\n                <mask\n                  id=\"mask0_2368_29959\"\n                  style='mask-type: alpha'\n                  maskUnits=\"userSpaceOnUse\"\n                  x=\"0\"\n                  y=\"0\"\n                  width=\"864\"\n                  height=\"982\">\n                  <rect width=\"864\" height=\"982\" fill=\"#13454E\" \/>\n                <\/mask>\n                <g mask=\"url(#mask0_2368_29959)\">\n                  <path\n                    d=\"M1347.09 967.241L960.953 35.4407C955.516 22.3403 945.745 11.5061 933.255 4.75318L43.6174 -476.251C35.1833 -480.811 27.9261 -487.284 22.4243 -495.13L-337.31 -1008.18C-356.896 -1036.11 -395.406 -1042.87 -423.319 -1023.3L-1045.58 -587.163C-1085.96 -558.848 -1078.5 -496.945 -1032.54 -479.031L412.388 83.8002C426.558 89.3176 438.182 99.8545 445.053 113.409L747.032 708.473C771.135 755.99 727.808 809.693 676.255 796.161L-1092.54 331.157C-1110.12 326.538 -1128.83 329.897 -1143.69 340.321L-1463.87 564.824C-1487.34 581.275 -1496.42 611.709 -1485.77 638.324L-773.157 2420.25C-758.356 2457.24 -712.959 2470.76 -680.346 2447.89L57.4677 1930.39C89.3708 1908.02 92.8385 1862.03 64.6251 1835.14L-1123.04 702.269C-1151.23 675.363 -1147.78 629.39 -1115.86 607.007C-1095.18 592.506 -1067.77 592.057 -1046.63 605.881L467.897 1595.36C489.036 1609.18 516.469 1608.72 537.13 1594.23L1325.48 1041.46C1349.17 1024.85 1358.16 993.996 1347.07 967.254L1347.09 967.241Z\"\n                    fill=\"#36BCAF\"\n                  \/>\n                <\/g>\n              <\/svg>\n            <\/div>\n                                      <\/div>\n              <div id='slide1' class='slidesArt slide1'>\n                                <div class='slideTwo'>\n              <div>\n                                  <img decoding=\"async\" \n                    loading='lazy'\n                    src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_1926560-768x512.png\"  \n                    alt=\"\"\n                    srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_1926560.png 2126w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_1926560-300x200.png 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_1926560-1024x683.png 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_1926560-768x512.png 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_1926560-1536x1024.png 1536w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_1926560-2048x1365.png 2048w\"\n                    sizes=\"(max-width: 700px) 100vw, 700px\"\n                  \/>\n                              <\/div>\n            <\/div>\n                            <\/div>\n              <div id='slide2' class='slidesArt slide2'>\n                                          <div class='slideThree'>\n              <h2>Umfangreiches globales Partnernetzwerk<\/h2>\n              <div>\n                                  <img decoding=\"async\" \n                    loading='lazy'\n                    src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/map@3x-768x384.png\"  \n                    alt=\"\"\n                    srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/map@3x.png 1680w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/map@3x-300x150.png 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/map@3x-1024x512.png 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/map@3x-768x384.png 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/map@3x-1536x768.png 1536w\"\n                    sizes=\"(max-width: 500px) 100vw, 500px\"\n                  \/>\n                              <\/div>\n              <div class='statBlock'>\n                                  <div class='stat'>\n                    <h4>Kunden<\/h4>\n                    <h3>1500 +<\/h3>\n                  <\/div>\n                                                  <div class='stat'>\n                    <h4>Nutzer<\/h4>\n                    <h3>20 m+<\/h3>\n                  <\/div>\n                              <\/div>\n            <\/div>\n                  <\/div>\n          <\/div>\n  <\/div>\n\n\n  <div class='rightCol'>\n                  <div class='slideCopy'>\n          <h3>Verwaltetes Hosting, On-Premise oder Cloud<\/h3>\n          <picture>W\u00e4hlen Sie die f\u00fcr Sie am besten geeignete Liefermethode<\/picture>\n        <\/div>\n              <div class='slideCopy'>\n          <h3>Oder w\u00e4hlen Sie aus unserem globalen \u00d6kosystem von Totara-Partnern<\/h3>\n          <picture>Nutzen Sie die Flexibilit\u00e4t und das Innovationspotenzial von Totara durch unsere sorgf\u00e4ltig ausgew\u00e4hlte Gemeinschaft von Systemintegratoren und Experten in Ihrer N\u00e4he. Die Totara-Partner sind zertifizierte Experten, die Ihnen eine unvergleichliche Entscheidungsfreiheit bieten.<\/picture>\n        <\/div>\n              <div class='slideCopy'>\n          <h3>Totara ist \u00fcberall<\/h3>\n          <picture>Kunden UND Anbieter entscheiden sich f\u00fcr Totara-L\u00f6sungen in jeder Branche und bei jeder Gr\u00f6\u00dfe Flexibilit\u00e4t, Entscheidungsfreiheit, bessere Ergebnisse: Bei Totara ist alles auf Implementierungen ausgerichtet, die mit Ihnen wachsen und sich weiterentwickeln.<\/picture>\n        <\/div>\n                    <div class='slidesArt slidesArtMobile'>\n                  <div class='slideOne'>\n            <div class='slideOneIconGroup'>\n                                                <div class='slideOneIcon'>\n                    <img decoding=\"async\" \n                      loading='lazy'\n                      src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/hierarchy-53-1@3x-300x300.png\"  \n                      alt=\"\"\n                      srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/hierarchy-53-1@3x-300x300.png 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/hierarchy-53-1@3x-150x150.png 150w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/hierarchy-53-1@3x.png 574w\"\n                      sizes=\"(max-width: 180px) 100vw, 180px\"\n                    \/>\n                  <\/div>\n                                  <div class='slideOneIcon'>\n                    <img decoding=\"async\" \n                      loading='lazy'\n                      src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/server-rack-2@3x-298x300.png\"  \n                      alt=\"\"\n                      srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/server-rack-2@3x-298x300.png 298w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/server-rack-2@3x-150x150.png 150w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/server-rack-2@3x.png 569w\"\n                      sizes=\"(max-width: 180px) 100vw, 180px\"\n                    \/>\n                  <\/div>\n                                  <div class='slideOneIcon'>\n                    <img decoding=\"async\" \n                      loading='lazy'\n                      src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/cloud-forecast-3@3x-300x300.png\"  \n                      alt=\"\"\n                      srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/cloud-forecast-3@3x-300x300.png 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/cloud-forecast-3@3x-150x150.png 150w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/cloud-forecast-3@3x.png 574w\"\n                      sizes=\"(max-width: 180px) 100vw, 180px\"\n                    \/>\n                  <\/div>\n                                          <\/div>\n            <svg\n              width=\"100%\"\n              viewBox=\"0 0 864 982\"\n              fill=\"none\"\n              xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n              preserveAspectRatio=\"xMidYMid slice\">\n              <mask\n                id=\"mask0_2368_29959\"\n                style='mask-type: alpha'\n                maskUnits=\"userSpaceOnUse\"\n                x=\"0\"\n                y=\"0\"\n                width=\"864\"\n                height=\"982\">\n                <rect width=\"864\" height=\"982\" fill=\"#13454E\" \/>\n              <\/mask>\n              <g mask=\"url(#mask0_2368_29959)\">\n                <path\n                  d=\"M1347.09 967.241L960.953 35.4407C955.516 22.3403 945.745 11.5061 933.255 4.75318L43.6174 -476.251C35.1833 -480.811 27.9261 -487.284 22.4243 -495.13L-337.31 -1008.18C-356.896 -1036.11 -395.406 -1042.87 -423.319 -1023.3L-1045.58 -587.163C-1085.96 -558.848 -1078.5 -496.945 -1032.54 -479.031L412.388 83.8002C426.558 89.3176 438.182 99.8545 445.053 113.409L747.032 708.473C771.135 755.99 727.808 809.693 676.255 796.161L-1092.54 331.157C-1110.12 326.538 -1128.83 329.897 -1143.69 340.321L-1463.87 564.824C-1487.34 581.275 -1496.42 611.709 -1485.77 638.324L-773.157 2420.25C-758.356 2457.24 -712.959 2470.76 -680.346 2447.89L57.4677 1930.39C89.3708 1908.02 92.8385 1862.03 64.6251 1835.14L-1123.04 702.269C-1151.23 675.363 -1147.78 629.39 -1115.86 607.007C-1095.18 592.506 -1067.77 592.057 -1046.63 605.881L467.897 1595.36C489.036 1609.18 516.469 1608.72 537.13 1594.23L1325.48 1041.46C1349.17 1024.85 1358.16 993.996 1347.07 967.254L1347.09 967.241Z\"\n                  fill=\"#36BCAF\"\n                \/>\n              <\/g>\n            <\/svg>\n          <\/div>\n                              <\/div>\n          <div class='slidesArt slidesArtMobile'>\n                          <div class='slideTwo'>\n            <div>\n              <img decoding=\"async\" \n                loading='lazy'\n                src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_1926560-768x512.png\"  \n                alt=\"\"\n                srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_1926560.png 2126w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_1926560-300x200.png 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_1926560-1024x683.png 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_1926560-768x512.png 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_1926560-1536x1024.png 1536w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Stocksy_txpdec93f3cUaX300_OriginalDelivery_1926560-2048x1365.png 2048w\"\n                sizes=\"(max-width: 700px) 100vw, 700px\"\n              \/>\n            <\/div>\n          <\/div>\n                      <\/div>\n          <div class='slidesArt slidesArtMobile'>\n                                  <div class='slideThree'>\n            <h2>Umfangreiches globales Partnernetzwerk<\/h2>\n            <div>\n              <img decoding=\"async\" \n                loading='lazy'\n                src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/map@3x-768x384.png\"  \n                alt=\"\"\n                srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/map@3x.png 1680w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/map@3x-300x150.png 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/map@3x-1024x512.png 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/map@3x-768x384.png 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/map@3x-1536x768.png 1536w\"\n                sizes=\"(max-width: 500px) 100vw, 500px\"\n              \/>\n            <\/div>\n            <div class='statBlock'>\n                              <div class='stat'>\n                  <h4>Kunden<\/h4>\n                  <h3>1500 +<\/h3>\n                <\/div>\n                                            <div class='stat'>\n                  <h4>Nutzer<\/h4>\n                  <h3>20 m+<\/h3>\n                <\/div>\n                          <\/div>\n          <\/div>\n              <\/div>\n      <\/div>\n<\/div>\n\n<script>\n\n  function handleDeliverySlidesScroll() {\n    const slide1Ref = document.getElementById('slide0');\n    const slide2Ref = document.getElementById('slide1');\n    const slide3Ref = document.getElementById('slide2');\n\n    \/\/We are going to monitor how far the user has scrolled through the main container\n    \/\/That percentage scrolled through will determine which slides are shown\n    const element = document.getElementById('delivery-slides-container');\n    const scrollTopRelativeToElement = window.scrollY - element.offsetTop;\n    \/\/ Get the height of the element\n    const elementHeight = element.offsetHeight;\n    \/\/ Calculate the percentage scrolled\n    const scrollPercentage = (scrollTopRelativeToElement \/ elementHeight) * 100;\n\n\n    \/\/Trigger points to determine which slides are shown\/hidden at which points\n    if (scrollPercentage > -20 && scrollPercentage < 23) {\n      slide1Ref.style.opacity = 1;\n      slide2Ref.style.opacity = 0;\n      slide3Ref.style.opacity = 0;\n    }\n    else if (scrollPercentage >= 23 && scrollPercentage < 55) {\n      slide1Ref.style.opacity = 0;\n      slide2Ref.style.opacity = 1;\n      slide3Ref.style.opacity = 0;\n    }\n    else if (scrollPercentage >= 55 && scrollPercentage < 85) {\n      slide1Ref.style.opacity = 0;\n      slide2Ref.style.opacity = 0;\n      slide3Ref.style.opacity = 1;\n    }else {\n      slide1Ref.style.opacity = 0;\n      slide2Ref.style.opacity = 0;\n      slide3Ref.style.opacity = 0;\n    }\n  }\n\n  \/\/ Attach scroll event listener\n  window.addEventListener('scroll', handleDeliverySlidesScroll);\n  window.addEventListener('DOMContentLoaded', () => {\n    \/\/ Handle initial scroll position\n    handleDeliverySlidesScroll();\n  });\n\n  \/\/Function that changes the height of the animated left column based on screen size.\n  \/\/Eg. More height on the container when its above phablet\n  function adjustLeftColHeightByWidth() {\n    const leftColContainer = document.getElementById('leftCol');\n    \n    \/\/ Check if the screen width is greater than phablet\n    if (window.innerWidth > 600) {\n      leftColContainer.style.height = `calc(100vh * 4)`;\n    } else {\n      leftColContainer.removeAttribute('style');\n    }\n  }\n  window.addEventListener('resize', adjustLeftColHeightByWidth);\n  window.addEventListener('DOMContentLoaded', () => {\n    adjustLeftColHeightByWidth();\n  });\n<\/script>\n\n\n<div class='end-slides-container' id='end-slides-container'>\n      <div class='bannerWrapper' style='height: calc(75vh * 5);'>\n              <div class='es_heroSlide'>\n          <div class='copy'>\n            <h3>Setzen Sie Ihr volles Potenzial frei<\/h3>\n            <h2 class='title'>Der Wandel beschleunigt sich.<\/h2>\n          <\/div>\n                  <\/div>\n              <div class='es_heroSlide'>\n          <div class='copy'>\n            <h3>Setzen Sie Ihr volles Potenzial frei<\/h3>\n            <h2 class='title'>Die Welt entwickelt sich weiter.<\/h2>\n          <\/div>\n                  <\/div>\n              <div class='es_heroSlide'>\n          <div class='copy'>\n            <h3>Setzen Sie Ihr volles Potenzial frei<\/h3>\n            <h2 class='title'>Die einzige nachhaltige Antwort ist, Ihre Mitarbeiter auf morgen vorzubereiten.<\/h2>\n          <\/div>\n                  <\/div>\n              <div class='es_heroSlide'>\n          <div class='copy'>\n            <h3>Setzen Sie Ihr volles Potenzial frei<\/h3>\n            <h2 class='title'>Erschlie\u00dfen Sie das volle Potenzial Ihres Unternehmens.<\/h2>\n          <\/div>\n                  <\/div>\n              <div class='es_heroSlide'>\n          <div class='copy'>\n            <h3>Setzen Sie Ihr volles Potenzial frei<\/h3>\n            <h2 class='title'>Bewegen Sie sich, ver\u00e4ndern Sie sich, passen Sie sich an, mit Totara.<\/h2>\n          <\/div>\n                      <div class='bannerImg'>\n              <img decoding=\"async\"\n                loading='lazy' \n                src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpc2739689XhZ300_OriginalDelivery_2508378-scaled.jpg\"  \n                alt=\"\"\n                srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpc2739689XhZ300_OriginalDelivery_2508378-scaled.jpg 2560w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpc2739689XhZ300_OriginalDelivery_2508378-300x200.jpg 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpc2739689XhZ300_OriginalDelivery_2508378-1024x683.jpg 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpc2739689XhZ300_OriginalDelivery_2508378-768x512.jpg 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpc2739689XhZ300_OriginalDelivery_2508378-1536x1024.jpg 1536w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/12\/Stocksy_txpc2739689XhZ300_OriginalDelivery_2508378-2048x1366.jpg 2048w\"\n                sizes=\"(max-width: 1350px) 100vw, 1350px\"\n              \/>\n            <\/div>\n                  <\/div>\n      \n      <div class='motifWrapper'>\n        <div class='es_motif'>\n          <svg width=\"4105\" height=\"3452\" viewBox=\"0 0 4105 3452\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid slice\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4105 0H0V3452H4105V0ZM2916.28 2251.57L3588.16 599.899C3667.41 405.119 3955.82 453.55 3966.85 663.593L4062.21 2441.01C4064.25 2479.02 4055.21 2516.82 4036.21 2549.8C4017.2 2582.79 3989.03 2609.56 3955.12 2626.87L2791.54 3220.63C2747.52 3243.07 2696.67 3248.13 2649.09 3234.82C2601.51 3221.5 2560.67 3190.78 2534.7 3148.75L1722 1833.62C1643.36 1706.39 1457.15 1709.87 1383.34 1839.93L531.082 3341.67C434.035 3512.67 173.852 3451.39 163.318 3255.05L105.642 2180C103.667 2143.58 111.846 2107.34 129.266 2075.3L1124.95 244.379C1199.69 106.945 1397.17 107.389 1471.26 245.185L2560.59 2270.65C2639.33 2417.3 2853.52 2405.84 2916.28 2251.57Z\" fill=\"#07262A\" opacity=\"1\" data-projection-id=\"212\" transform-origin=\"2052.5px 1726px\" style=\"transform: es_scale(2.82211) es_rotate(-4.50954deg); transform-origin: 2052.5px 1726px;\"><\/path><\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<script>\n\n  \/\/ Setup variables\n  const es_colors = ['#36bcaf', '#aecd54', '#017ab7', '#9f5cfd'];\n  const es_bg_colors = ['#13454e', '#1d5108', '#033c65', '#401083'];\n\n  \n  \/\/ Define a function to handle scroll event\n  function handleEndSlidesScroll() {\n    const numSlides = 5;\n    \/\/Calculate the initial scroll position of the main container, will be used to generate list of trigger points\n    const es_container = document.getElementById('end-slides-container');\n    const es_containerRect = es_container.getBoundingClientRect();\n    const es_scrollHeight = es_containerRect.height - window.innerHeight;\n    const es_initialScrollYProgress = (es_containerRect.top + window.pageYOffset) \/ es_scrollHeight;\n\n    \/\/ Generate list of trigger points based on the amount of slides\n    const es_triggers = Array.from({ length: numSlides }, (_, i) => {\n      return (1 \/ numSlides) * i + es_initialScrollYProgress + .2;\n    });\n\n    \n    \/\/Calculate current scroll progress\n    const es_scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n    const es_scrollHeight2 = es_container.offsetHeight - window.innerHeight;\n    const scrollYProgress = (es_scrollTop \/ es_scrollHeight2) * 1;\n\n\n    \/\/For motif svg, need different calculation of scroll progress\n    const es_motif_scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n    const es_motif_scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n    const es_motif_scrollYProgress = (es_motif_scrollTop \/ es_motif_scrollHeight) * 1;\n\n    let es_slides_0 = document.getElementsByClassName('es_heroSlide');\n    for (let i = 0; i < es_slides_0.length; i++) {\n      es_slides_0[i].setAttribute('data-trigger', es_triggers[i]);\n    }\n\n    \/\/ Map es_motif_scrollYProgress to es_scale values\n    const es_scale = 1 + es_motif_scrollYProgress * (1.75 - 1);\n    \/\/ Map es_motif_scrollYProgress to es_rotate values\n    const es_rotate = -20 * es_motif_scrollYProgress;\n    \/\/ Define spring options\n    const springOptions = { stiffness: 500, damping: 50 };\n    \/\/ Initialize es_scale and es_rotate values\n    let es_scaleValue = es_scale;\n    let es_rotateValue = es_rotate;\n\n    \/\/ Define a function to calculate fill color\n    function calculateFillColor(progress, colors, triggers) {\n        if (!Array.isArray(colors)) return;\n        const es_progress = parseFloat(progress.toFixed(2));\n        const colorIndex = triggers.findIndex(el => el >= es_progress);\n        return colors[colorIndex];\n    }\n\n    \/\/ Define a function to calculate fill color\n    function calculateBgColor(progress, colors, triggers) {\n      if (!Array.isArray(colors)) return;\n      const es_progress = parseFloat(progress.toFixed(2));\n      const colorIndex = triggers.findIndex(el => el >= es_progress);\n      return colors[colorIndex];\n    }\n\n    let bg_color = calculateBgColor(scrollYProgress, es_bg_colors, es_triggers);\n    es_container.style.backgroundColor = bg_color;\n\n    \/\/ Changing the color of the motif based on which slide we are on\n    let es_color = calculateFillColor(scrollYProgress, es_colors, es_triggers);\n    const es_svg = document.querySelector('.es_motif svg');\n    \/\/ Get the path element within the SVG\n    const es_path = es_svg.querySelector('path');\n    \/\/ Change the fill attribute\n    es_path.setAttribute('fill', es_color); \/\/ Change the color to red\n    es_path.style.transform = `scale(${es_scaleValue}) rotate(${es_rotateValue}deg)`;\n\n    \/\/See how far we have scrolled\n    const es_progress = parseFloat(scrollYProgress.toFixed(2));\n    \/\/ Snap trigger's value to the closest es_progress milestone\n    let es_trigger = es_triggers.find(el => el >= es_progress);\n\n    \/\/ Set the last banner to stay on when we scroll to the end\n    if (es_progress >= es_triggers[es_triggers.length - 1]) es_trigger = es_triggers[es_triggers.length - 1];\n\n    \/\/Show the slides\n    let es_slides = document.getElementsByClassName('es_heroSlide');\n    for (let i = 0; i < es_slides.length; i++) {\n      if (parseFloat(es_trigger).toFixed(2) == parseFloat(es_slides[i]?.dataset?.trigger).toFixed(2)) {\n        es_slides[i].style.opacity = 1;\n      }else {\n        es_slides[i].style.opacity = 0;\n      }\n    }\n  }\n  \/\/ Attach scroll event listener\n  window.addEventListener('scroll', handleEndSlidesScroll);\n  window.addEventListener('DOMContentLoaded', () => {\n    \/\/ Handle initial scroll position\n    handleEndSlidesScroll();\n  });\n  \n\n<\/script>\n\n\n<div class='cta-block-container fullWidth themeTeal '>\n  <div class='cta-wrapper'>\n    <img decoding=\"async\" \n      class='cta-image'\n      loading='lazy'\n      src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/themes\/totara\/assets\/images\/bg-cta-teal2.png\"\n      alt='Background pattern'\n      sizes=100vw      layout='fill'\n      objectFit='cover'\n    \/>\n    <div class='cta-details'>\n              <h2 class='cta-title'><span style=\"font-weight: 400;\">Bereiten Sie Ihre Mitarbeiter <\/span><b>schon heute<\/b><span style=\"font-weight: 400;\"> auf morgen vor<\/span>\n<\/h2>\n                    <div class='cta-buttons'>\n                      \n<a id=\"\" class=\"button-link \" target=\"\" href=\"\/de\/demo-anfordern\">\n  <span class='container lightPrimaryTheme'>\n    <div><\/div>\n    <div><\/div>\n    <div class='contents'>\n      <span>Demo anfordern<\/span>\n          <\/div>\n  <\/span>\n<\/a>                                \n<a id=\"\" class=\"button-link \" target=\"\" href=\"\/de\/kontakt\">\n  <span class='container lightPrimaryTheme'>\n    <div><\/div>\n    <div><\/div>\n    <div class='contents'>\n      <span>Kontakt<\/span>\n          <\/div>\n  <\/span>\n<\/a>          \n        <\/div>\n                <\/div>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":24,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"tax\/tags":[],"tax\/topics":[],"class_list":["post-1857","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/pages\/1857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/comments?post=1857"}],"version-history":[{"count":2,"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/pages\/1857\/revisions"}],"predecessor-version":[{"id":65356,"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/pages\/1857\/revisions\/65356"}],"wp:attachment":[{"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/media?parent=1857"}],"wp:term":[{"taxonomy":"tag","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/tax\/tags?post=1857"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/tax\/topics?post=1857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}