{"id":43792,"date":"2021-09-22T13:17:54","date_gmt":"2021-09-22T17:17:54","guid":{"rendered":"https:\/\/pathlock.com\/our-partners\/"},"modified":"2026-01-22T10:00:35","modified_gmt":"2026-01-22T15:00:35","slug":"our-partners","status":"publish","type":"page","link":"https:\/\/pathlock.com\/de\/our-partners\/","title":{"rendered":"Our partners"},"content":{"rendered":"<style>\n    \/* Style for when body has overflow hidden *\/\n    body.modal-open {\n        overflow: hidden;\n    }\n\n    @media (max-width: 1024px) {\n        .hero-partners {\n            background-image: none !important;\n\n        }\n    }\n\n<\/style>\n<script type=\"module\" src=\"https:\/\/fast.wistia.com\/embed\/api.js\" async><\/script>\n<script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async><\/script>\n<!-- Hero -->\n<div class=\"overflow-hidden\">\n    <div class=\"mt-[80px]\">\n        <section x-data=\"modalForm()\"\n                 class=\"hero-partners w-full flex justify-center pt-12 pb-18 lg:pb-80 lg:pt-24 z-50 bg-[#0F1556]\"\n                            style=\"background-image:url('https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/BG-Hero-x.svg'); background-size:cover; background-position:center center;\"\n            >\n            <div class=\"flex flex-col mx-auto px-4\">\n                <div class=\"pb-24  gap-4 md:gap-5 text-center\">\n                    <div class=\"flex flex-col gap-8 md:gap-12 items-center\">\n                        <div class=\"flex flex-col gap-4 md:gap-5\">\n                            <div class=\"flex flex-col gap-2 md:gap-4 max-w-[1005px] mx-auto\">\n                                <div class=\"hidden lg:flex flex-row items-center mx-auto\">\n                                    <div class=\"justify-center items-center flex\">\n                                        <a href=\"https:\/\/pathlock.com\/\" target=\"\"\n                                           class=\"text-[#ced5ee] hover:text-[#24B770] text-xs font-normal leading-[18px]\">\n                                            Startseite                                        <\/a>\n                                    <\/div>\n                                    <div class=\"relative\">\n                                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\n                                             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M6 12L10 8L6 4\" stroke=\"#96A1C8\" stroke-width=\"1.33333\"\n                                                  stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"justify-center items-center flex gap-1\">\n                                        <div class=\"text-[#24B770] text-xs font-semibold leading-[18px]\">Partner<\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <h1 class=\"text-white font-semibold text-[28px] md:text-6xl leading-[30px] md:leading-[72px] md:tracking-[-1.2px] \">\n                                    Risikobewusste Identity Governance gemeinsam umsetzen                                <\/h1>\n                            <\/div>\n                            <div class=\"max-w-[720px] mx-auto\">\n                                <p class=\"text-sm md:text-lg text-[#f2f9ff] leading-[20px] md:leading-[28px] font-normal\">\n                                    Pathlock-Partner verf\u00fcgen \u00fcber einzigartige F\u00e4higkeiten, die von Systemdesign und -implementierung bis hin zu Risikominderung und Beratungsleistungen reichen und unseren Kunden Best Practices f\u00fcr risikobewusste Identit\u00e4tsverwaltung bieten.                                <\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"w-full flex gap-3 flex-col md:flex-row justify-center flex-wrap\">\n                                                            <button @click=\"openModal('fd03870f-f95d-4883-9f13-6f350fad0c1d')\"\n                                        class=\"h-12 px-[18px] py-3 bg-[#24b770] hover:bg-[#148752] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] justify-center items-center gap-1.5 inline-flex overflow-hidden\"\n                                        type=\"button\">\n                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                        <div class=\"text-white text-base font-semibold leading-normal\">Partner werden<\/div>\n                                    <\/div>\n                                <\/button>\n                                                        <a class=\"h-12 px-[18px] py-3 bg-white hover:bg-[#E3E7F6] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden\" href=\"\/de\/our-partners\/partner-catalog\/\">\n                            <div class=\"px-0.5 justify-center items-center flex\">\n                                <div class=\"text-[#0f1556] text-base font-semibold leading-normal\">Einen Partner finden<\/div>\n                            <\/div>\n                        <\/a>                            <div class=\"basis-full flex justify-center md:mt-5 group\">\n                                                                    <a class=\"flex text-white items-center font-semibold group-hover:text-[#44C382]  leading-7 transition-colors duration-300\"\n                                       href=\"https:\/\/portal.pathlock.com\/\">Partner-Portal erkunden                                        <span class=\"rtl:mr-2 rtl:ml-0 ml-2 rtl:rotate-180 stroke-white group-hover:stroke-[#44C382] group-hover:translate-x-0.5 rtl:group-hover:-translate-x-0.5 transition ease-in-out duration-300\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                        <\/span>\n                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div x-show=\"activeModal !== null\" x-cloak class=\"fixed inset-0 z-50\"\n                 x-effect=\"document.body.style.overflow = activeModal ? 'hidden' : ''\">\n                <!-- Modal Backdrop -->\n                <div\n                        class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\"\n                        x-transition:enter=\"transition ease-out duration-300\"\n                        x-transition:enter-start=\"opacity-0\"\n                        x-transition:enter-end=\"opacity-100\"\n                        x-transition:leave=\"transition ease-in duration-300\"\n                        x-transition:leave-start=\"opacity-100\"\n                        x-transition:leave-end=\"opacity-0\"\n                ><\/div>\n\n                <!-- Modal Wrapper for Centering -->\n                <div class=\"fixed inset-0 flex items-center justify-center z-50 p-4\">\n                    <div class=\"relative bg-white max-w-md w-full rounded-lg shadow-lg\"\n                         @click.away=\"closeModal()\">\n                        <!-- Close Button -->\n                        <div class=\"flex justify-end p-2\">\n                            <button\n                                    @click=\"closeModal()\"\n                                    class=\"text-gray-800 hover:bg-gray-100 p-2 rounded-full focus:outline-none\"\n                            >\n                                <svg\n                                        class=\"h-6 w-6\"\n                                        fill=\"none\"\n                                        stroke=\"currentColor\"\n                                        viewBox=\"0 0 24 24\"\n                                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                >\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                          d=\"M6 18L18 6M6 6l12 12\"\/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n\n                        <!-- Modal Content -->\n                        <div class=\"p-8 pt-0 lg:px-10 lg:pb-12 bg-white\">\n                            <script charset=\"utf-8\" type=\"text\/javascript\"\n                                    src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n                            <div id=\"form-copy\" class=\"form-container flex-col\">\n                                <div class=\"flex-col justify-start items-start gap-3 mb-5 inline-flex text-center w-full\">\n                                    <div id=\"form-title\"\n                                         class=\"self-stretch text-center text-[#0f1556] text-xl lg:text-2xl font-bold leading-[30px]\">Werden Sie Pathlock-Partner<\/div>\n                                    <div id=\"form-subtitle\"\n                                         class=\"text-center text-[#667084] text-xs lg:text-sm font-normal leading-normal w-full\">Begleiten Sie uns auf unserer Mission, den Weg zu null Risiko zu sichern.<\/div>\n                                <\/div>\n                                <div id=\"hero-header-form-container\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n<\/div>\n<!-- Video -->\n<section class=\"w-full relative flex justify-center pb-24 bg-[#F5F6FC]\" x-data=\"{ showModal: false }\">\n    <div class=\"flex flex-col container mx-auto px-4 lg:px-8\">\n        <div class=\"mt-[-64px] lg:mt-[-320px]\">\n            <!-- Looped 10-second Wistia video -->\n            <div>\n                <div class=\"relative cursor-pointer hover:cursor-pointer shadow-lg rounded-xl\"\n                     @click=\"showModal = true; pauseLoopedVideo(); document.body.classList.add('modal-open');\">\n                    <div class=\"overlay bg-black\/15 absolute h-full w-full left-0 top-0 right-0 bottom-0 z-[1] rounded-xl flex justify-center items-center\">\n                        <div class=\"group\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"131\" height=\"131\" viewBox=\"0 0 131 131\"\n                                 fill=\"none\">\n                                <!-- SVG content unchanged -->\n                                <g filter=\"url(#filter0_b_797_1676)\">\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59.5\" fill=\"white\" fill-opacity=\"0.2\"\/>\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"\/>\n                                <\/g>\n                                <g class=\"transition-transform duration-300 ease-in-out group-hover:scale-125\"\n                                   style=\"transform-origin: center;\">\n                                    <g filter=\"\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                                              d=\"M65.2653 107.516C88.6078 107.516 107.531 88.5961 107.531 65.2578C107.531 41.9194 88.6078 23 65.2653 23C41.9228 23 23 41.9194 23 65.2578C23 88.5961 41.9228 107.516 65.2653 107.516ZM82.4356 67.4711C84.1966 66.487 84.1966 64.0266 82.4356 63.0425L58.6613 49.7565C56.9003 48.7724 54.699 50.0026 54.699 51.9709L54.699 78.5428C54.699 80.5111 56.9003 81.7412 58.6613 80.7571L82.4356 67.4711Z\"\n                                              fill=\"white\"><\/path>\n                                    <\/g>\n                                <\/g>\n                                <defs>\n                                    <filter id=\"filter0_b_797_1676\" x=\"4\" y=\"4\" width=\"123\" height=\"123\"\n                                            filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n                                        <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"\/>\n                                        <feComposite in2=\"SourceAlpha\" operator=\"in\"\n                                                     result=\"effect1_backgroundBlur_797_1676\"\/>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676\"\n                                                 result=\"shape\"\/>\n                                    <\/filter>\n                                    <filter id=\"filter1_d_797_1676\" x=\"0.299999\" y=\"0.299999\" width=\"129.931\"\n                                            height=\"129.916\" filterUnits=\"userSpaceOnUse\"\n                                            color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n                                        <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\n                                                       values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n                                                       result=\"hardAlpha\"\/>\n                                        <feOffset\/>\n                                        <feGaussianBlur stdDeviation=\"11.35\"\/>\n                                        <feComposite in2=\"hardAlpha\" operator=\"out\"\/>\n                                        <feColorMatrix type=\"matrix\"\n                                                       values=\"0 0 0 0 0.0588235 0 0 0 0 0.0823529 0 0 0 0 0.337255 0 0 0 0.18 0\"\/>\n                                        <feBlend mode=\"normal\" in2=\"BackgroundImageFix\"\n                                                 result=\"effect1_dropShadow_797_1676\"\/>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676\"\n                                                 result=\"shape\"\/>\n                                    <\/filter>\n                                <\/defs>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Add ID for direct iframe access as fallback -->\n                    <div id=\"looped-video-container\">\n\n                        <div class=\"wistia_responsive_padding\"\n                             style=\"padding:56.25% 0 0 0;position:relative;border-radius: 8px; overflow: hidden;\">\n                            <div class=\"wistia_responsive_wrapper\"\n                                 style=\"height:100%;left:0;position:absolute;top:0;width:100%;\">\n                                <div class=\"wistia_embed wistia_async_pw7430j644 videoFoam=true autoPlay=true loop=true muted=true\"\n                                     style=\"height:100%;position:relative;width:100%\">\n                                    <div class=\"wistia_swatch\"\n                                         style=\"height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;\">\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n\n                <div x-show=\"showModal === true\" x-cloak class=\"fixed inset-0\" style=\"z-index: 99;\">\n                    <!-- Modal Backdrop -->\n                    <div\n                            class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\"\n                            x-transition:enter=\"transition ease-out duration-300\"\n                            x-transition:enter-start=\"opacity-0\"\n                            x-transition:enter-end=\"opacity-100\"\n                            x-transition:leave=\"transition ease-in duration-300\"\n                            x-transition:leave-start=\"opacity-100\"\n                            x-transition:leave-end=\"opacity-0\"\n                    ><\/div>\n\n                    <!-- Modal Content -->\n                    <div class=\"fixed inset-0 flex items-center justify-center p-4\">\n                        <div\n                                @click.stop\n                                x-transition:enter=\"transition ease-out duration-300\"\n                                x-transition:enter-start=\"opacity-0 transform scale-90\"\n                                x-transition:enter-end=\"opacity-100 transform scale-100\"\n                                x-transition:leave=\"transition ease-in duration-300\"\n                                x-transition:leave-start=\"opacity-100 transform scale-100\"\n                                x-transition:leave-end=\"opacity-0 transform scale-90\"\n                                class=\"rounded-lg max-w-5xl overflow-hidden w-full mx-4 relative\"\n                        >\n                            <div class=\"flex justify-end items-center p-4 absolute z-10 right-4\">\n                                <button\n                                        @click=\"showModal = false; resumeLoopedVideo(); document.body.classList.remove('modal-open');\"\n                                        class=\"bg-white hover:bg-gray-100 text-gray-800 p-2 rounded-full focus:outline-none\"\n                                >\n                                    <svg\n                                            class=\"h-6 w-6\"\n                                            fill=\"none\"\n                                            stroke=\"currentColor\"\n                                            viewBox=\"0 0 24 24\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                    >\n                                        <path\n                                                stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"\n                                                stroke-width=\"2\"\n                                                d=\"M6 18L18 6M6 6l12 12\"\n                                        ><\/path>\n                                    <\/svg>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"p-4 pt-0\">\n                                <script src=\"https:\/\/fast.wistia.com\/player.js\" async><\/script>\n                                <script src=\"https:\/\/fast.wistia.com\/embed\/z2922m0bla\" async\n                                        type=\"module\"><\/script>\n                                <wistia-player media-id=\"z2922m0bla\" aspect=\"1.7777777777777777\"\n                                               loading=\"lazy\"><\/wistia-player>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <style>\n        #breadcrumbs > span {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.25rem;\n        }\n\n        .breadcrumb_last {\n            color: #24b770;\n            font-weight: 600;\n        }\n\n        .breadcrumbs__container a:hover {\n            color: #24b770;\n        }\n\n    <\/style>\n    <!-- Improved Wistia control script with multiple approaches -->\n    <script>\n        \/\/ Track the looped video instance\n        let loopedVideoInstance = null;\n\n        \/\/ Initialize Wistia API\n        window._wq = window._wq || [];\n\n        \/\/ Set up video ready handler\n        window._wq.push({\n            id: \"pw7430j644\",\n            options: {\n                autoPlay: true,\n                muted: true,\n                silentAutoPlay: true,\n                endVideoBehavior: \"loop\"\n            },\n            onReady: function (video) {\n                loopedVideoInstance = video;\n                console.log(\"Loop mode enabled for video:\", \"pw7430j644\");\n            }\n        });\n\n        \/\/ Function to toggle loop mode (\u0432\u043a\u043b\/\u0432\u044b\u043a\u043b)\n        function setLoopMode(enable) {\n            if (loopedVideoInstance) {\n                try {\n                    loopedVideoInstance.loop(enable);\n                    console.log(\"Loop mode set to:\", enable);\n                } catch (e) {\n                    console.log(\"Failed to set loop mode:\", e);\n                }\n            }\n        }\n\n        \/\/ Function to pause the looped video with multiple fallbacks\n        function pauseLoopedVideo() {\n            \/\/ Method 1: Direct instance\n            if (loopedVideoInstance) {\n                try {\n                    loopedVideoInstance.pause();\n                    return;\n                } catch (e) {\n                    console.log(\"Failed to pause using direct instance:\", e);\n                }\n            }\n\n            \/\/ Method 2: Wistia API\n            if (window.Wistia && window.Wistia.api) {\n                try {\n                    const video = window.Wistia.api(\"pw7430j644\");\n                    if (video) {\n                        video.pause();\n                        return;\n                    }\n                } catch (e) {\n                    console.log(\"Failed to pause using Wistia.api:\", e);\n                }\n            }\n\n            \/\/ Method 3: Direct iframe access (last resort)\n            try {\n                const container = document.getElementById(\"looped-video-container\");\n                if (container) {\n                    const iframe = container.querySelector(\"iframe\");\n                    if (iframe) {\n                        \/\/ Force pause by removing or hiding the iframe temporarily\n                        iframe.style.visibility = \"hidden\";\n                        setTimeout(() => {\n                            iframe.style.visibility = \"visible\";\n                        }, 50);\n                    }\n                }\n            } catch (e) {\n                console.log(\"Failed to use visibility toggle method:\", e);\n            }\n        }\n\n        \/\/ Function to resume the looped video\n        function resumeLoopedVideo() {\n            \/\/ Method 1: Direct instance\n            if (loopedVideoInstance) {\n                try {\n                    loopedVideoInstance.play();\n                    return;\n                } catch (e) {\n                    console.log(\"Failed to resume using direct instance:\", e);\n                }\n            }\n\n            \/\/ Method 2: Wistia API\n            if (window.Wistia && window.Wistia.api) {\n                try {\n                    const video = window.Wistia.api(\"pw7430j644\");\n                    if (video) {\n                        video.play();\n                        return;\n                    }\n                } catch (e) {\n                    console.log(\"Failed to resume using Wistia.api:\", e);\n                }\n            }\n\n            \/\/ Method 3: Reload the video (last resort)\n            try {\n                const container = document.getElementById(\"looped-video-container\");\n                if (container) {\n                    const iframe = container.querySelector(\"iframe\");\n                    if (iframe && iframe.style.visibility === \"hidden\") {\n                        iframe.style.visibility = \"visible\";\n                    }\n                }\n            } catch (e) {\n                console.log(\"Failed to make iframe visible:\", e);\n            }\n        }\n    <\/script>\n\n<\/section>\n<style>\n    .header-form-container {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        padding: 40px;\n        max-width: 430px;\n        width: 100%;\n        margin: 0 auto;\n        box-sizing: border-box;\n        background-color: #ffffff;\n        border-radius: 8px;\n        border: 1px solid #D6D8E4;\n        box-shadow: 0px 30px 48px rgba(16, 24, 89, 0.1);\n    }\n\n\n    #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        font-family: 'Inter', sans-serif;\n        background: none;\n        box-shadow: none;\n        border: none;\n        font-size: 14px;\n    }\n\n\n    #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-firstname, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-jobtitle {\n        flex: 0 0 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        font-size: 14px\n    }\n\n    #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-lastname, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-phone {\n        flex: 0 0 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        font-size: 14px\n    }\n\n\n    @media screen and (min-width: 1280px) {\n        #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-firstname, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-jobtitle {\n            flex: 0 0 calc(45% - 7.5px);\n            min-width: 0;\n            box-sizing: border-box;\n        }\n\n        #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-lastname, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-phone {\n            flex: 0 0 calc(55% - 7.5px);\n            min-width: 0;\n            box-sizing: border-box;\n        }\n    }\n\n    #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-email, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-company, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs_numemployees, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs_comments__c {\n        flex: 0 0 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        font-size: 14px\n    }\n\n    \/* Input fields *\/\n\n    .hs-input {\n        width: 100%;\n        padding: 10px 14px;\n        border: 1px solid #ccc;\n        border-radius: 5px;\n        font-size: 14px\n    }\n\n    \/* Select dropdown *\/\n\n    select.hs-input {\n        appearance: none;\n        background: white;\n        cursor: pointer;\n        color: #667085;\n    }\n\n    \/* Textarea *\/\n\n    textarea.hs-input {\n        resize: none !important;\n        height: 5em !important;\n    }\n\n    \/* Submit Button *\/\n    .hs_submit {\n        display: inline-flex;\n        width: 100%;\n\n        .actions {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            width: 100%;\n        }\n    }\n\n    .hs-button {\n        width: 100%;\n        \/* display: flex; *\/\n        background: #24b770;\n        color: white;\n        padding: 12px;\n        border: none;\n        border-radius: 5px;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: background 0.3s ease;\n    }\n\n    .hs-button:hover {\n        background: #148752;\n    }\n\n\n    .hs-error-msgs {\n        color: red;\n        font-size: 12px;\n    }\n\n    .legal-consent-container {\n        order: 999;\n        color: #96a1c8;\n        font-size: 12px;\n        text-align: center;\n        width: 100%;\n        margin-top: -8px;\n    }\n\n    .legal-consent-container a {\n        text-decoration: underline;\n    }\n<\/style>\n<script>\n\n    function modalForm() { \/\/ This is for Section 1\n\n        const lang = \"de\";\n\n        const messages = {\n            en: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Thank you!<\/div>\n            <p>Our Partner team will reach out to you shortly.<\/p>\n        <\/div>\n    `,\n            de: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Vielen Dank!<\/div>\n            <p>Unser Partner-Team wird sich in K\u00fcrze bei Ihnen melden.<\/p>\n        <\/div>\n    `,\n            fr: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Merci!<\/div>\n            <p>Notre \u00e9quipe partenaire vous contactera sous peu.<\/p>\n        <\/div>\n    `,\n            es: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">\u00a1Gracias!<\/div>\n            <p>Nuestro equipo de socios se pondr\u00e1 en contacto con usted pronto.<\/p>\n        <\/div>\n    `,\n            pt: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Obrigado!<\/div>\n            <p>Nossa equipe de parceiros entrar\u00e1 em contato com voc\u00ea em breve.<\/p>\n        <\/div>\n    `,\n            ar: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">\u0634\u0643\u0631\u064b\u0627 \u0644\u0643!<\/div>\n            <p>\u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0641\u0631\u064a\u0642 \u0627\u0644\u0634\u0631\u0643\u0627\u0621 \u0644\u062f\u064a\u0646\u0627 \u0642\u0631\u064a\u0628\u064b\u0627.<\/p>\n        <\/div>\n    `\n        };\n\n        return {\n            activeModal: null,\n            isFormInitialized: false, \/\/ New flag for Section 1's form\n            formTargetId: 'hero-header-form-container', \/\/ The ID of the div where S1 form renders\n\n            openModal(modalId) {\n                console.log('openModal', modalId);\n                this.activeModal = modalId;\n                \/\/ Only initialize the form if it's this modal's ID AND it hasn't been initialized yet for this instance\n                if (modalId === 'fd03870f-f95d-4883-9f13-6f350fad0c1d' && !this.isFormInitialized) {\n                    this.initializeHubspotForm();\n                }\n            },\n            closeModal() {\n                this.activeModal = null;\n                \/\/ OPTIONALLY: Clean up the form when modal closes to be safer\n                \/\/ const targetEl = document.getElementById(this.formTargetId);\n                \/\/ if (targetEl) {\n                \/\/     targetEl.innerHTML = ''; \/\/ Clear the form\n                \/\/ }\n                \/\/ this.isFormInitialized = false; \/\/ Allow re-initialization next time\n                \/\/ Or, if HubSpot handles subsequent `create` calls to the same target well,\n                \/\/ you might not need to clear\/reset `isFormInitialized`.\n                \/\/ Testing is key here.\n            },\n            initializeHubspotForm() {\n                if (this.isFormInitialized) return; \/\/ Already done for this S1 modal instance\n\n                const targetEl = document.getElementById(this.formTargetId);\n                if (!targetEl) {\n                    console.error(`Section 1: Target container #${this.formTargetId} not found.`);\n                    return;\n                }\n                \/\/ Ensure it's empty if we are re-initializing (though `isFormInitialized` should prevent this unless modal is fully reset)\n                \/\/ targetEl.innerHTML = '';\n\n                \/\/ Safely resolve CID if helper is missing on this page\n                var cid = null;\n                try {\n                    if (typeof getCID === 'function') {\n                        cid = getCID();\n                    }\n                } catch (e) {\n                    console.warn('getCID unavailable, using default campaign id.');\n                }\n                if (cid == null) {\n                    cid = \"701PZ00000IlEYNYA3\";\n                }\n\n                \/\/ Ensure HubSpot library is loaded before creating the form\n                if (!window.hbspt || !window.hbspt.forms || !window.hbspt.forms.create) {\n                    setTimeout(() => this.initializeHubspotForm(), 120);\n                    return;\n                }\n\n                hbspt.forms.create({\n                    region: \"na1\",\n                    portalId: \"20500227\",\n                    formId: \"fd03870f-f95d-4883-9f13-6f350fad0c1d\", \/\/ The form_id for Section 1\n                    target: `#${this.formTargetId}`,      \/\/ Target S1's specific div\n                    css: \"\",\n                    locale: \"de\",\n                    translations: {\n                        en: {submitText: \"Submit Application\"},\n                        de: {submitText: \"Bewerbung einreichen\"},\n                        fr: {submitText: \"Bewerbung einreichen\"},\n                        es: {submitText: \"Bewerbung einreichen\"},\n                        pt: {submitText: \"Bewerbung einreichen\"},\n                        ar: {submitText: \"Bewerbung einreichen\"},\n                    },\n                    \/\/ ... (rest of your S1 form config: customizations, sfdcCampaignId, onFormReady, onFormSubmitted)\n                    sfdcCampaignId: cid,\n                    onFormReady: ($form) => {\n                        this.isFormInitialized = true; \/\/ Mark as initialized for S1\n                        console.log(\"Section 1 HubSpot form ready.\");\n                        if (cid) {\n                            $form.find('input[name=\"cid\"]').val(cid);\n                        }\n                    },\n                    onFormSubmitted: (jqueryFormObject, data) => {\n\n                        const formEl = jqueryFormObject.get(0);\n                        if (!formEl) return;\n\n                        const parentContainer = formEl.closest('.form-container');\n                        if (!parentContainer) return;\n\n                        parentContainer.innerHTML = messages[lang] || messages['en'];\n\n                        \/\/ ... S1 specific submission logic ...\n\n                        console.log(\"Section 1 Form Submitted:\", data);\n                        const submittedValues = data.submissionValues;\n                        if (submittedValues && submittedValues.sap_version) {\n                            const sapVersionSelected = submittedValues.sap_version;\n                            let redirectUrl = 'https:\/\/pathlock.com\/de\/default-thank-you\/'; \/\/ Default thank you page\n\n                            if (sapVersionSelected === 'sap_basis_release_7.4x-7.52') {\n                                redirectUrl = 'https:\/\/pathlock.com\/de\/thank-you-sap-basis\/';\n                            } else if (sapVersionSelected === 's4hana_1909_and_above') {\n                                redirectUrl = 'https:\/\/pathlock.com\/de\/thank-you-s4hana\/';\n                            }\n                            \/\/ Add more else if blocks for other sap_version values if needed\n\n                            \/\/ Perform the redirect\n                            \/\/ HubSpot often handles its own \"thank you\" message display or inline redirect.\n                            \/\/ If you want to override HubSpot's default \"thank you\" behavior and *always* redirect:\n                            console.log('Redirecting to:', redirectUrl, 'for SAP version:', sapVersionSelected);\n                            window.location.href = redirectUrl;\n\n                        } else {\n                            let redirectUrl = 'https:\/\/pathlock.com\/de\/thank-you-cac\/'; \/\/ Default thank you page\n                            \/\/\/  window.location.href = redirectUrl;\n                        }\n                    }\n                });\n            }\n        }\n    }\n<\/script>\n\n\n\n\n\n\n\n<section class=\"bg-[#F5F6FC]\">\n    <div class=\"container mx-auto px-4 lg:px-8 flex flex-col pb-16 md:pb-24 self-stretch md:self-auto items-center gap-8\">\n                <h2 class=\"text-[#148752] text-center text-sm font-extrabold leading-[30px] tracking-[1.4px] uppercase\">\n            PATHLOCK PARTNER        <\/h2>\n                <!-- Partner Cards Content -->\n                <div class=\"w-full grid grid-cols-1 xl:grid-cols-3 gap-8 px-4 md:p-0 items-start self-stretch md:self-auto\">\n                        <!-- Product Card -->\n            <div class=\"flex flex-col items-start self-stretch rounded-b-lg rounded-l-lg border-r border-b border-l border-[#E3E7F6] bg-white\">\n                <!-- Product Card Upper -->\n                <div class=\"w-full flex-col justify-start items-start inline-flex\">\n                <div class=\"self-stretch px-8 pt-11 pb-12 bg-white border-t-4 rounded-b-lg\" style=\"border-top-color: #24b770;\">\n                    <div class=\"self-stretch flex-col justify-start items-center gap-6 flex\">\n                    <h2 class=\"xl:self-stretch text-center text-[#0f1556] text-[28px] font-semibold font-['Inter'] leading-8\">\n                        Dienstleistungspartner                    <\/h2>\n                    <p class=\"self-stretch text-center text-[#2a3274] text-base font-normal font-['Inter'] leading-normal\">\n                        Pathlock Dienstleistungspartner bieten End-to-End-Support, einschlie\u00dflich nahtloser Bereitstellung, Systemoptimierung und Risikomanagement, um den Gesch\u00e4ftswert unserer Plattform f\u00fcr jeden Pathlock-Kunden zu maximieren.                    <\/p>\n                                            <a class=\"w-[100%] xl:w-[310px] px-[18px] py-3 bg-white rounded-lg shadow-[0px_1px_2px_0px_rgba(15,21,86,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden text-[#0f1556] text-base font-semibold leading-normal hover:bg-[#24B770] hover:text-white\"\n                           href=\"\/de\/our-partners\/partner-catalog\/?type%5B%5D=services-partner\"\n                           target=\"_self\">\n                        Alle Partner anzeigen                        <\/a>\n                                        <\/div>\n                <\/div>\n                <\/div>\n            <\/div>\n                        <!-- Product Card -->\n            <div class=\"flex flex-col items-start self-stretch rounded-b-lg rounded-l-lg border-r border-b border-l border-[#E3E7F6] bg-white\">\n                <!-- Product Card Upper -->\n                <div class=\"w-full flex-col justify-start items-start inline-flex\">\n                <div class=\"self-stretch px-8 pt-11 pb-12 bg-white border-t-4 rounded-b-lg\" style=\"border-top-color: #077f92;\">\n                    <div class=\"self-stretch flex-col justify-start items-center gap-6 flex\">\n                    <h2 class=\"xl:self-stretch text-center text-[#0f1556] text-[28px] font-semibold font-['Inter'] leading-8\">\n                        Technologiepartner                    <\/h2>\n                    <p class=\"self-stretch text-center text-[#2a3274] text-base font-normal font-['Inter'] leading-normal\">\n                        Unsere Technologiepartner arbeiten mit Pathlock zusammen, um die F\u00e4higkeiten unserer Plattform zu erweitern, Innovationen voranzutreiben und integrierte L\u00f6sungen zu erm\u00f6glichen, die eine nahtlose Interoperabilit\u00e4t mit f\u00fchrenden Unternehmenstechnologien gew\u00e4hrleisten.                    <\/p>\n                                            <a class=\"w-[100%] xl:w-[310px] px-[18px] py-3 bg-white rounded-lg shadow-[0px_1px_2px_0px_rgba(15,21,86,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden text-[#0f1556] text-base font-semibold leading-normal hover:bg-[#24B770] hover:text-white\"\n                           href=\"\/de\/our-partners\/partner-catalog\/?type%5B%5D=technology-partner\"\n                           target=\"_self\">\n                        Alle Partner anzeigen                        <\/a>\n                                        <\/div>\n                <\/div>\n                <\/div>\n            <\/div>\n                        <!-- Product Card -->\n            <div class=\"flex flex-col items-start self-stretch rounded-b-lg rounded-l-lg border-r border-b border-l border-[#E3E7F6] bg-white\">\n                <!-- Product Card Upper -->\n                <div class=\"w-full flex-col justify-start items-start inline-flex\">\n                <div class=\"self-stretch px-8 pt-11 pb-12 bg-white border-t-4 rounded-b-lg\" style=\"border-top-color: #3e42b5;\">\n                    <div class=\"self-stretch flex-col justify-start items-center gap-6 flex\">\n                    <h2 class=\"xl:self-stretch text-center text-[#0f1556] text-[28px] font-semibold font-['Inter'] leading-8\">\n                        Vertriebspartner                    <\/h2>\n                    <p class=\"self-stretch text-center text-[#2a3274] text-base font-normal font-['Inter'] leading-normal\">\n                        Zu den Vertriebspartnern von Pathlock geh\u00f6ren Wiederverk\u00e4ufer und Distributoren. Sie erweitern unsere globale Reichweite und managen Logistik, Vertrieb und regionales Engagement, um die Akzeptanz der Plattform branchen- und l\u00e4nder\u00fcbergreifend zu f\u00f6rdern.                    <\/p>\n                                            <a class=\"w-[100%] xl:w-[310px] px-[18px] py-3 bg-white rounded-lg shadow-[0px_1px_2px_0px_rgba(15,21,86,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden text-[#0f1556] text-base font-semibold leading-normal hover:bg-[#24B770] hover:text-white\"\n                           href=\"\/de\/our-partners\/partner-catalog\/?type%5B%5D=distribution-partner\"\n                           target=\"_self\">\n                        Alle Partner anzeigen                        <\/a>\n                                        <\/div>\n                <\/div>\n                <\/div>\n            <\/div>\n                    <\/div>\n        \n        <div class=\"relative container mx-auto text-center overflow-hidden mt-8\">\n            <div class=\"absolute left-0 top-0 bottom-0 w-24 z-10 pointer-events-none\" style=\"background: linear-gradient(90deg, #F5F6FC 0%, rgba(255,255,255,0) 100%);\"><\/div>\n            <div class=\"absolute right-0 top-0 bottom-0 w-24 z-10 pointer-events-none\" style=\"background: linear-gradient(270deg, #F5F6FC 0%, rgba(255,255,255,0) 100%);\"><\/div>\n                            <div x-data=\"marquee('right')\" class=\"overflow-hidden w-full\">\n                    <div x-ref=\"container\" class=\"flex\" @mouseenter=\"pause()\" @mouseleave=\"play()\">\n                        <div x-ref=\"original\" class=\"flex gap-[60px] pr-[18px]\">\n                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Accenture_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Adsotech_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Aglea_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Logo-AXT-200x50-INV-web-copy-1.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Birlasoft_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Br1ght_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/CAG_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Carahsoft_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/CDW_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Credence-IA_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Deloitte_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/EY_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Fusion5_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Guidepoint_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/GulfIT_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/IBM_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/KPMG_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Lukardi_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Mindsquare_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/MS_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Oracle_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/PWC_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Quistor_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Resulting-IT_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Servicenow_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Taborda_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Turkey_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Version1_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Workday_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Protivity_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Br1ght_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                    <\/div>\n                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n<script>\ndocument.addEventListener('alpine:init', () => {\n  Alpine.data('marquee', (direction = 'left') => ({\n    \/\/ Configuration\n    speed: 0.18,\n    paused: false,\n    \n    \/\/ State\n    position: 0,\n    animationId: null,\n    containerWidth: 0,\n    \n    \/\/ Initialize the marquee\n    init() {\n      this.$nextTick(() => {\n        \/\/ Clone the original items\n        const original = this.$refs.original;\n        const clone = this.$refs.clone;\n        clone.innerHTML = original.innerHTML;\n        \n        \/\/ Calculate container width\n        this.containerWidth = original.offsetWidth;\n        \n        \/\/ Set initial position based on direction\n        this.position = direction === 'left' ? -this.containerWidth : 0;\n        \n        \/\/ Start animation\n        this.play();\n      });\n    },\n    \n    \/\/ Start the animation\n    play() {\n      this.paused = false;\n      if (!this.animationId) {\n        this.animate();\n      }\n    },\n    \n    \/\/ Pause the animation\n    pause() {\n      this.paused = true;\n      if (this.animationId) {\n        cancelAnimationFrame(this.animationId);\n        this.animationId = null;\n      }\n    },\n    \n    \/\/ Animation loop\n    animate() {\n      if (this.paused) return;\n      \n      \/\/ Update position\n      if (direction === 'left') {\n        this.position += this.speed;\n        if (this.position >= 0) {\n          this.position = -this.containerWidth;\n        }\n      } else {\n        this.position -= this.speed;\n        if (this.position <= -this.containerWidth) {\n          this.position = 0;\n        }\n      }\n      \n      \/\/ Apply transform\n      this.$refs.container.style.transform = `translateX(${this.position}px)`;\n      \n      \/\/ Continue animation loop\n      this.animationId = requestAnimationFrame(() => this.animate());\n    },\n    \n    \/\/ Clean up on component removal\n    destroy() {\n      this.pause();\n    }\n  }));\n});\n<\/script>\n\n\n\n\n\n\n\n<style>\n    @media (min-width: 1024px) {\n        section {\n            padding-top: var(--pt-desktop);\n            padding-bottom: var(--pb-desktop);\n        }\n    }\n<\/style>\n<!-- Section: Key Initiatives -->\n<section class=\"container mx-auto px-4 lg:px-8\" style=\"\n         --pt-mobile: 48px;\n         --pb-mobile: 48px;\n         --pt-desktop: 48px;\n         --pb-desktop: 48px;\n         padding-top: var(--pt-mobile);\n         padding-bottom: var(--pb-mobile);\n\">\n    <div class=\"w-full grid grid-cols-1 md:grid-cols-3 xl:grid-cols-3 gap-8 md:p-0 items-start self-stretch md:self-auto\">\n        <!-- Left Card -->\n        <div class=\"col-span-3 lg:col-span-1 flex items-center self-stretch rounded-lg\" style=\"background-image:url( https:\/\/pathlock.com\/wp-content\/uploads\/2025\/03\/Initiatives-BG.svg); background-size: cover; background-position: center center; background-repeat: no-repeat;\"> \n            <!-- <div class=\"flex items-center gap-2 self-stretch md:p-0 md:rounded-lg xl:w-min-1\/3\"> -->\n                <div class=\"flex py-16 flex-[1_1_0]\">\n                    <!-- Left Card Content -->\n                    <div class=\"flex flex-col pl-8 pr-5 justify-center items-start gap-5 flex-[1_1_0]\">\n                        <div class=\"flex flex-col items-start gap-5 self-stretch\">\n                            <h2 class=\"text-[#FAFBFD] font-semibold text-4xl tracking-[-0.72px]\">\n                                Schl\u00fcsselinitiativen                            <\/h2>\n                        <\/div>\n                        <div class=\"flex flex-col items-start gap-[30px] self-stretch\">\n                            <p class=\"text-[#FAFBFD] text-xl\"> Entdecken Sie, wie Pathlock bei der Bew\u00e4ltigung Ihrer speziellen gesch\u00e4ftlichen Herausforderungen helfen kann.<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <!-- <\/div> -->\n        <\/div>\n        <!-- Initiatives Features -->\n        <div class=\"col-span-3 lg:col-span-2\"> \n            <div class=\"grid md:grid-cols-2 gap-8\"> \n                                        <a href=\"\/de\/use-cases\/erp-and-cloud-migrations\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        Digitale Transformation                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        Mehr als 50\u00a0% der ERP-Projekte <b>\u00fcberschreiten Budgets und Zeitvorgaben.<\/b> Pathlock hilft Ihnen, die digitale Transformation und den Modernisierungserfolg zu optimieren.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">Mehr erfahren<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"\/de\/use-cases\/sox-software\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        SOX-Compliance                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        40\u00a0% der Unternehmen <b>versagen j\u00e4hrlich bei mindestens einer SOX-Kontrolle<\/b>. Pathlock hilft Ihnen, Auditfehler, erneute Einreichungen und Reputationssch\u00e4den zu vermeiden.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">Mehr erfahren<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"\/de\/initiative\/audit-readiness\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        Audit-Bereitschaft                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        Unternehmen verbringen <b>j\u00e4hrlich mehr als 20.000 Stunden mit der Einhaltung von Vorschriften.<\/b> Pathlock automatisiert fehleranf\u00e4llige manuelle Prozesse, um die Auditvorbereitung zu rationalisieren.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">Mehr erfahren<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"\/de\/initiative\/ipo-readiness\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        IPO-Bereitschaft                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        32\u00a0% der Unternehmen melden <b>wesentliche Schwachstellen aufgrund von SoD-Problemen.<\/b> Pathlock automatisiert st\u00e4rkere Kontrollen f\u00fcr einen reibungsloseren B\u00f6rsengang.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">Mehr erfahren<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"\/de\/use-cases\/nhi-governance\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        Verwaltung nicht-menschlicher Identit\u00e4ten                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        In vielen Unternehmen <b>\u00fcbersteigt die Zahl der nicht-menschlichen Identit\u00e4ten die Zahl der Nutzer im Verh\u00e4ltnis 20:1.<\/b> Pathlock wendet strenge Kontrollen an, um Sicherheit und Compliance zu gew\u00e4hrleisten.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">Mehr erfahren<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"\/de\/products\/cybersecurity-application-controls\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        SAP-Cybersicherheit                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        Sch\u00fctzen Sie Ihre SAP-Umgebung von der Entwicklung bis zur Bereitstellung. Pathlock <b>sch\u00fctzt SAP-Anwendungen und -Daten<\/b>, um das Risiko einer Regelverletzung zu verringern.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">Mehr erfahren<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n\n<script>\n  window.wpVideoData = [{\"videoUrlMP4\":\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/kpmg2.mp4\",\"videoUrlWEBM\":\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/kpmg2.webm\",\"bgImage\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/kpmg-2x.webp\",\"videoCover\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/kpmg-2x.webp\",\"logo\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/kpmg.svg\",\"mediaID\":\"yhd8fv0ubm\",\"person\":\"Mick McGarry | US-Angebotsleiter f\u00fcr GRC- und Cybersicherheitsdienste\",\"quote\":\"\u201cBei KPMG setzen wir auf Innovation und Kooperation, weshalb wir uns f\u00fcr eine Zusammenarbeit mit Pathlock entschieden haben \u2013 ein f\u00fchrendes Unternehmen, das die Identit\u00e4tssicherheit neu definiert...\u201d\",\"stat\":{\"value\":\"\",\"label\":\"\"},\"loaded\":false},{\"videoUrlMP4\":\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/protiviti.mp4\",\"videoUrlWEBM\":\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/protiviti.webm\",\"bgImage\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/pro-2xpng.webp\",\"videoCover\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/pro-2xpng.webp\",\"logo\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/protiviti.svg\",\"mediaID\":\"gkwgurx0no\",\"person\":\"Kyle Wechsler | Leiter SAP Security, GRC & Controls\",\"quote\":\"\u201cPathlock liefert die Software-Plattform, die die Governance- und Risikostrategien von Protiviti umsetzbar macht.\u201d\",\"stat\":{\"value\":\"\",\"label\":\"\"},\"loaded\":false}];\n<\/script>\n<style>\n    \/* Style for when body has overflow hidden *\/\n    body.modal-open {\n        overflow: hidden;\n    }\n<\/style>\n\n\n\n\n<section id=\"section-69e01075be0a1\" class=\"w-full scroll-mt-28 bg-white py-8 lg:py-12\">\n  <div class=\"container mx-auto px-4 lg:px-8\">\n    <div class=\"relative container text-center flex justify-center align-center\">\n      <div class=\"text-center  text-[#0F1556] px-4 flex flex-col justify-center items-center\">\n                        <h2 class=\"text-3xl lg:text-5xl leading-[38px] lg:leading-[60px] max-w-[920px] font-semibold mb-4 lg:mb-5\">F\u00fchrende weltweite Partner vertrauen darauf<\/h2>\n        \n                <div class=\"text-lg max-w-[720px] lg:text-xl leading-[30px] font-normal\">\n            Pathlock collaborates with the world\u2019s leading partners to ensure seamless deployments and expert implementation, delivering rapid time-to-value, maximum security, and continuous compliance.        <\/div>\n        \n        \n      <\/div>\n    <\/div>\n\n    \n        <div class=\"relative container mt-10 lg:mt-16\">\n\n      <!-- Alpine Component Root - Controls both Desktop\/Mobile triggers and the Modal -->\n      <div\n        x-data=\"videoController()\"\n        class=\"relative min-h-[436px] lg:min-h-[500px]\"  \n\n        >\n        <!-- Desktop version (hover) -->\n        <div class=\"hidden lg:flex justify-center gap-4 w-full rounded-lg\">\n          <template x-for=\"(video, index) in videos\" :key=\"index\">\n            <template x-if=\"index >= desktopStartIndex &#038;&#038; index < desktopStartIndex + 3\">\n              <div\n  \n                :style=\"activeCard === index ? { flexBasis: 'calc(66.666% - 16px)' } : { flexBasis: '33.333%' }\"\n                class=\"h-[500px] relative rounded-lg transition-[flex-basis] duration-700 ease-out text-white overflow-hidden shrink-0\"\n\n              >\n                <!-- Background image (shown when not active) -->\n                <img x-show=\"activeCard !== index\" :src=\"video.bgImage\" class=\"no-override absolute inset-0 w-full h-full object-cover\" alt=\"Background Image\" \/>\n                <!-- Video cover (shown when  active) -->\n                <img x-show=\"activeCard === index\" :src=\"video.videoCover\" class=\"no-override absolute inset-0 w-full h-full object-cover\" alt=\"Video Cover\" \/>\n                <!-- Video container - always in DOM but hidden when inactive -->\n                <video\n                  x-show=\"activeCard === index\"\n                  :x-ref=\"'videoPlayer_' + index\"\n                  :data-index=\"index\"\n                  autoplay\n                  loop\n                  muted\n                  playsinline\n                  class=\"absolute inset-0 w-full h-full object-cover\"\n                  preload=\"none\"\n                >\n                  <source :src=\"video.loaded ? video.videoUrlMP4 : ''\" type=\"video\/mp4\">\n                  <source :src=\"video.loaded ? video.videoUrlWEBM : ''\" type=\"video\/webm\">\n                  Your browser does not support the video tag.\n                <\/video>\n\n                <!-- Content overlay -->\n                <div @mouseover=\"handleCardHover(index)\" class=\"flex cursor-pointer flex-col justify-between p-6 z-20 h-full relative\"\n                :style=\"{ backgroundImage: 'radial-gradient(ellipse 97.77% 123.36% at -27.33% 81.70%, #0F1556 0%, rgba(15, 21, 86, 0) 100%), linear-gradient(0deg, rgba(15, 21, 86, 0.30) 0%, rgba(15, 21, 86, 0.30) 100%)' }\">\n                  <div class=\"flex flex-col flex-start\">\n                    <div class=\"flex flex-row flex-start\">\n                      <img x-show=\"activeCard == index\"\n                           x-transition:enter=\"transition ease-out duration-300 delay-[200ms]\"\n                           x-transition:enter-start=\"transform opacity-0 translate-y-2\"\n                           x-transition:enter-end=\"transform opacity-100 translate-y-0\"\n                           :src=\"video.logo\" class=\"no-override flex flex-start object-contain\" alt=\"Logo\" \/>\n                    <\/div>\n                  <\/div>\n                  \n\n                  <!-- Active Card Content -->\n                  <div x-show=\"activeCard === index\" class=\"flex flex-col items-start z-10 max-w-[518px]\">\n                    <span\n                      x-show=\"activeCard === index\"\n                      x-transition:enter=\"transition ease-out duration-700 delay-500\"\n                      x-transition:enter-start=\"transform opacity-0 translate-y-3\"\n                      x-transition:enter-end=\"transfrom opacity-100 translate-y-0\"\n                      class=\"text-white text-3xl font-medium mb-4 leading-[38px]\"\n                      x-text=\"video.quote\"\n                    >\n                      \n                    <\/span>\n                    <span\n                      x-show=\"activeCard === index\"\n                      class=\"text-[#F5F6FC] text-sm mb-6\"\n                      x-transition:enter=\"transition ease-out duration-300 delay-[400ms]\"\n                      x-transition:enter-start=\"transform opacity-0 translate-y-2\"\n                      x-transition:enter-end=\"transfrom opacity-100 translate-y-0\"\n                      x-text=\"video.person\"\n                    >\n                  <\/span>\n                    <button @click.stop=\"openModal(video.mediaID)\" aria-label=\"Play video\" class=\"flex items-center rounded-lg group\">\n                      <div class=\"w-12 h-12 flex items-center justify-center\">\n                      <svg\n                              class=\"max-w-12 max-h-12\"\n                              xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"131\" height=\"131\" viewBox=\"0 0 131 131\" fill=\"none\">\n                                <g filter=\"url(#filter0_b_797_1676_desk)\">\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59.5\" fill=\"white\" fill-opacity=\"0.2\"><\/circle>\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"><\/circle>\n                                <\/g>\n                                <g class=\"transition-transform duration-300 ease-in-out group-hover:scale-125\" style=\"transform-origin: center;\">\n                                    <g filter=\"url(#filter1_d_797_1676_desk)\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M65.2653 107.516C88.6078 107.516 107.531 88.5961 107.531 65.2578C107.531 41.9194 88.6078 23 65.2653 23C41.9228 23 23 41.9194 23 65.2578C23 88.5961 41.9228 107.516 65.2653 107.516ZM82.4356 67.4711C84.1966 66.487 84.1966 64.0266 82.4356 63.0425L58.6613 49.7565C56.9003 48.7724 54.699 50.0026 54.699 51.9709L54.699 78.5428C54.699 80.5111 56.9003 81.7412 58.6613 80.7571L82.4356 67.4711Z\" fill=\"white\"><\/path>\n                                    <\/g>\n                                <\/g>\n                                <defs>\n                                    <filter id=\"filter0_b_797_1676_desk\" x=\"4\" y=\"4\" width=\"123\" height=\"123\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"><\/feGaussianBlur>\n                                        <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_797_1676_desk\"><\/feComposite>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676_desk\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                    <filter id=\"filter1_d_797_1676_desk\" x=\"0.299999\" y=\"0.299999\" width=\"129.931\" height=\"129.916\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"><\/feColorMatrix>\n                                        <feOffset><\/feOffset>\n                                        <feGaussianBlur stdDeviation=\"11.35\"><\/feGaussianBlur>\n                                        <feComposite in2=\"hardAlpha\" operator=\"out\"><\/feComposite>\n                                        <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0.0823529 0 0 0 0 0.337255 0 0 0 0.18 0\"><\/feColorMatrix>\n                                        <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_797_1676_desk\"><\/feBlend>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676_desk\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                <\/defs>\n                            <\/svg>\n                      <\/div>\n                      <span class=\"ml-2 text-sm text-[#F5F6FC] font-semibold group-hover:text-[#24B770]\">Video ansehen<\/span>\n                    <\/button>\n                  <\/div>\n\n                  <!-- Inactive Card Content -->\n                  <div x-show=\"activeCard !== index\" class=\"z-20 flex flex-col items-start\">\n                   <div class=\"flex flex-col flex-start\">\n                     <div class=\"flex flex-row flex-start\">\n                       <img x-show=\"activeCard !== index\"\n                            x-transition:enter=\"transition ease-out duration-300\"\n                            x-transition:enter-start=\"transform opacity-0 translate-y-2\"\n                            x-transition:enter-end=\"transform opacity-100 translate-y-0\"\n                            :src=\"video.logo\" class=\"no-override flex flex-start object-contain\" alt=\"Logo\" \/>\n                     <\/div>\n                   <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/template>\n          <\/template>\n        <\/div>\n\n\n        <!-- Mobile version (slider) -->\n        <div x-data=\"mobileSlider()\" class=\"lg:hidden w-full\">\n\n          <!-- Slides Container -->\n          <div class=\"relative overflow-hidden w-full\"> <!-- Changed overflow-visible to hidden -->\n            <div class=\"max-w-[80%] flex transition-transform duration-500 ease-in-out\"\n              :style=\"{ transform: `translateX(-${currentSlide * 100}%)` }\"\n              @touchstart=\"startDrag\"\n              @touchmove=\"drag\"\n              @touchend=\"endDrag\"\n              x-ref=\"slider\"\n            >\n              <template x-for=\"(video, index) in videos\" :key=\"index\">\n                <!-- Slide Item -->\n                <div class=\"w-full flex-shrink-0 px-2 relative\">\n                  <div class=\"h-[400px] relative rounded-lg overflow-hidden\">\n                    <!-- Background image only -->\n                    <img :src=\"video.bgImage\" class=\"no-override absolute inset-0 w-full h-full object-cover\" alt=\"Background Image\" \/>\n\n                    <!-- Content overlay -->\n                    <div class=\"flex flex-col justify-between p-6 z-20 h-full relative bg-[#0F15564D]\">\n                      <div class=\"flex flex-col flex-start\">\n                        <div class=\"flex flex-row flex-start\">\n                          <img :src=\"video.logo\" class=\"no-override flex flex-start object-contain\" alt=\"Logo\" \/>\n                        <\/div>\n                      <\/div>\n\n                      <div class=\"flex flex-col items-start z-10\">\n                        <div class=\"z-20 flex flex-col items-start max-w-[225px] text-white mb-3\">\n                          <span x-text=\"video.stat.value\" class=\"text-5xl font-semibold leading-[30px] [text-shadow:_0px_0px_10px_rgb(0_0_0_\/_0.25)] mb-3\"><\/span>\n                          <span x-text=\"video.stat.label\" class=\"text-lg font-normal leading-normal [text-shadow:_0px_0px_10px_rgb(0_0_0_\/_0.25)]\"><\/span>\n                        <\/div>\n                         <!-- Dispatch event to parent controller -->\n                        <button @click=\"openModal(video.mediaID)\" aria-label=\"Play video\" class=\"group flex items-center rounded-lg\">\n                          <div class=\"w-12 h-12 bg-white bg-opacity-20 rounded-full flex items-center justify-center\">\n                            <svg\n                              class=\"max-w-12 max-h-12\"\n                              xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"131\" height=\"131\" viewBox=\"0 0 131 131\" fill=\"none\">\n                                <g filter=\"url(#filter0_b_797_1676_mob)\">\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59.5\" fill=\"white\" fill-opacity=\"0.2\"><\/circle>\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"><\/circle>\n                                <\/g>\n                                <g class=\"transition-transform duration-300 ease-in-out group-hover:scale-125\" style=\"transform-origin: center;\">\n                                    <g filter=\"url(#filter1_d_797_1676_mob)\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M65.2653 107.516C88.6078 107.516 107.531 88.5961 107.531 65.2578C107.531 41.9194 88.6078 23 65.2653 23C41.9228 23 23 41.9194 23 65.2578C23 88.5961 41.9228 107.516 65.2653 107.516ZM82.4356 67.4711C84.1966 66.487 84.1966 64.0266 82.4356 63.0425L58.6613 49.7565C56.9003 48.7724 54.699 50.0026 54.699 51.9709L54.699 78.5428C54.699 80.5111 56.9003 81.7412 58.6613 80.7571L82.4356 67.4711Z\" fill=\"white\"><\/path>\n                                    <\/g>\n                                <\/g>\n                                <defs>\n                                    <filter id=\"filter0_b_797_1676_mob\" x=\"4\" y=\"4\" width=\"123\" height=\"123\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"><\/feGaussianBlur>\n                                        <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_797_1676_mob\"><\/feComposite>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676_mob\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                    <filter id=\"filter1_d_797_1676_mob\" x=\"0.299999\" y=\"0.299999\" width=\"129.931\" height=\"129.916\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"><\/feColorMatrix>\n                                        <feOffset><\/feOffset>\n                                        <feGaussianBlur stdDeviation=\"11.35\"><\/feGaussianBlur>\n                                        <feComposite in2=\"hardAlpha\" operator=\"out\"><\/feComposite>\n                                        <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0.0823529 0 0 0 0 0.337255 0 0 0 0.18 0\"><\/feColorMatrix>\n                                        <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_797_1676_mob\"><\/feBlend>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676_mob\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                <\/defs>\n                            <\/svg>\n                          <\/div>\n                          <span class=\"ml-2 text-sm text-[#F5F6FC] font-semibold group-hover:text-[#24B770]\">Video ansehen <\/span>\n                        <\/button>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/template>\n            <\/div>\n          <\/div>\n\n          <!-- Slider indicators -->\n          <div class=\"flex justify-center gap-2 mt-6\">\n            <template x-for=\"(_, index) in videos\" :key=\"index\">\n              <button @click=\"goToSlide(index)\" class=\"w-3 h-3 rounded-full transition-colors\"\n                :class=\"currentSlide === index ? 'bg-[#6e759f]' : 'bg-[#E3E7F6]'\">\n              <\/button>\n            <\/template>\n          <\/div>\n\n\n          \n        <\/div>\n        <!-- Modal -->\n        <div x-show=\"isModalOpen\" x-cloak class=\"fixed inset-0 z-50\">\n          <!-- Modal Backdrop -->\n          <div \n            class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\"\n            x-transition:enter=\"transition ease-out duration-300\"\n            x-transition:enter-start=\"opacity-0\"\n            x-transition:enter-end=\"opacity-100\"\n            x-transition:leave=\"transition ease-in duration-300\"\n            x-transition:leave-start=\"opacity-100\"\n            x-transition:leave-end=\"opacity-0\"\n            @click=\"closeModal()\"\n          ><\/div>\n\n          <!-- Modal Content -->\n          <div class=\"fixed inset-0 flex items-center justify-center p-4\">\n            <div\n              @click.stop\n              x-transition:enter=\"transition ease-out duration-300\"\n              x-transition:enter-start=\"opacity-0 transform scale-90\"\n              x-transition:enter-end=\"opacity-100 transform scale-100\"\n              x-transition:leave=\"transition ease-in duration-300\"\n              x-transition:leave-start=\"opacity-100 transform scale-100\"\n              x-transition:leave-end=\"opacity-0 transform scale-90\"\n              class=\"rounded-lg max-w-5xl overflow-hidden w-full mx-4 relative\"\n            >\n              <div class=\"flex justify-end items-center p-4 absolute z-10 right-4\">\n                <button\n                  @click=\"closeModal()\"\n                  aria-label=\"Close modal\"\n                  class=\"bg-white hover:bg-gray-100 text-gray-800 p-2 rounded-full focus:outline-none\"\n                >\n                  <svg\n                    class=\"h-4 w-4\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    viewBox=\"0 0 24 24\"\n                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                  >\n                    <path\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                      stroke-width=\"2\"\n                      d=\"M6 18L18 6M6 6l12 12\"\n                    ><\/path>\n                  <\/svg>\n                <\/button>\n              <\/div>\n\n              <div class=\"p-4 pt-0\">\n                <div id=\"wistia-video-container\" class=\"w-full aspect-video\" style=\"aspect-ratio: 16 \/ 9;\"><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n    <\/div> <!-- End relative container -->\n\n    \n  <\/div> \n<\/section>\n\n\n<script>\n  document.addEventListener('alpine:init', () => {\n\n    const videoData = window.wpVideoData || [];\n\n    console.log(\"Video data loaded:\", videoData);\n    \/\/ Combined Desktop\/Modal controller\n    Alpine.data('videoController', () => ({\n      activeCard: 0, \/\/ Center card of the first 3\n      desktopStartIndex: 0, \/\/ Start at the beginning\n      videos: [...videoData],\n      isModalOpen: false,\n      currentVideoId: null,\n      wistiaEmbed: null,\n      \n      init() {\n        this.setActiveToCenter();\n        this.loadVideo(this.activeCard); \/\/ Preload center video for desktop hover\n      },\n\n      setActiveToCenter() {\n        \/\/ Initialize active card based on number of videos\n        const visibleCount = 3;\n        if (this.videos.length <= visibleCount) {\n          \/\/ With 3 or fewer items, start on the first card\n          this.activeCard = 0;\n          this.desktopStartIndex = 0;\n        } else {\n          \/\/ With more than 3, keep previous behavior of centerings\n          this.activeCard = this.desktopStartIndex + 1;\n        }\n      },\n\n      loadVideo(index) {\n          \/\/ Ensure index is valid\n          if (index < 0 || index >= this.videos.length || this.videos[index].loaded) {\n              return;\n          }\n\n          this.videos[index].loaded = true;\n\n          \/\/ Use nextTick to ensure the DOM elements related to the video sources are updated\n          this.$nextTick(() => {\n              \/\/ Find the specific video element using data-index\n              const videoElement = document.querySelector(`video[data-index=\"${index}\"]`);\n              console.log(\"Loading video for index:\", index, \"Element found:\", videoElement);\n              if (videoElement) {\n                  \/\/ Query for source elements within this specific video element\n                  const mp4Source = videoElement.querySelector('source[type=\"video\/mp4\"]');\n                  const webmSource = videoElement.querySelector('source[type=\"video\/webm\"]');\n\n                  if (mp4Source) {\n                      mp4Source.src = this.videos[index].videoUrlMP4;\n                  }\n                  if (webmSource) {\n                      webmSource.src = this.videos[index].videoUrlWEBM;\n                  }\n\n                  \/\/ After setting sources, load the video\n                  videoElement.load();\n                  \/\/ Attempt to play if it's the active card (might require user interaction on some browsers)\n                  if (this.activeCard === index) {\n                    console.log(\"Playing video for active card:\", index);\n                    videoElement.play().catch(e => console.log(\"Autoplay prevented:\", e));\n                  }\n              } else {\n                 \/\/ console.warn(`Video element with index ${index} not found.`);\n              }\n          });\n      },\n\n      handleCardHover(index) {\n        if (this.activeCard === index) return;\n\n        \/\/ Pause previously active video if it exists\n        const previousVideoElement = this.$el.querySelector(`video[data-index=\"${this.activeCard}\"]`);\n        if (previousVideoElement) {\n           previousVideoElement.pause();\n        }\n\n        this.activeCard = index;\n        this.loadVideo(index); \/\/ Load the video if not already loaded\n\n         \/\/ Play the newly active video\n        this.$nextTick(() => {\n          const currentVideoElement = this.$el.querySelector(`video[data-index=\"${index}\"]`);\n          if (currentVideoElement && currentVideoElement.readyState >= 3) { \/\/ HAVE_FUTURE_DATA or more\n              currentVideoElement.play().catch(e => console.log(\"Hover play prevented:\", e));\n          } else if (currentVideoElement) {\n             \/\/ If not ready, listen for canplay event\n             currentVideoElement.addEventListener('canplay', () => {\n                currentVideoElement.play().catch(e => console.log(\"Hover play prevented after canplay:\", e));\n             }, { once: true }); \/\/ Remove listener after it fires once\n          }\n        });\n      },\n      openModal(mediaId) {\n        console.log(\"Opening modal for mediaId:\", mediaId);\n        this.currentVideoId = mediaId;\n        this.isModalOpen = true;\n        console.log(\"Modal state:\", this.isModalOpen);\n        document.body.classList.add('modal-open');\n        \n        \/\/ Wait for Alpine to render the modal before creating the video\n        this.$nextTick(() => {\n        \/\/ Select the single, correctly placed container\n        const container = document.getElementById('wistia-video-container');\n        console.log(\"Container for Wistia video:\", container);\n            if (container) {\n              this.createWistiaVideo(mediaId, container); \/\/ Pass container reference\n            } else {\n              console.error(\"Wistia container not found in modal.\");\n            }\n          });\n      },\n      closeModal() {\n        if (this.wistiaEmbed) {\n          \/\/ Properly remove Wistia player\n          try {\n            this.wistiaEmbed.remove();\n            window._wq = window._wq || [];\n            window._wq.push({ id: this.currentVideoId, onRemove: function(video) {\n              console.log('Video removed');\n            }});\n          } catch (e) {\n            console.error('Error removing Wistia player:', e);\n          }\n          this.wistiaEmbed = null;\n        }\n        \n        \/\/ Clean up the container\n        const container = document.getElementById('wistia-video-container');\n        if (container) {\n          container.innerHTML = '';\n        }\n        \n        this.isModalOpen = false;\n        this.currentVideoId = null;\n        document.body.classList.remove('modal-open');\n      },\n      \n      createWistiaVideo(mediaId, container) { \/\/ Accept container element\n          container.innerHTML = ''; \/\/ Clear previous video\n\n          const videoDiv = document.createElement('div');\n          \/\/ Use Wistia's preferred class structure for async embeds\n          videoDiv.className = `wistia_responsive_padding`; \/\/ Outer padding div\n          videoDiv.style.padding = '56.25% 0 0 0';\n          videoDiv.style.position = 'relative';\n\n          const wrapperDiv = document.createElement('div'); \/\/ Inner wrapper\n          wrapperDiv.className = `wistia_responsive_wrapper`;\n          wrapperDiv.style.height = '100%';\n          wrapperDiv.style.left = '0';\n          wrapperDiv.style.position = 'absolute';\n          wrapperDiv.style.top = '0';\n          wrapperDiv.style.width = '100%';\n\n          const embedDiv = document.createElement('div'); \/\/ The actual embed target\n          embedDiv.className = `wistia_embed wistia_async_${mediaId} videoFoam=true`; \/\/ Added videoFoam=true\n          embedDiv.style.height = '100%';\n          embedDiv.style.position = 'relative';\n          embedDiv.style.width = '100%';\n\n          wrapperDiv.appendChild(embedDiv);\n          videoDiv.appendChild(wrapperDiv);\n          container.appendChild(videoDiv); \/\/ Add the whole structure\n\n          window._wq = window._wq || [];\n          window._wq.push({\n            id: mediaId,\n            onReady: (video) => {\n              this.wistiaEmbed = video;\n              video.play();\n            }\n          });\n\n          \/\/ Re-scan for embeds if Wistia script already loaded\n          if (typeof Wistia !== 'undefined' && Wistia.hasLoaded) {\n             Wistia.api.scan();\n          }\n      },\n\n      nextDesktopSlide() {\n        const visibleCount = 3;\n        if (this.activeCard < this.videos.length - 1) {\n          this.activeCard++;\n          \/\/ Center active card if possible\n          let newStart = this.activeCard - 1;\n          if (newStart < 0) newStart = 0;\n          if (newStart > this.videos.length - visibleCount) newStart = this.videos.length - visibleCount;\n          this.desktopStartIndex = newStart;\n          this.loadVideo(this.activeCard);\n        }\n      },\n      prevDesktopSlide() {\n        const visibleCount = 3;\n        if (this.activeCard > 0) {\n          this.activeCard--;\n          \/\/ Center active card if possible\n          let newStart = this.activeCard - 1;\n          if (newStart < 0) newStart = 0;\n          if (newStart > this.videos.length - visibleCount) newStart = this.videos.length - visibleCount;\n          this.desktopStartIndex = newStart;\n          this.loadVideo(this.activeCard);\n        }\n      },\n      goToDesktopSlide(index) {\n        const visibleCount = 3;\n        \/\/ Calculate new desktopStartIndex so that index is centered\n        let newStart = index - 1;\n        \/\/ Clamp to valid range\n        if (newStart < 0) newStart = 0;\n        if (newStart > this.videos.length - visibleCount) newStart = this.videos.length - visibleCount;\n        this.desktopStartIndex = newStart;\n        this.activeCard = index;\n        this.loadVideo(index);\n      },\n\n    }));\n\n    \/\/ Mobile slider controller\n    Alpine.data('mobileSlider', () => ({\n      currentSlide: 0,\n      videos: [...videoData], \/\/ Use the same shared data\n      startX: 0,\n      currentX: 0,\n      isDragging: false,\n      dragThreshold: 50, \/\/ Minimum pixels to swipe for slide change\n\n      \/\/ No init needed unless preloading something specific to mobile\n\n       \/\/ Expose videos data to template if needed (already available via 'videos')\n       get sliderVideos() {\n          return this.videos;\n       },\n\n      startDrag(e) {\n        \/\/ Prevent default only if dragging horizontally\n        if (e.touches.length === 1) {\n            this.isDragging = true;\n            this.startX = e.touches[0].clientX;\n            this.currentX = this.startX;\n             \/\/ Disable transition during drag for smoother feel\n            this.$refs.slider.style.transition = 'none';\n        }\n      },\n\n      drag(e) {\n        if (!this.isDragging || e.touches.length !== 1) return;\n\n        this.currentX = e.touches[0].clientX;\n        const diffX = this.currentX - this.startX;\n\n        \/\/ Calculate the percentage based on the slider width\n        const sliderWidth = this.$refs.slider.offsetWidth \/ this.videos.length; \/\/ Width of a single slide\n        const percentageOffset = (diffX \/ sliderWidth) * 100;\n\n         \/\/ Move the slider container visually during drag\n        this.$refs.slider.style.transform = `translateX(${-(this.currentSlide * 100) + percentageOffset}%)`;\n      },\n\n      endDrag() {\n        if (!this.isDragging) return;\n        this.isDragging = false;\n\n         \/\/ Re-enable transition\n         this.$refs.slider.style.transition = 'transform 0.5s ease-in-out';\n\n\n        const diffX = this.currentX - this.startX;\n\n        \/\/ Determine direction and change slide if threshold is met\n        if (Math.abs(diffX) > this.dragThreshold) {\n          if (diffX < 0) { \/\/ Swiped left\n            this.nextSlide();\n          } else { \/\/ Swiped right\n            this.prevSlide();\n          }\n        } else {\n            \/\/ Snap back to the current slide if threshold not met\n            this.goToSlide(this.currentSlide);\n        }\n\n         \/\/ Reset drag calculation variables\n         this.startX = 0;\n         this.currentX = 0;\n      },\n\n      nextSlide() {\n        this.goToSlide((this.currentSlide + 1) % this.videos.length);\n      },\n\n      prevSlide() {\n        this.goToSlide((this.currentSlide - 1 + this.videos.length) % this.videos.length);\n      },\n\n      goToSlide(index) {\n        this.currentSlide = index;\n        \/\/ The :style binding will update the transform automatically\n         this.$refs.slider.style.transform = `translateX(-${this.currentSlide}%)`;\n      },\n    }));\n  });\n<\/script>\n\n\n\n\n  <section class=\"bg-[#101657] border-b-[#ECF0FB] border-b-[1px] mx-auto relative mt-12 \">\n    <div class=\"relative flex-col-reverse lg:flex-row overflow-hidden  rounded-xl mx-auto inset-0 flex container  text-white bg-[#0F1556]\">\n    <div id=\"bg-image\" class=\"hidden lg:block absolute top-0 right-0 w-full h-full z-0\">\n      <img decoding=\"async\" class=\"rtl:-scale-x-100 no-override absolute inset-0 w-full h-full object-cover object-right\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Group-973-1-scaled.webp\" alt=\"\" \/>\n    <\/div>\n    <div class=\"z-10 w-full lg:max-w-[627px] flex flex-col items-center lg:items-start px-4 -mt-10 lg:mt-0 pb-12 lg:p-16 lg:pr-0 lg:pl-8 h-full text-center lg:rtl:text-right lg:text-left\">\n      <h2 class=\"mb-3 lg:mb-5 max-w-[587px] text-bold text-3xl lg:text-5xl font-semibold leading-9 lg:leading-[60px]\">Jahrhunderte an Erfahrung zu Ihrer Unterst\u00fctzung<\/h2>\n      <div class=\"text-base lg:text-xl font-normal leading-normal lg:leading-[30px]\">Die Experten von Pathlock verf\u00fcgen \u00fcber jahrzehntelange Erfahrung in der Entwicklung und Verwaltung grundlegender Produkte im Identity Governance-Markt und unterst\u00fctzen unsere Partner und ihre Kunden.<\/div>\n      <div class=\"w-full lg:w-auto mt-6 lg:mt-8\">\n        <a class=\"flex justify-center items-center font-semibold py-3 px-[18px] bg-[white] hover:bg-[#E3E7F6] group leading-7  rounded-lg text-[#344054] transition-colors duration-300\" href=\"\/de\/experts\/\" rel=\"noopener\" target=\"_blank\">Zeit mit Experten buchen        <\/a>\n      <\/div>  \n    <\/div>\n    <div class=\"flex relative lg:hidden justify-center align-center w-full\">\n      <img decoding=\"async\" class=\"no-override object-cover w-full\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/062-3Mgd0viv08Q-copy-7-1.webp\" \/>\n      <div class=\"w-full inset-0 top-[120px] absolute bg-gradient-to-b from-[#0F1556]\/0 to-[#0F1556]\/100\"><\/div>\n    <\/div>\n  <\/div>\n<\/section> \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":72,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":true,"footnotes":""},"class_list":["post-43792","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Pathlock Partner Program | Drive Growth with Security &amp; Compliance Solutions<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pathlock.com\/de\/our-partners\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pathlock Partner Program | Drive Growth with Security &amp; Compliance Solutions\" \/>\n<meta property=\"og:description\" content=\"Join the Pathlock Partner Program to expand your business with leading access governance, security, and compliance solutions. Gain access to resources, training, and collaboration opportunities to deliver more value to your customers and grow your revenue.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pathlock.com\/de\/our-partners\/\" \/>\n<meta property=\"og:site_name\" content=\"Pathlock\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-22T15:00:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/06\/OpenGraph-Pathlock-Logo.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Pathlock Partner Program | Drive Growth with Security &amp; Compliance Solutions\" \/>\n<meta name=\"twitter:description\" content=\"Join the Pathlock Partner Program to expand your business with leading access governance, security, and compliance solutions. Gain access to resources, training, and collaboration opportunities to deliver more value to your customers and grow your revenue.\" \/>\n<meta name=\"twitter:site\" content=\"@pathlock\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/our-partners\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/de\\\/our-partners\\\/\",\"name\":\"Pathlock Partner Program | Drive Growth with Security & Compliance Solutions\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/#website\"},\"datePublished\":\"2021-09-22T17:17:54+00:00\",\"dateModified\":\"2026-01-22T15:00:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/our-partners\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pathlock.com\\\/de\\\/our-partners\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/our-partners\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pathlock.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Our partners\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/pathlock.com\\\/de\\\/\",\"name\":\"Pathlock\",\"description\":\"The Leader in Application Security and Controls Automation\",\"publisher\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/pathlock.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/#organization\",\"name\":\"Pathlock, Inc\",\"url\":\"https:\\\/\\\/pathlock.com\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Zrzut-ekranu-2021-11-17-o-10.56.42.png\",\"contentUrl\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Zrzut-ekranu-2021-11-17-o-10.56.42.png\",\"width\":460,\"height\":148,\"caption\":\"Pathlock, Inc\"},\"image\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/pathlock\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/pathlock\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCgo4izMJ70K4gnyWQ_mP-OA\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Pathlock Partner Program | Drive Growth with Security & Compliance Solutions","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pathlock.com\/de\/our-partners\/","og_locale":"de_DE","og_type":"article","og_title":"Pathlock Partner Program | Drive Growth with Security & Compliance Solutions","og_description":"Join the Pathlock Partner Program to expand your business with leading access governance, security, and compliance solutions. Gain access to resources, training, and collaboration opportunities to deliver more value to your customers and grow your revenue.","og_url":"https:\/\/pathlock.com\/de\/our-partners\/","og_site_name":"Pathlock","article_modified_time":"2026-01-22T15:00:35+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/06\/OpenGraph-Pathlock-Logo.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_title":"Pathlock Partner Program | Drive Growth with Security & Compliance Solutions","twitter_description":"Join the Pathlock Partner Program to expand your business with leading access governance, security, and compliance solutions. Gain access to resources, training, and collaboration opportunities to deliver more value to your customers and grow your revenue.","twitter_site":"@pathlock","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pathlock.com\/de\/our-partners\/","url":"https:\/\/pathlock.com\/de\/our-partners\/","name":"Pathlock Partner Program | Drive Growth with Security & Compliance Solutions","isPartOf":{"@id":"https:\/\/pathlock.com\/de\/#website"},"datePublished":"2021-09-22T17:17:54+00:00","dateModified":"2026-01-22T15:00:35+00:00","breadcrumb":{"@id":"https:\/\/pathlock.com\/de\/our-partners\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pathlock.com\/de\/our-partners\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pathlock.com\/de\/our-partners\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pathlock.com\/de\/"},{"@type":"ListItem","position":2,"name":"Our partners"}]},{"@type":"WebSite","@id":"https:\/\/pathlock.com\/de\/#website","url":"https:\/\/pathlock.com\/de\/","name":"Pathlock","description":"The Leader in Application Security and Controls Automation","publisher":{"@id":"https:\/\/pathlock.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pathlock.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/pathlock.com\/de\/#organization","name":"Pathlock, Inc","url":"https:\/\/pathlock.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/pathlock.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/pathlock.com\/wp-content\/uploads\/2021\/11\/Zrzut-ekranu-2021-11-17-o-10.56.42.png","contentUrl":"https:\/\/pathlock.com\/wp-content\/uploads\/2021\/11\/Zrzut-ekranu-2021-11-17-o-10.56.42.png","width":460,"height":148,"caption":"Pathlock, Inc"},"image":{"@id":"https:\/\/pathlock.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/pathlock","https:\/\/www.linkedin.com\/company\/pathlock","https:\/\/www.youtube.com\/channel\/UCgo4izMJ70K4gnyWQ_mP-OA"]}]}},"ACF":{"icon_hover":false,"is_link_with_photo_and_intro":false,"link_all_integrations":"","add_box_with_ct":false,"is_company_nav":false,"is_featured_case_studies":false,"has_subnav":"true","sub_nav_type":"columns","column":false},"_links":{"self":[{"href":"https:\/\/pathlock.com\/de\/wp-json\/wp\/v2\/pages\/43792","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pathlock.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pathlock.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pathlock.com\/de\/wp-json\/wp\/v2\/users\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/pathlock.com\/de\/wp-json\/wp\/v2\/comments?post=43792"}],"version-history":[{"count":0,"href":"https:\/\/pathlock.com\/de\/wp-json\/wp\/v2\/pages\/43792\/revisions"}],"wp:attachment":[{"href":"https:\/\/pathlock.com\/de\/wp-json\/wp\/v2\/media?parent=43792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}