{"id":32150,"date":"2024-10-31T14:18:44","date_gmt":"2024-10-31T18:18:44","guid":{"rendered":"https:\/\/pathlock.com\/?page_id=32150"},"modified":"2026-04-17T10:47:23","modified_gmt":"2026-04-17T14:47:23","slug":"the-leader-in-application-security-and-controls-automation","status":"publish","type":"page","link":"https:\/\/pathlock.com\/de\/","title":{"rendered":"Compliance-orientierte Identit\u00e4tsverwaltung"},"content":{"rendered":"\n<section>\n        <div class=\"relative lg:py-24 py-12\">\n            <div class=\"absolute inset-0 -z-10\">\n                <video class=\"w-full h-full object-cover\"\n                       autoplay loop muted playsinline\n                       poster=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/hero_video_cover.avif\">\n                    <source src=\"\/wp-content\/uploads\/2026\/03\/hero_video_bg.mp4\" type=\"video\/mp4\">\n                    <source src=\"\/wp-content\/uploads\/2026\/03\/hero_video_bg.webm\" type=\"video\/webm\">\n                <\/video>\n            <\/div>\n            <div class=\"container pt-[80px] mx-auto lg:px-8 px-4 text-center\">\n                <h1 class=\"text-white lg:text-7xl text-4xl font-semibold lg:leading-[90px] leading-10\">Auditbereite Identit\u00e4ts- und<br> Zugriffssteuerung <\/h1>\n                <div class=\"lg:mt-6 mt-4 text-[#EAF3FF] lg:text-xl text-sm lg:leading-8 leading-5\">Sichern und verwalten Sie <b class=\"text-white\">menschliche und nicht-menschliche Identit\u00e4ten<\/b>in ERP-Systemen <span class=\"sm:block inline\">und gesch\u00e4ftskritischen Anwendungen gemeinsam auf einer einzigen<b class=\"text-white\">KI-nativen<\/b> Plattform.<\/span><\/div>\n                <div class=\"flex flex-wrap sm:gap-5 gap-3 items-center justify-center lg:mt-12 mt-8\">\n                                            <div class=\"flex sm:w-auto w-full rounded-lg justify-center items-center bg-[#24B770] hover:bg-[#148752] transition-colors duration-300\">\n                            <a class=\"px-[18px] py-3 justify-start text-white text-base font-semibold leading-6\"\n                               href=\"\/de\/kontakt\/\">Live-Demo-Termin planen<\/a>\n                        <\/div>\n                                                                <div class=\"flex sm:w-auto w-full rounded-lg outline outline-1 overflow-hidden outline-offset-[-1px] outline-[#E3E7F6] justify-center items-center group transition-colors duration-300\">\n                            <a class=\"px-[18px] py-3 flex gap-2 justify-start items-center stroke-white text-white text-base font-semibold leading-6 transition-colors duration-300 group-hover:bg-white group-hover:text-[#0F1556] group-hover:stroke-[#0F1556]\"\n                               href=\"\/de\/browser-tours\/main-pathlock-cloud\/\">Tour im Browser starten                                <span class=\"group-hover:translate-x-0.5 group-hover:rtl:-translate-x-0.5 rtl:rotate-180 transition ease-in-out duration-300\">\n                                <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\"\n                                     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\n                            <div class=\"lg:pt-24 pt-12 text-center max-w-[1920px] mx-auto\">\n                    <div class=\"container mx-auto lg:px-8 px-4\">\n                        <div class=\"text-[#F5F6FC] text-base uppercase leading-6\">\u00dcber 1400 Kunden vertrauen uns<\/div>\n                    <\/div>\n\n                    <div class=\"logo-slider-wrapper mx-auto mt-8\">\n                        <div class=\"logo-slider-track ltr\">\n                                                                                                <div class=\"logo-slide\" >\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/pgdarkbg_logo_sm.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" >\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/jabildarkbg.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" >\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/Chevron.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" >\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/Toyota.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" >\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/siemens.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" >\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/ms.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" >\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/electrolux_dark_bgdarkbg.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" >\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/aramco.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" >\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/university-of-call.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" >\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/logo_livenation.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" >\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Linde-hp-hero.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                                                                                <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/pgdarkbg_logo_sm.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/jabildarkbg.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/Chevron.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/Toyota.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/siemens.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/ms.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/electrolux_dark_bgdarkbg.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/aramco.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/university-of-call.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/logo_livenation.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Linde-hp-hero.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                                                                                <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/pgdarkbg_logo_sm.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/jabildarkbg.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/Chevron.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/Toyota.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/siemens.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/ms.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/electrolux_dark_bgdarkbg.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/aramco.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/university-of-call.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/logo_livenation.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Linde-hp-hero.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                                                                                <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/pgdarkbg_logo_sm.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/jabildarkbg.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/Chevron.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/Toyota.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/siemens.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/ms.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/electrolux_dark_bgdarkbg.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/aramco.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/university-of-call.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/logo_livenation.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                    <div class=\"logo-slide\" aria-hidden=\"true\">\n                                        <img decoding=\"async\" class=\"no-override md:max-h-[48px] max-h-[36px]\"\n                                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Linde-hp-hero.svg\"\n                                             alt=\"\">\n                                    <\/div>\n                                                                                    <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n<\/section>\n\n<style>\n    .logo-slider-wrapper {\n        overflow: hidden;\n        -webkit-user-select: none;\n        user-select: none;\n        -webkit-mask-image: linear-gradient(\n                to right,\n                transparent 0%,\n                black 12%,\n                black 88%,\n                transparent 100%\n        );\n        mask-image: linear-gradient(\n                to right,\n                transparent 0%,\n                black 12%,\n                black 88%,\n                transparent 100%\n        );\n    }\n\n    .logo-slider-track {\n        display: flex;\n        gap: 0;\n        width: max-content;\n        will-change: transform;\n    }\n\n\n    .logo-slider-track.ltr {\n        animation: logo-scroll-ltr 40s linear infinite;\n    }\n\n    @keyframes logo-scroll-ltr {\n        from {\n            transform: translateX(0);\n        }\n        to {\n            transform: translateX(-25%);\n        }\n    }\n\n    .logo-slider-track.rtl {\n        animation: logo-scroll-rtl 40s linear infinite;\n    }\n\n    @keyframes logo-scroll-rtl {\n        from {\n            transform: translateX(0);\n        }\n        to {\n            transform: translateX(25%);\n        }\n    }\n\n    .logo-slide {\n        flex-shrink: 0;\n        padding: 0 3rem;\n    }\n\n    .logo-slider-wrapper:hover .logo-slider-track {\n        animation-play-state: paused;\n    }\n\n    @media (max-width: 768px) {\n        .logo-slide {\n            padding: 0 1.5rem;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .logo-slider-track {\n            animation: none;\n        }\n    }\n<\/style>\n\n\n\n<section class=\"w-full py-16 lg:py-24 bg-white overflow-hidden font-['Inter']\">\n  <div class=\"container mx-auto px-4 lg:px-8 flex flex-col items-center\">\n    \n    <!-- Header Section -->\n    <div class=\"w-full text-center lg:text-left lg:rtl:text-right flex flex-col items-start gap-4 lg:gap-6 mb-12 lg:mb-16\">\n                <p class=\"text-[#148752] text-sm w-full lg:text-base font-bold uppercase leading-8 tracking-wider\">\n            GOVERNANCE-PLATTFORM F\u00dcR DIE KI-\u00c4RA        <\/p>\n                \n                <h2 class=\"text-[#0F1556] text-3xl md:text-4xl lg:text-5xl font-semibold md:leading-tight lg:leading-[60px]\">\n            Wo Identit\u00e4tsmanagement, Anwendungskontrollen und Audit zusammenlaufen        <\/h2>\n            <\/div>\n\n    <!-- Main Content Area: Accordion + Image\/Video Widget -->\n    <div class=\"w-full flex flex-col lg:flex-row gap-8  items-start gov-platform-container\" data-total=\"4\">\n        \n        <!-- Left Side: Accordion -->\n        <div class=\"w-full lg:w-[55%] flex flex-col relative lg:h-[800px] overflow-hidden\">\n                        <div class=\"gov-accordion-item border-b border-[#E2E8F0] relative overflow-hidden\" data-index=\"0\">\n                    \n                    <!-- Accordion Header -->\n                    <button class=\"gov-accordion-header w-full py-6 flex justify-between items-center bg-white transition-colors text-left group\">\n                            <!-- Use a consistent base font-size for all titles to avoid layout jumps. Active state is handled by JS\/CSS via the .is-active class -->\n                            <h3 class=\"gov-accordion-title transition-colors duration-300 text-xl lg:text-2xl text-[#6E759F] font-normal group-hover:underline\">\n                            Identit\u00e4ts- und Zugriffssteuerung                        <\/h3>\n                        <div class=\"gov-accordion-icon transform transition-transform duration-300 rotate-180 text-[#0F1556]\">\n                            <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                            <\/svg>\n                        <\/div>\n                    <\/button>\n                    \n                    <!-- Accordion Content -->\n                    <div class=\"gov-accordion-content transition-all duration-300 ease-in-out max-h-[1000px] opacity-100 pb-8\">\n                        \n                        <!-- Description -->\n                        <div class=\"text-[#475569] text-lg leading-7 mb-6 description\">\n                            <p>Wenn Identit\u00e4ten wachsen, f\u00fchren manuelle Prozesse zu Risiken und Ineffizienz. Automatisieren Sie zentrale Prozesse der <a href=\"https:\/\/pathlock.com\/de\/initiative\/modernize-iga\/\">Identit\u00e4tsverwaltung<\/a>, darunter:<\/p>\n                        <\/div>\n                        \n                        <!-- Cards Grid -->\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                           \n                                <a href=\"https:\/\/pathlock.com\/de\/products\/compliant-provisioning\/\"   class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                    <div class=\"w-6 h-6 rounded  flex items-center justify-center\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/compliant_provisioning.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                    <\/div>\n                                    <div class=\"flex flex-col gap-1\">\n                                        <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                            Compliant Provisioning                                        <\/h4>\n                                        <p class=\"text-[#475569] text-sm leading-snug\">\n                                            Automatisieren Sie das On- und Offboarding von Mitarbeitern (Joiner\/Mover\/Leaver).                                        <\/p>\n                                    <\/div>\n                                <\/a>\n                              \n                                                           \n                                <a href=\"https:\/\/pathlock.com\/de\/products\/compliant-provisioning\/#intuitive-moderne-benutzeroberflaeche\"   class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                    <div class=\"w-6 h-6 rounded  flex items-center justify-center\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/encrypted_add.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                    <\/div>\n                                    <div class=\"flex flex-col gap-1\">\n                                        <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                            Zugriffsanfragen                                        <\/h4>\n                                        <p class=\"text-[#475569] text-sm leading-snug\">\n                                            Selbstbedienungsportal, \u00fcber das Nutzer die ben\u00f6tigten Anwendungen einfach anfordern k\u00f6nnen.                                        <\/p>\n                                    <\/div>\n                                <\/a>\n                              \n                                                           \n                                <a href=\"https:\/\/pathlock.com\/de\/products\/user-access-review-software\/\"   class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                    <div class=\"w-6 h-6 rounded  flex items-center justify-center\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/access_certifications.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                    <\/div>\n                                    <div class=\"flex flex-col gap-1\">\n                                        <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                            Zugriffszertifizierungen                                        <\/h4>\n                                        <p class=\"text-[#475569] text-sm leading-snug\">\n                                            Automatisieren Sie Zugriffs\u00fcberpr\u00fcfungen f\u00fcr Manager, um Audits problemlos zu bestehen.                                        <\/p>\n                                    <\/div>\n                                <\/a>\n                              \n                                                           \n                                <a href=\"https:\/\/pathlock.com\/de\/products\/role-management\/\"   class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                    <div class=\"w-6 h-6 rounded  flex items-center justify-center\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/role_management.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                    <\/div>\n                                    <div class=\"flex flex-col gap-1\">\n                                        <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                            Rollenmanagement                                        <\/h4>\n                                        <p class=\"text-[#475569] text-sm leading-snug\">\n                                            Automatisches Gruppieren und Zuweisen von Berechtigungen auf Grundlage der Berufsbezeichnung eines Benutzers.                                        <\/p>\n                                    <\/div>\n                                <\/a>\n                              \n                                                    <\/div>\n                        \n                    <\/div>\n                    \n                    <!-- Progress Bar line -->\n                    <div class=\"absolute bottom-[-1px] left-0 h-0.5 bg-[#0F1556] gov-progress-bar w-0 transition-all ease-linear\"><\/div>\n                <\/div>\n                            <div class=\"gov-accordion-item border-b border-[#E2E8F0] relative overflow-hidden\" data-index=\"1\">\n                    \n                    <!-- Accordion Header -->\n                    <button class=\"gov-accordion-header w-full py-6 flex justify-between items-center bg-white transition-colors text-left group\">\n                            <!-- Use a consistent base font-size for all titles to avoid layout jumps. Active state is handled by JS\/CSS via the .is-active class -->\n                            <h3 class=\"gov-accordion-title transition-colors duration-300 text-xl lg:text-2xl text-[#6E759F] font-normal group-hover:underline\">\n                            GRC f\u00fcr Anwendungen                        <\/h3>\n                        <div class=\"gov-accordion-icon transform transition-transform duration-300 text-[#6E759F]\">\n                            <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                            <\/svg>\n                        <\/div>\n                    <\/button>\n                    \n                    <!-- Accordion Content -->\n                    <div class=\"gov-accordion-content transition-all duration-300 ease-in-out max-h-0 opacity-0 pb-0\">\n                        \n                        <!-- Description -->\n                        <div class=\"text-[#475569] text-lg leading-7 mb-6 description\">\n                            <p><a href=\"https:\/\/pathlock.com\/de\/products\/application-access-governance\/\">Governance<\/a>-L\u00fccken erh\u00f6hen das Risiko. Schlie\u00dfen Sie sie durch Automatisierungen, bevor sie zu Betrug, Kontrollverlust oder Beanstandungen bei Audits f\u00fchren:<\/p>\n                        <\/div>\n                        \n                        <!-- Cards Grid -->\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                           \n                                <a href=\"https:\/\/pathlock.com\/de\/products\/sap-access-risk-analysis\/\"   class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                    <div class=\"w-6 h-6 rounded  flex items-center justify-center\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sod.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                    <\/div>\n                                    <div class=\"flex flex-col gap-1\">\n                                        <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                            Aufgabentrennung (SoD)                                        <\/h4>\n                                        <p class=\"text-[#475569] text-sm leading-snug\">\n                                            Identifizieren und blockieren Sie toxische und risikoreiche Zugriffskombinationen.                                        <\/p>\n                                    <\/div>\n                                <\/a>\n                              \n                                                           \n                                <a href=\"https:\/\/pathlock.com\/de\/products\/elevated-access-management-software\/\"   class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                    <div class=\"w-6 h-6 rounded  flex items-center justify-center\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/emergency_access.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                    <\/div>\n                                    <div class=\"flex flex-col gap-1\">\n                                        <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                            Zugriff in Notf\u00e4llen                                        <\/h4>\n                                        <p class=\"text-[#475569] text-sm leading-snug\">\n                                            Sicherer und vollst\u00e4ndig nachverfolgbarer Zugang f\u00fcr Administratoren.                                        <\/p>\n                                    <\/div>\n                                <\/a>\n                              \n                                                           \n                                <a href=\"https:\/\/pathlock.com\/de\/products\/dynamic-access-control\/\"   class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                    <div class=\"w-6 h-6 rounded  flex items-center justify-center\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/dac.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                    <\/div>\n                                    <div class=\"flex flex-col gap-1\">\n                                        <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                            Dynamic Access Control                                        <\/h4>\n                                        <p class=\"text-[#475569] text-sm leading-snug\">\n                                            Maskieren Sie Daten auf Grundlage von Bedingungen oder blockieren Sie sensible Transaktionen in Echtzeit.                                        <\/p>\n                                    <\/div>\n                                <\/a>\n                              \n                                                           \n                                <a href=\"https:\/\/pathlock.com\/de\/products\/role-management\/\"   class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                    <div class=\"w-6 h-6 rounded  flex items-center justify-center\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/entitlement_design.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                    <\/div>\n                                    <div class=\"flex flex-col gap-1\">\n                                        <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                            Berechtigungsdesign                                        <\/h4>\n                                        <p class=\"text-[#475569] text-sm leading-snug\">\n                                            Erstellen und testen Sie sichere, konforme Rollen f\u00fcr Ihre ERP-Anwendungen.                                        <\/p>\n                                    <\/div>\n                                <\/a>\n                              \n                                                    <\/div>\n                        \n                    <\/div>\n                    \n                    <!-- Progress Bar line -->\n                    <div class=\"absolute bottom-[-1px] left-0 h-0.5 bg-[#0F1556] gov-progress-bar w-0 transition-all ease-linear\"><\/div>\n                <\/div>\n                            <div class=\"gov-accordion-item border-b border-[#E2E8F0] relative overflow-hidden\" data-index=\"2\">\n                    \n                    <!-- Accordion Header -->\n                    <button class=\"gov-accordion-header w-full py-6 flex justify-between items-center bg-white transition-colors text-left group\">\n                            <!-- Use a consistent base font-size for all titles to avoid layout jumps. Active state is handled by JS\/CSS via the .is-active class -->\n                            <h3 class=\"gov-accordion-title transition-colors duration-300 text-xl lg:text-2xl text-[#6E759F] font-normal group-hover:underline\">\n                            Audit und Sicherheit                        <\/h3>\n                        <div class=\"gov-accordion-icon transform transition-transform duration-300 text-[#6E759F]\">\n                            <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                            <\/svg>\n                        <\/div>\n                    <\/button>\n                    \n                    <!-- Accordion Content -->\n                    <div class=\"gov-accordion-content transition-all duration-300 ease-in-out max-h-0 opacity-0 pb-0\">\n                        \n                        <!-- Description -->\n                        <div class=\"text-[#475569] text-lg leading-7 mb-6 description\">\n                            <p>Kontrollen einzuf\u00fchren ist eine Sache \u2013 nachzuweisen, dass sie funktionieren, eine andere. Pathlock automatisiert <a href=\"https:\/\/pathlock.com\/de\/products\/continuous-controls-monitoring\/\">Audit- und Sicherheitsprozesse<\/a>, darunter:<\/p>\n                        <\/div>\n                        \n                        <!-- Cards Grid -->\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                           \n                                <a href=\"https:\/\/pathlock.com\/de\/products\/continuous-controls-monitoring\/\"   class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                    <div class=\"w-6 h-6 rounded  flex items-center justify-center\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/ccm.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                    <\/div>\n                                    <div class=\"flex flex-col gap-1\">\n                                        <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                            Continuous Controls Monitoring                                        <\/h4>\n                                        <p class=\"text-[#475569] text-sm leading-snug\">\n                                            Erhalten Sie sofortige Benachrichtigungen, wenn eine Compliance-Regel oder IT-Richtlinie verletzt wird.                                        <\/p>\n                                    <\/div>\n                                <\/a>\n                              \n                                                           \n                                <a href=\"https:\/\/pathlock.com\/de\/products\/continuous-controls-monitoring\/\"   class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                    <div class=\"w-6 h-6 rounded  flex items-center justify-center\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/enriched_transaction.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                    <\/div>\n                                    <div class=\"flex flex-col gap-1\">\n                                        <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                            Erweiterte Transaktions\u00fcberwachung                                        <\/h4>\n                                        <p class=\"text-[#475569] text-sm leading-snug\">\n                                            Analysieren Sie Finanztransaktionen mit zus\u00e4tzlichem Kontext, um tats\u00e4chlichen Betrug zu erkennen.                                        <\/p>\n                                    <\/div>\n                                <\/a>\n                              \n                                                           \n                                <a href=\"https:\/\/pathlock.com\/de\/products\/continuous-controls-monitoring\/\"   class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                    <div class=\"w-6 h-6 rounded  flex items-center justify-center\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/audit_trails.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                    <\/div>\n                                    <div class=\"flex flex-col gap-1\">\n                                        <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                            Audit-Trails                                        <\/h4>\n                                        <p class=\"text-[#475569] text-sm leading-snug\">\n                                            Ein f\u00e4lschungssicheres Protokoll, aus dem genau hervorgeht, wer wann welche Daten ge\u00e4ndert hat.                                        <\/p>\n                                    <\/div>\n                                <\/a>\n                              \n                                                           \n                                <a href=\"https:\/\/pathlock.com\/de\/initiative\/audit-readiness\/\"   class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                    <div class=\"w-6 h-6 rounded  flex items-center justify-center\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/audit-_reporting.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                    <\/div>\n                                    <div class=\"flex flex-col gap-1\">\n                                        <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                            Audit-Berichterstattung                                        <\/h4>\n                                        <p class=\"text-[#475569] text-sm leading-snug\">\n                                            Sofort einsatzbereite Nachweise und Berichte, die direkt an externe Pr\u00fcfer weitergeleitet werden k\u00f6nnen.                                        <\/p>\n                                    <\/div>\n                                <\/a>\n                              \n                                                    <\/div>\n                        \n                    <\/div>\n                    \n                    <!-- Progress Bar line -->\n                    <div class=\"absolute bottom-[-1px] left-0 h-0.5 bg-[#0F1556] gov-progress-bar w-0 transition-all ease-linear\"><\/div>\n                <\/div>\n                            <div class=\"gov-accordion-item border-b border-[#E2E8F0] relative overflow-hidden\" data-index=\"3\">\n                    \n                    <!-- Accordion Header -->\n                    <button class=\"gov-accordion-header w-full py-6 flex justify-between items-center bg-white transition-colors text-left group\">\n                            <!-- Use a consistent base font-size for all titles to avoid layout jumps. Active state is handled by JS\/CSS via the .is-active class -->\n                            <h3 class=\"gov-accordion-title transition-colors duration-300 text-xl lg:text-2xl text-[#6E759F] font-normal group-hover:underline\">\n                            ERP Cybersecurity                        <\/h3>\n                        <div class=\"gov-accordion-icon transform transition-transform duration-300 text-[#6E759F]\">\n                            <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                            <\/svg>\n                        <\/div>\n                    <\/button>\n                    \n                    <!-- Accordion Content -->\n                    <div class=\"gov-accordion-content transition-all duration-300 ease-in-out max-h-0 opacity-0 pb-0\">\n                        \n                        <!-- Description -->\n                        <div class=\"text-[#475569] text-lg leading-7 mb-6 description\">\n                            <p>Nicht behobene Sicherheitsl\u00fccken und aktive Bedrohungen k\u00f6nnen Governance-Kontrollen umgehen. Pathlock <a href=\"https:\/\/pathlock.com\/de\/products\/cybersecurity-application-controls\/\">sichert ERP-Systeme<\/a> durch die Automatisierung folgender Prozesse:<\/p>\n                        <\/div>\n                        \n                        <!-- Cards Grid -->\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                           \n                                <a href=\"https:\/\/pathlock.com\/de\/products\/cybersecurity-application-controls\/\"   class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                    <div class=\"w-6 h-6 rounded  flex items-center justify-center\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/vulnerability.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                    <\/div>\n                                    <div class=\"flex flex-col gap-1\">\n                                        <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                            Schwachstellenmanagement                                        <\/h4>\n                                        <p class=\"text-[#475569] text-sm leading-snug\">\n                                            Finden und beheben Sie fehlende Patches oder Sicherheitsl\u00fccken in zentralen Gesch\u00e4ftssystemen.                                        <\/p>\n                                    <\/div>\n                                <\/a>\n                              \n                                                           \n                                <a href=\"https:\/\/pathlock.com\/de\/products\/sap-threat-detection-tool-for-enterprise\/\"   class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                    <div class=\"w-6 h-6 rounded  flex items-center justify-center\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/threat_detection.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                    <\/div>\n                                    <div class=\"flex flex-col gap-1\">\n                                        <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                            Bedrohungserkennung                                        <\/h4>\n                                        <p class=\"text-[#475569] text-sm leading-snug\">\n                                            Echtzeit\u00fcberwachung zur Erkennung und Abwehr aktiver Angriffe auf Finanzsysteme.                                        <\/p>\n                                    <\/div>\n                                <\/a>\n                              \n                                                           \n                                <a href=\"https:\/\/pathlock.com\/de\/products\/cybersecurity-application-controls\/\"   class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                    <div class=\"w-6 h-6 rounded  flex items-center justify-center\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/transport_control.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                    <\/div>\n                                    <div class=\"flex flex-col gap-1\">\n                                        <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                            Transportkontrolle                                        <\/h4>\n                                        <p class=\"text-[#475569] text-sm leading-snug\">\n                                            Verhindern Sie, dass b\u00f6sartige oder fehlerhafte Code-Updates in die Produktion gelangen.                                        <\/p>\n                                    <\/div>\n                                <\/a>\n                              \n                                                    <\/div>\n                        \n                    <\/div>\n                    \n                    <!-- Progress Bar line -->\n                    <div class=\"absolute bottom-[-1px] left-0 h-0.5 bg-[#0F1556] gov-progress-bar w-0 transition-all ease-linear\"><\/div>\n                <\/div>\n                    <\/div>\n\n        <!-- Right Side: Sticky Media Widget -->\n        <div class=\"hidden lg:block w-full lg:w-[45%] sticky right-0 min-h-[500px] lg:h-[800px]\">\n            <div class=\"relative w-full h-[500px] lg:h-full rounded-xl overflow-hidden  bg-[#0F1556]\">\n                \n                                    <div class=\"gov-media-layer absolute inset-0 w-full h-full transition-opacity duration-700 ease-in-out opacity-100 z-10\" data-index=\"0\">\n                        \n                        <!-- Background Image (Can be video later) -->\n                                                    <video\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=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Identity%20%26%20Access%20Governance-vp9-chrome.webm\" type=\"video\/webm\">\n                                                                                                    <source src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Identity%20%26%20Access%20Governance.mp4\" type=\"video\/mp4\">\n                                                                Your browser does not support the video tag.\n                            <\/video>\n                                                  <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10 opacity-40\">\n                              <source media=\"(max-width: 640px)\" srcset=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\">\n                              <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\" class=\"no-override w-full h-full object-cover\" aria-hidden=\"true\" alt=\"\">\n                          <\/picture>\n\n                        <!-- Content Layer -->\n                        <div class=\"absolute inset-0 flex flex-col justify-between px-8 py-12 z-20\">\n                            \n                            <!-- Logo -->\n                                                            <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-4 rounded inline-flex items-center self-start shadow-sm\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Lee.svg\" alt=\"\" class=\"h-10 object-contain\" \/>\n                                                                    <\/div>\n                            \n                            <!-- Quote and Stats -->\n                            <div class=\"flex flex-col gap-24\">\n                                    <h3 class=\"text-white text-3xl md:text-4xl lg:text-[44px] font-normal leading-tight lg:leading-[55px]\">\n                                     &#8222;Pathlock sorgte f\u00fcr konforme <span class=\"text-[#5A7DF7]\">Provisionierung<\/span> und <span class=\"text-[#5A7DF7]\">Identit\u00e4ts-Lifecycle-Management<\/span>&#8220;                                <\/h3>\n                                \n                                <div class=\"flex flex-col\">\n                                    <div class=\"text-white text-6xl lg:text-[80px] font-semibold leading-none mb-2\">\n                                        10x                                    <\/div>\n                                    <div class=\"text-white text-lg lg:text-xl font-normal opacity-90\">\n                                        H\u00f6here JML-Automatisierung                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                    <\/div>\n                                    <div class=\"gov-media-layer absolute inset-0 w-full h-full transition-opacity duration-700 ease-in-out opacity-0 z-0\" data-index=\"1\">\n                        \n                        <!-- Background Image (Can be video later) -->\n                                                    <video\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=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Application%20GRC1-vp9-chrome.webm\" type=\"video\/webm\">\n                                                                                                    <source src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Application%20GRC.mp4\" type=\"video\/mp4\">\n                                                                Your browser does not support the video tag.\n                            <\/video>\n                                                  <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10 opacity-40\">\n                              <source media=\"(max-width: 640px)\" srcset=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\">\n                              <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\" class=\"no-override w-full h-full object-cover\" aria-hidden=\"true\" alt=\"\">\n                          <\/picture>\n\n                        <!-- Content Layer -->\n                        <div class=\"absolute inset-0 flex flex-col justify-between px-8 py-12 z-20\">\n                            \n                            <!-- Logo -->\n                                                            <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-4 rounded inline-flex items-center self-start shadow-sm\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/JAbil.svg\" alt=\"\" class=\"h-10 object-contain\" \/>\n                                                                    <\/div>\n                            \n                            <!-- Quote and Stats -->\n                            <div class=\"flex flex-col gap-24\">\n                                    <h3 class=\"text-white text-3xl md:text-4xl lg:text-[44px] font-normal leading-tight lg:leading-[55px]\">\n                                    \u201ePathlock hat unsere <span class=\"text-[#5A7DF7]\">SoD-Analyse<\/span> automatisiert und die Compliance vereinfacht\u201c                                <\/h3>\n                                \n                                <div class=\"flex flex-col\">\n                                    <div class=\"text-white text-6xl lg:text-[80px] font-semibold leading-none mb-2\">\n                                        7x                                    <\/div>\n                                    <div class=\"text-white text-lg lg:text-xl font-normal opacity-90\">\n                                        Schnellere Reaktionen auf Verst\u00f6\u00dfe                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                    <\/div>\n                                    <div class=\"gov-media-layer absolute inset-0 w-full h-full transition-opacity duration-700 ease-in-out opacity-0 z-0\" data-index=\"2\">\n                        \n                        <!-- Background Image (Can be video later) -->\n                                                    <video\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=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Audit%20and%20Assurance-vp9-chrome.webm\" type=\"video\/webm\">\n                                                                                                    <source src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Audit%20and%20Assurance.mp4\" type=\"video\/mp4\">\n                                                                Your browser does not support the video tag.\n                            <\/video>\n                                                  <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10 opacity-40\">\n                              <source media=\"(max-width: 640px)\" srcset=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\">\n                              <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\" class=\"no-override w-full h-full object-cover\" aria-hidden=\"true\" alt=\"\">\n                          <\/picture>\n\n                        <!-- Content Layer -->\n                        <div class=\"absolute inset-0 flex flex-col justify-between px-8 py-12 z-20\">\n                            \n                            <!-- Logo -->\n                                                            <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-4 rounded inline-flex items-center self-start shadow-sm\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/csm.svg\" alt=\"\" class=\"h-10 object-contain\" \/>\n                                                                    <\/div>\n                            \n                            <!-- Quote and Stats -->\n                            <div class=\"flex flex-col gap-24\">\n                                    <h3 class=\"text-white text-3xl md:text-4xl lg:text-[44px] font-normal leading-tight lg:leading-[55px]\">\n                                    \u201ePathlock hat unsere SOX-Audits optimiert, indem es uns geholfen hat, <span class=\"text-[#5A7DF7]\">echte SoD-Verst\u00f6\u00dfe zu identifizieren<\/span>\u201c                                <\/h3>\n                                \n                                <div class=\"flex flex-col\">\n                                    <div class=\"text-white text-6xl lg:text-[80px] font-semibold leading-none mb-2\">\n                                        5x                                    <\/div>\n                                    <div class=\"text-white text-lg lg:text-xl font-normal opacity-90\">\n                                        Schnellere Audit-Vorbereitung                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                    <\/div>\n                                    <div class=\"gov-media-layer absolute inset-0 w-full h-full transition-opacity duration-700 ease-in-out opacity-0 z-0\" data-index=\"3\">\n                        \n                        <!-- Background Image (Can be video later) -->\n                                                    <video\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=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/ERP%20Cybersecurity-vp9-chrome.webm\" type=\"video\/webm\">\n                                                                                                    <source src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/ERP%20Cybersecurity.mp4\" type=\"video\/mp4\">\n                                                                Your browser does not support the video tag.\n                            <\/video>\n                                                  <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10 opacity-40\">\n                              <source media=\"(max-width: 640px)\" srcset=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\">\n                              <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\" class=\"no-override w-full h-full object-cover\" aria-hidden=\"true\" alt=\"\">\n                          <\/picture>\n\n                        <!-- Content Layer -->\n                        <div class=\"absolute inset-0 flex flex-col justify-between px-8 py-12 z-20\">\n                            \n                            <!-- Logo -->\n                                                            <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-4 rounded inline-flex items-center self-start shadow-sm\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Linde-hp-hero.svg\" alt=\"\" class=\"h-10 object-contain\" \/>\n                                                                    <\/div>\n                            \n                            <!-- Quote and Stats -->\n                            <div class=\"flex flex-col gap-24\">\n                                    <h3 class=\"text-white text-3xl md:text-4xl lg:text-[44px] font-normal leading-tight lg:leading-[55px]\">\n                                    \u201eMit Pathlock k\u00f6nnen wir kritische Ereignisse jetzt viel schneller <span class=\"text-[#5A7DF7]\">untersuchen und darauf reagieren<\/span>\u201c                                <\/h3>\n                                \n                                <div class=\"flex flex-col\">\n                                    <div class=\"text-white text-6xl lg:text-[80px] font-semibold leading-none mb-2\">\n                                        80%                                    <\/div>\n                                    <div class=\"text-white text-lg lg:text-xl font-normal opacity-90\">\n                                        Geringere Durchschnittszeit bis zur Erkennung von Bedrohungen                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                    <\/div>\n                                \n            <\/div>\n        <\/div>\n        \n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* Make links in accordion description underlined by default, remove underline on hover\/focus *\/\n.gov-accordion-content .description a {\n    text-decoration: underline;\n}\n.gov-accordion-content .description a:hover,\n.gov-accordion-content .description a:focus {\n    text-decoration: none;\n}\n\/* Prevent layout jumping when title visual state changes:\n   - keep the base font-size the same for all titles\n   - use transform: scale on the .is-active modifier so the element visually grows without affecting layout\n*\/\n.gov-accordion-title{\n    display:inline-block; \/* so transform scales the title only *\/\n    transform-origin: left center;\n    transition: transform .22s ease, color .22s ease;\n    will-change: transform;\n}\n.gov-accordion-title.is-active{\n    transform: scale(1.15);\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const container = document.querySelector('.gov-platform-container');\n    if (!container) return;\n\n    const total = parseInt(container.getAttribute('data-total')) || 0;\n    const items = container.querySelectorAll('.gov-accordion-item');\n    const mediaLayers = container.querySelectorAll('.gov-media-layer');\n    \n    let currentActiveIndex = 0;\n    const rotateDelay = 10000; \/\/ 10 seconds per tab\n    let isInView = false;\n\n    \/\/ requestAnimationFrame handles smooth updates\n    let rafId = null;\n    let timeoutId = null;\n    let startTime = 0;\n    let remainingTime = rotateDelay;\n\n    function resetProgressBars() {\n        items.forEach(item => {\n            const bar = item.querySelector('.gov-progress-bar');\n            if (bar) {\n                bar.style.transition = 'none';\n                bar.style.width = '0%';\n            }\n        });\n    }\n\n    function setActiveTab(newIndex, autoAdvance = false) {\n        if (newIndex === currentActiveIndex && !autoAdvance) return;\n\n        \/\/ Reset all progress bars when switching tabs\n        resetProgressBars();\n\n        \/\/ Reset all states\n        items.forEach((item, idx) => {\n            const title = item.querySelector('.gov-accordion-title');\n            const icon = item.querySelector('.gov-accordion-icon');\n            const content = item.querySelector('.gov-accordion-content');\n            \n            if (idx === newIndex) {\n                \/\/ add a single visual state class; CSS handles the scaling so layout doesn't reflow\n                title.classList.add('is-active');\n                title.classList.remove('group-hover:underline');\n                \/\/ update color\/weight classes (keep font-size utilities unchanged)\n                title.classList.remove('text-[#6E759F]');\n                title.classList.add('text-[#0F1556]');\n                title.classList.remove('font-normal');\n                title.classList.add('font-medium');\n\n                if (icon.classList.contains('text-[#6E759F]')) icon.classList.replace('text-[#6E759F]', 'text-[#0F1556]');\n                icon.classList.add('rotate-180');\n\n                content.classList.replace('max-h-0', 'max-h-[1000px]');\n                content.classList.replace('opacity-0', 'opacity-100');\n                content.classList.replace('pb-0', 'pb-8');\n            } else {\n                \/\/ remove the visual state class\n                title.classList.remove('is-active');\n                title.classList.add('group-hover:underline');\n                \/\/ restore color\/weight classes (keep font-size utilities unchanged)\n                title.classList.remove('text-[#0F1556]');\n                title.classList.add('text-[#6E759F]');\n                title.classList.remove('font-medium');\n                title.classList.add('font-normal');\n\n                if (icon.classList.contains('text-[#0F1556]')) icon.classList.replace('text-[#0F1556]', 'text-[#6E759F]');\n                icon.classList.remove('rotate-180');\n\n                content.classList.replace('max-h-[1000px]', 'max-h-0');\n                content.classList.replace('opacity-100', 'opacity-0');\n                content.classList.replace('pb-8', 'pb-0');\n            }\n        });\n\n        \/\/ Crossfade Media Layer\n        mediaLayers.forEach((layer, idx) => {\n            if (idx === newIndex) {\n                layer.classList.replace('opacity-0', 'opacity-100');\n                layer.classList.replace('z-0', 'z-10');\n            } else {\n                layer.classList.replace('opacity-100', 'opacity-0');\n                layer.classList.replace('z-10', 'z-0');\n            }\n        });\n\n        currentActiveIndex = newIndex;\n        \/\/ Only start or restart auto rotation if the section is visible\n        if (isInView) startAutoRotation();\n    }\n\n    function clearTimers() {\n        if (rafId) {\n            cancelAnimationFrame(rafId);\n            rafId = null;\n        }\n        if (timeoutId) {\n            clearTimeout(timeoutId);\n            timeoutId = null;\n        }\n    }\n\n    function startAutoRotation() {\n        clearTimers();\n\n        \/\/ Ensure we start from 0 when changing tabs via click (unless resuming)\n        const activeItem = items[currentActiveIndex];\n        const activeProgressBar = activeItem ? activeItem.querySelector('.gov-progress-bar') : null;\n\n        \/\/ If remainingTime is greater than rotateDelay (safety), clamp it\n        if (!remainingTime || remainingTime > rotateDelay) remainingTime = rotateDelay;\n\n        startTime = performance.now();\n\n        function frame(now) {\n            const elapsed = now - startTime;\n            const percentage = Math.min(elapsed \/ remainingTime, 1);\n            if (activeProgressBar) activeProgressBar.style.width = `${percentage * 100}%`;\n\n            if (elapsed < remainingTime) {\n                rafId = requestAnimationFrame(frame);\n            } else {\n                \/\/ Safe fallback in case timeout wasn't set or fired\n                const nextIndex = (currentActiveIndex + 1) % total;\n                setActiveTab(nextIndex, true);\n            }\n        }\n\n        rafId = requestAnimationFrame(frame);\n        timeoutId = setTimeout(() => {\n            \/\/ This will also call startAutoRotation again via setActiveTab\n            const nextIndex = (currentActiveIndex + 1) % total;\n            setActiveTab(nextIndex, true);\n        }, remainingTime);\n\n        \/\/ Reset remainingTime to default for the next run\n        remainingTime = rotateDelay;\n    }\n\n    \/\/ Click events for Accordion Headers\n    items.forEach((item, idx) => {\n        const header = item.querySelector('.gov-accordion-header');\n        header.addEventListener('click', () => {\n            \/\/ When user clicks, reset remainingTime so the newly opened tab gets full duration\n            remainingTime = rotateDelay;\n            setActiveTab(idx);\n        });\n    });\n\n    \/\/ Pause on hover: capture remaining time and stop RAF\/timers\n    container.addEventListener('mouseenter', () => {\n        if (!isInView) return;\n        if (!startTime) return;\n\n        const elapsed = performance.now() - startTime;\n        remainingTime = Math.max(rotateDelay - elapsed, 0);\n        clearTimers();\n    });\n\n    \/\/ Resume on leave only if in view\n    container.addEventListener('mouseleave', () => {\n        if (isInView) startAutoRotation(); \n    });\n\n    \/\/ IntersectionObserver: only run auto-rotation while the section is visible\n    const io = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting && entry.intersectionRatio >= 0.5) {\n                \/\/ Section is sufficiently visible\n                isInView = true;\n                \/\/ Start or resume rotation\n                startAutoRotation();\n            } else {\n                \/\/ Not visible enough \u2014 stop timers and reset progress\n                isInView = false;\n                clearTimers();\n                resetProgressBars();\n                \/\/ reset remainingTime for fresh start when visible again\n                remainingTime = rotateDelay;\n                startTime = 0;\n            }\n        });\n    }, { root: null, threshold: [0, 0.25, 0.5] });\n\n    io.observe(container);\n\n    \/\/ Initialize the visual state (don't start rotation until observer says we're visible)\n    setActiveTab(0);\n});\n<\/script>\n\n\n\n<section id=\"connectors\" class=\"bg-[#F5F6FC] lg:py-24 py-12 lg:px-8 px-4 overflow-x-hidden\">\n    <div class=\"container mx-auto\">\n        <div class=\"relative\">\n            <div class=\"text-center flex flex-col justify-center items-center\">\n                <span class=\"text-[#148752] text-sm lg:text-base font-bold uppercase leading-[30px] tracking-wider mb-3\">INTEGRATIONEN<\/span>\n\n                                    <h2 class=\"text-[#0F1556] lg:text-5xl text-3xl font-semibold lg:leading-[60px] leading-[38px]\">Vorgefertigte Konnektoren f\u00fcr mehr als 150 Anwendungen, No-Code-Tools f\u00fcr individuelle Integrationen<\/h2>\n                \n                \n                <div class=\"mt-8 mb-[46px] group\">\n                                            <a class=\"flex items-center font-semibold group-hover:text-[#44C382] leading-7 transition-colors duration-300 text-[#0F1556]\"\n                           href=\"\/de\/integrations\/\">Connector Studio erkunden                            <span dir=\"ltr\"\n                                  class=\"ml-2 rtl:mr-2 rtl:ml-0 stroke-[#0F1556] rtl:rotate-180 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\"\n                                     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\"\/>\n                                <\/svg>\n                            <\/span>\n                        <\/a>\n                                    <\/div>\n\n                <div class=\"overflow-x-hidden flex justify-center\">\n                    <div class=\"relative max-w-[1920px] mx-auto space-y-[18px] text-center\">\n                        <div dir=\"ltr\"\n                             class=\"absolute rtl:rotate-180 left-0 rtl:left-auto rtl:right-0 top-0 bottom-0 w-24 z-10 pointer-events-none\"\n                             style=\"background: linear-gradient(90deg, rgba(245, 246, 252,1) 0%, rgba(245, 246, 252,0) 100%);\"><\/div>\n                        <div dir=\"ltr\"\n                             class=\"absolute rtl:rotate-180 right-0 rtl:right-auto rtl:left-0 top-0 bottom-0 w-24 z-10 pointer-events-none\"\n                             style=\"background: linear-gradient(270deg, rgba(245, 246, 252,1) 0%, rgba(245, 246, 252,0) 100%);\"><\/div>\n\n                                                        <div\n                                        x-data=\"marquee('right')\"\n                                        class=\"overflow-hidden w-full hidden md:block\"\n                                        dir=\"ltr\"\n                                        style=\"direction: ltr;\"\n                                >\n                                    <div\n                                            x-ref=\"container\"\n                                            class=\"flex\"\n                                            @mouseenter=\"pause()\"\n                                            @mouseleave=\"play()\"\n                                    >\n                                        <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/sap-erp\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/SAP.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">SAP ERP<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/oracle-ebs\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/oracle.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Oracle E-Business Suite<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/sap-erp\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/SAP.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">SAP S4\/HANA<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/oracle-fusion-cloud-erp-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/oracle.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Oracle ERP Cloud<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/sap-ariba-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/ariba.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">SAP Ariba<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/workday-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/workday.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Workday<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/microsoft-dynamics-365-crm\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/dynamics.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Microsoft Dynamics 365<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/microsoft-entra-id\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/entra.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Microsoft Entra ID Governance<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/microsoft-teams\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/teams.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Microsoft Teams<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/peoplesoft-identity-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/peoplesoft.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">PeopleSoft<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div\n                                        x-data=\"marquee('left')\"\n                                        class=\"overflow-hidden w-full hidden md:block\"\n                                        dir=\"ltr\"\n                                        style=\"direction: ltr;\"\n                                >\n                                    <div\n                                            x-ref=\"container\"\n                                            class=\"flex\"\n                                            @mouseenter=\"pause()\"\n                                            @mouseleave=\"play()\"\n                                    >\n                                        <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/google-workspace\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/google.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Google Workspace<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/peoplesoft-campus-solutions\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/peoplesoft.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Peoplesoft Campus Solutions<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/access-governance-for-jd-edwards\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/jd.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">JD Edwards<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/okta\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/okta_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Okta<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/manhattan-wms\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/manhattan.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Manhattan<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/sap-successfactors-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/success.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">SAP SuccessFactors<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/servicenow\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/service_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Service Now<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/coupa\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/coupa.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Coupa<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/sailpoint-identitynow-hr-identity-source\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sailpoint_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Sailpoint<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/salesforce-2\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sales_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Salesforce<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Mobile rows (3 rows, visible below md) -->\n                                                            <div\n                                        x-data=\"marquee('right')\"\n                                        class=\"overflow-hidden w-full md:hidden\"\n                                        dir=\"ltr\"\n                                        style=\"direction: ltr;\"\n                                >\n                                    <div\n                                            x-ref=\"container\"\n                                            class=\"flex\"\n                                            @mouseenter=\"pause()\"\n                                            @mouseleave=\"play()\"\n                                    >\n                                        <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/sap-erp\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/SAP.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">SAP ERP<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/oracle-ebs\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/oracle.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Oracle E-Business Suite<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/sap-erp\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/SAP.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">SAP S4\/HANA<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/oracle-fusion-cloud-erp-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/oracle.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Oracle ERP Cloud<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/sap-ariba-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/ariba.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">SAP Ariba<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/workday-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/workday.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Workday<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/microsoft-dynamics-365-crm\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/dynamics.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Microsoft Dynamics 365<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div\n                                        x-data=\"marquee('left')\"\n                                        class=\"overflow-hidden w-full md:hidden\"\n                                        dir=\"ltr\"\n                                        style=\"direction: ltr;\"\n                                >\n                                    <div\n                                            x-ref=\"container\"\n                                            class=\"flex\"\n                                            @mouseenter=\"pause()\"\n                                            @mouseleave=\"play()\"\n                                    >\n                                        <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/microsoft-entra-id\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/entra.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Microsoft Entra ID Governance<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/microsoft-teams\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/teams.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Microsoft Teams<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/peoplesoft-identity-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/peoplesoft.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">PeopleSoft<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/google-workspace\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/google.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Google Workspace<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/peoplesoft-campus-solutions\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/peoplesoft.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Peoplesoft Campus Solutions<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/access-governance-for-jd-edwards\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/jd.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">JD Edwards<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/okta\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/okta_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Okta<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div\n                                        x-data=\"marquee('right')\"\n                                        class=\"overflow-hidden w-full md:hidden\"\n                                        dir=\"ltr\"\n                                        style=\"direction: ltr;\"\n                                >\n                                    <div\n                                            x-ref=\"container\"\n                                            class=\"flex\"\n                                            @mouseenter=\"pause()\"\n                                            @mouseleave=\"play()\"\n                                    >\n                                        <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/manhattan-wms\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/manhattan.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Manhattan<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/applications\/sap-successfactors-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/success.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">SAP SuccessFactors<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/servicenow\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/service_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Service Now<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/coupa\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/coupa.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Coupa<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/sailpoint-identitynow-hr-identity-source\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sailpoint_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Sailpoint<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/de\/integrations\/salesforce-2\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sales_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Salesforce<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                    <\/div>\n                                <\/div>\n                                                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('alpine:init', () => {\n        Alpine.data('marquee', (direction = 'left') => ({\n            speed: 0.35,\n            paused: false,\n            position: 0,\n            animationId: null,\n            containerWidth: 0,\n            resizeObserver: null,\n\n            init() {\n                this.$nextTick(() => {\n                    this.setup();\n\n                    this.resizeObserver = new ResizeObserver(() => {\n                        this.pause();\n                        this.setup();\n                    });\n                    this.resizeObserver.observe(this.$refs.original);\n                });\n            },\n\n            setup() {\n                const original = this.$refs.original;\n                const clone    = this.$refs.clone;\n\n                if (original.offsetWidth === 0) return;\n                \n                clone.innerHTML = '';\n                const originalWidth = original.offsetWidth;\n                const screenWidth   = window.innerWidth;\n                const clonesNeeded  = Math.ceil((screenWidth * 2) \/ originalWidth) + 1;\n\n                for (let i = 0; i < clonesNeeded; i++) {\n                    clone.innerHTML += original.innerHTML;\n                }\n\n                this.containerWidth = originalWidth;\n\n                if (direction === 'right') {\n                    this.position = -this.containerWidth;\n                } else {\n                    this.position = 0;\n                }\n\n                this.play();\n            },\n\n            play() {\n                this.paused = false;\n                if (!this.animationId) this.animate();\n            },\n\n            pause() {\n                this.paused = true;\n                if (this.animationId) {\n                    cancelAnimationFrame(this.animationId);\n                    this.animationId = null;\n                }\n            },\n\n            animate() {\n                if (this.paused) return;\n\n                if (direction === 'left') {\n                    this.position -= this.speed;\n                    if (this.position <= -this.containerWidth) {\n                        this.position = 0;\n                    }\n                } else {\n                    this.position += this.speed;\n                    if (this.position >= 0) {\n                        this.position = -this.containerWidth;\n                    }\n                }\n\n                this.$refs.container.style.transform = `translateX(${this.position}px)`;\n                this.animationId = requestAnimationFrame(() => this.animate());\n            },\n\n            destroy() {\n                this.pause();\n                if (this.resizeObserver) {\n                    this.resizeObserver.disconnect();\n                }\n            }\n        }));\n    });\n<\/script>\n\n\n<section class=\"w-full py-16 lg:py-24 bg-white overflow-hidden font-['Inter']\">\n  <div class=\"container mx-auto px-4 lg:px-8 flex flex-col items-center\">\n    \n    <!-- Header Section -->\n    <div class=\"w-full max-w-4xl text-center flex flex-col items-center gap-4 lg:gap-6 mb-12 lg:mb-16\">\n                <div class=\"text-[#148752] text-sm lg:text-base font-bold uppercase leading-8 tracking-wider\">\n            SCHL\u00dcSSELF\u00c4HIGKEITEN        <\/div>\n                \n                <h2 class=\"text-[#0F1556] text-3xl md:text-4xl lg:text-5xl font-semibold md:leading-tight lg:leading-[60px]\">\n            Identit\u00e4ts- und Zugriffssteuerung\u2028F\u00fcr heute entwickelt, bereit f\u00fcr die Zukunft        <\/h2>\n                \n                <p class=\"text-[#2A3274] text-lg lg:text-xl font-normal leading-relaxed max-w-[880px] mt-2\">\n            Wir bieten die erforderlichen Kernfunktionen, um den heutigen Anforderungen in den Bereichen Audit, Compliance und Sicherheit gerecht zu \u2013 und zwar mit der Skalierbarkeit und Flexibilit\u00e4t, die zuk\u00fcnftiges Wachstum f\u00f6rdern und sich wandelnde Risiken mindern.        <\/p>\n            <\/div>\n\n    <!-- Slider Section -->\n    <div class=\"w-full relative key-capabilities-slider\" data-total=\"7\">\n        \n        <!-- Pills Navigation -->\n        <div class=\"flex  flex-nowrap lg:flex-wrap justify-start lg:justify-center items-center gap-3 mb-8 lg:mb-12 px-4 lg:max-w-[884px] lg:mx-auto overflow-x-auto scrollbar-hide pb-2\">\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"0\">\n                    Access Risk Analysis                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"1\">\n                    Compliant Provisioning                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"2\">\n                    Certifications                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"3\">\n                    AI Governance                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"4\">\n                    Privileged Access Management                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"5\">\n                    Dynamic Access Control                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"6\">\n                    Continuous Controls Monitoring                <\/button>\n                    <\/div>\n\n        <!-- Slider Container -->\n        <div class=\"relative w-full\">\n            \n            <!-- Desktop Left Arrow (match insights.php styles) -->\n            <button class=\"cap-prev hidden xl:inline-flex absolute left-[-24px] top-1\/2 -translate-y-1\/2 z-20 w-10 h-10 bg-white rounded-full border border-[#e3e7f6] text-[#0F1556] shadow-sm hover:bg-[#f7fafc] disabled:opacity-40 items-center justify-center\" aria-label=\"Previous capability\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n\n            <!-- Cards -->\n            <div class=\"relative w-full overflow-hidden rounded-lg bg-[#F8F9FF] shadow-sm\">\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full block\" data-index=\"0\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Access Risk Analysis                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Pathlock automatisiert die Analyse von SoD und sensiblen Zugriffsrisiken mit anpassbaren Regels\u00e4tzen, was die Wertsch\u00f6pfung beschleunigt und Risiken und Kosten verringert.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/de\/products\/sap-access-risk-analysis\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Mehr erfahren<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-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 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\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_0)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_0)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_0)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_0)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_0\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_0\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_0\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_0\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/access-risk-analysis.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"1\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Compliant Provisioning                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Mit der konformen Provisionierung von Pathlock k\u00f6nnen Sie Benutzerrechte modellieren und validieren, bevor Sie Zugriff gew\u00e4hren. Sie k\u00f6nnen auch den gesamten Joiner-Mover-Leaver (JML)-Prozess automatisieren und dabei die Compliance einhalten.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/de\/products\/compliant-provisioning\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Mehr erfahren<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-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 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\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_1)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_1)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_1)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_1)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_1\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_1\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_1\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_1\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/compliant-provisioning.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"2\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Certifications                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Erstellen Sie einen kontinuierlichen Pr\u00fcfungsprozess f\u00fcr den Benutzerzugriff, bei dem die Pr\u00fcfer fundierte Entscheidungen dar\u00fcber treffen k\u00f6nnen, ob der Zugriff best\u00e4tigt oder entzogen werden soll. Dar\u00fcber hinaus erhalten Sie einen Audit-Trail, um die Durchf\u00fchrung von Pr\u00fcfungen nachzuweisen.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/de\/products\/user-access-review-software\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Mehr erfahren<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-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 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\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_2)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_2)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_2)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_2)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_2\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_2\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_2\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_2\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/certifications.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"3\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                AI Governance                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Pathlock gew\u00e4hrleistet eine einheitliche Zugriffskontrolle f\u00fcr alle Identit\u00e4ten, indem nicht-menschliche Identit\u00e4ten (Non-Human Identities, NHIs) mit derselben Sorgfalt behandelt werden wie menschliche Benutzer. Gleichzeitig werden KI-Agenten direkt in Governance-Workflows eingebunden, um schnellere und sicherere Entscheidungen zu erm\u00f6glichen.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/de\/use-cases\/nhi-governance\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Mehr erfahren<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-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 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\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_3)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_3)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_3)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_3)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_3\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_3\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_3\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_3\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/ai-governance.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"4\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Privileged Access Management                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Nutzen Sie den vollst\u00e4ndig automatisierten Prozess des erweiterten Zugriffsmanagements mit integrierten Workflows, um den Bedarf an zus\u00e4tzlichen IT-Ressourcen zu reduzieren. Mit Pathlock erhalten Sie au\u00dferdem einen auditbereiten Nachweis, dass die Sitzungen privilegierter Benutzer \u00fcberwacht werden.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/de\/products\/elevated-access-management-software\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Mehr erfahren<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-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 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\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_4)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_4)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_4)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_4)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_4\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_4\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_4\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_4\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/privileged-access-management.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"5\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Dynamic Access Control                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Nutzen Sie attributbasierte Richtlinien in Echtzeit zum Maskieren, Verschl\u00fcsseln und Einschr\u00e4nken sensibler Daten, um Risiken zu mindern, Rollen weniger komplex zu gestalten und die Compliance zu vereinfachen.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/de\/products\/dynamic-access-control\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Mehr erfahren<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-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 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\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_5)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_5)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_5)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_5)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_5\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_5\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_5\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_5\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/dynamic-access-control.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"6\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Continuous Controls Monitoring                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Automatisieren Sie die Aufsicht \u00fcber Kontrollen, analysieren Sie Transaktionen auf finanzielle Auswirkungen und erkennen Sie kritische \u00c4nderungen, um Risiken schneller zu beheben und kontinuierliche Compliance sicherzustellen.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/de\/products\/continuous-controls-monitoring\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">Mehr erfahren<\/span>\n                                <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-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 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\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_6)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_6)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_6)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_6)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_6\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_6\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_6\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_6\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/continuous-controls-monitoring.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                            <\/div>\n\n            <!-- Desktop Right Arrow (match insights.php styles) -->\n            <button class=\"cap-next hidden xl:inline-flex absolute right-[-24px] top-1\/2 -translate-y-1\/2 z-20 w-10 h-10 bg-white rounded-full border border-[#e3e7f6] text-[#0F1556] shadow-sm hover:bg-[#f7fafc] disabled:opacity-40 items-center justify-center\" aria-label=\"Next capability\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n\n        <\/div>\n\n        <!-- Mobile\/Tablet Arrows (Below content) - use same style as insights.php -->\n        <div class=\"flex xl:hidden justify-start md:justify-center items-center gap-4 mt-8 px-4\">\n            <button class=\"rtl:rotate-180 cap-prev inline-flex items-center justify-center w-10 h-10 rounded-full bg-white border border-[#e3e7f6] text-[#0F1556] shadow-sm hover:bg-[#f7fafc] disabled:opacity-40\" aria-label=\"Previous capability\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n            <button class=\"rtl:rotate-180 cap-next inline-flex items-center justify-center w-10 h-10 rounded-full bg-white border border-[#e3e7f6] text-[#0F1556] shadow-sm hover:bg-[#f7fafc] disabled:opacity-40\" aria-label=\"Next capability\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n        <\/div>\n        \n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@keyframes capFadeIn {\n    from { opacity: 0; transform: translateX(10px); }\n    to { opacity: 1; transform: translateX(0); }\n}\n.animate-fade-in {\n    animation: capFadeIn 0.3s ease-out forwards;\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const sliders = document.querySelectorAll('.key-capabilities-slider');\n    \n    sliders.forEach(slider => {\n        let current = 0; \/\/ Default to Privileged Access Management if possible, but 0 is safe\n        const total = parseInt(slider.getAttribute('data-total'));\n        if (total <= 0) return;\n\n        const pills = slider.querySelectorAll('.capability-pill');\n        const cards = slider.querySelectorAll('.capability-card');\n        const prevBtns = slider.querySelectorAll('.cap-prev');\n        const nextBtns = slider.querySelectorAll('.cap-next');\n\n        \/\/ Target indices for specific tabs if desired, otherwise index is standard\n        \/\/ In the mockup, \"Privileged Access Management\" is selected by default\n        \/\/ Let's find it and set it as default if it exists\n        pills.forEach((pill, idx) => {\n            if (pill.innerText.trim() === 'Privileged Access Management') {\n                current = idx;\n            }\n        });\n\n        function updateSlider(newIndex) {\n            \/\/ Revert old pill\n            pills[current].classList.remove('bg-[#0F1556]', 'text-white');\n            pills[current].classList.add('bg-[#F8F9FF]', 'text-[#0F1556]');\n            \n            \/\/ Set new pill\n            pills[newIndex].classList.remove('bg-[#F8F9FF]', 'text-[#0F1556]');\n            pills[newIndex].classList.add('bg-[#0F1556]', 'text-white');\n\n            \/\/ Hide old card\n            cards[current].classList.remove('block', 'animate-fade-in');\n            cards[current].classList.add('hidden');\n            \n            \/\/ Show new card\n            cards[newIndex].classList.remove('hidden');\n            cards[newIndex].classList.add('block', 'animate-fade-in');\n\n            current = newIndex;\n        }\n\n        \/\/ Initialize state (reset all, then apply current)\n        pills.forEach((pill, idx) => {\n            if (idx === current) {\n                pill.classList.add('bg-[#0F1556]', 'text-white');\n            } else {\n                pill.classList.add('bg-[#F8F9FF]', 'text-[#0F1556]');\n            }\n        });\n\n        cards.forEach((card, idx) => {\n            if (idx === current) {\n                card.classList.remove('hidden');\n                card.classList.add('block');\n            } else {\n                card.classList.remove('block');\n                card.classList.add('hidden');\n            }\n        });\n\n        \/\/ Event Listeners\n        pills.forEach((pill, idx) => {\n            pill.addEventListener('click', () => {\n                if(current !== idx) updateSlider(idx);\n            });\n        });\n\n        prevBtns.forEach(btn => {\n            btn.addEventListener('click', () => {\n                const newIndex = (current - 1 + total) % total;\n                updateSlider(newIndex);\n            });\n        });\n\n        nextBtns.forEach(btn => {\n            btn.addEventListener('click', () => {\n                const newIndex = (current + 1) % total;\n                updateSlider(newIndex);\n            });\n        });\n    });\n});\n<\/script>\n\n\n<style>\n    body.modal-open {\n        overflow: hidden;\n    }\n\n    .wistia_responsive_padding {\n        padding: 56.25% 0 0 0;\n        position: relative;\n    }\n\n    .wistia_responsive_wrapper {\n        height: 100%;\n        left: 0;\n        position: absolute;\n        top: 0;\n        width: 100%;\n    }\n\n    .wistia_embed {\n        height: 100%;\n        position: relative;\n        width: 100%;\n    }\n\n    .wistia_video_container {\n        height: 100%;\n        width: 100%;\n    }\n\n    .slider-hidden {\n        opacity: 0;\n        pointer-events: none;\n    }\n\n    .slider-visible {\n        opacity: 1;\n        pointer-events: auto;\n        transition: opacity 0.3s ease-out;\n    }\n<\/style>\n\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\n<section class=\"bg-[#F5F6FC] p-16 lg:p-24 overflow-hidden px-4\">\n    <div class=\"container mx-auto lg:px-8\">\n        <div class=\"relative container\">\n            <div class=\"text-center text-[#0F1556] px-4 flex flex-col justify-center items-center\">\n                                    <span class=\"text-[#148752] text-sm lg:text-base font-bold uppercase leading-[30px] tracking-wider mb-3\">UNSERE KUNDEN<\/span>\n                                                    <h2 class=\"text-3xl lg:text-5xl lg:leading-[60px] font-semibold mb-12 lg:mb-16\">Weltweit f\u00fchrende<br> Unternehmen vertrauen Pathlock<\/h2>\n                            <\/div>\n\n            <!-- Alpine Component Root -->\n            <div x-data=\"videoController()\" class=\"relative\">\n\n                <!-- Mobile version (slider) -->\n                <div x-data=\"mobileSlider()\" class=\"w-full\">\n\n                    <!-- Slides Container -->\n                    <div class=\"relative overflow-visible w-full\"\n                         :class=\"ready ? 'slider-visible' : 'slider-hidden'\">\n                        <div class=\"flex\"\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=\"flex-shrink-0 h-[500px] px-4 relative\"\n                                     :style=\"{ width: slideWidth + 'px' }\">\n                                    <div\n                                            class=\"relative rounded-lg overflow-hidden transition-all duration-500\"\n                                            :class=\"isActive(index) ? 'h-[500px] opacity-100' : 'h-[475px] opacity-60'\"\n                                    >\n                                        <!-- Background image -->\n                                        <img :src=\"video.bgImage\"\n                                             class=\"no-override absolute inset-0 w-full h-full object-cover\"\n                                             alt=\"Background Image\"\/>\n\n                                        <!-- Dot pattern overlay -->\n                                        <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10\">\n                                            <source media=\"(max-width: 640px)\" srcset=\"\/wp-content\/uploads\/2026\/04\/background_pattern_dots_small.webp\">\n                                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/background_pattern_dots_big.webp\"\n                                                 class=\"no-override w-full h-full object-cover\"\n                                                 aria-hidden=\"true\" alt=\"\"\/>\n                                        <\/picture>\n\n                                        <!-- Background video -->\n                                        <video\n                                                :data-index=\"index\"\n                                                class=\"absolute inset-0 w-full h-full object-cover transition-opacity duration-500\"\n                                                :class=\"isActive(index) ? 'opacity-100' : 'opacity-0'\"\n                                                muted\n                                                loop\n                                                playsinline\n                                                preload=\"none\"\n                                        ><\/video>\n\n                                        <!-- Content overlay -->\n                                        <div class=\"flex flex-col justify-between gap-8 md:p-8 p-4 z-20 h-full relative bg-[#0F15564D]\">\n                                            <div class=\"flex flex-col flex-start\">\n\n                                                <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-3 rounded inline-flex items-center self-start shadow-sm\">\n                                                    <img :src=\"video.logo\"\n                                                         class=\"no-override h-10 object-contain\" alt=\"Logo\"\/>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"z-20 flex flex-col items-start  text-white sm:py-8\" style=\"max-width:900px;\">\n                                                <span x-text=\"video.quote\"\n                                                      class=\"md:text-4xl text-2xl font-normal md:leading-10 leading-8 hyphens-auto\"><\/span>\n                                            <\/div>\n                                            <div class=\"flex flex-col items-start z-10\">\n                                                <button @click=\"openModal(video.mediaID)\" aria-label=\"Play video\"\n                                                        class=\"group flex items-center rounded-lg\">\n                                                    <div class=\"w-12 h-12 rtl:rotate-180 bg-white bg-opacity-20 rounded-full flex items-center justify-center\">\n                                                        <svg class=\"max-w-12 max-h-12\"\n                                                             xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"131\"\n                                                             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\"\n                                                               style=\"transform-origin: center;\">\n                                                                <g filter=\"url(#filter1_d_797_1676_mob)\">\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_mob\" x=\"4\" y=\"4\" width=\"123\" height=\"123\"\n                                                                        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\"\n                                                                                 result=\"effect1_backgroundBlur_797_1676_mob\"><\/feComposite>\n                                                                    <feBlend mode=\"normal\" in=\"SourceGraphic\"\n                                                                             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\"\n                                                                        width=\"129.931\" height=\"129.916\"\n                                                                        filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                                                    <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\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\"><\/feColorMatrix>\n                                                                    <feOffset><\/feOffset>\n                                                                    <feGaussianBlur stdDeviation=\"11.35\"><\/feGaussianBlur>\n                                                                    <feComposite in2=\"hardAlpha\" operator=\"out\"><\/feComposite>\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\"><\/feColorMatrix>\n                                                                    <feBlend mode=\"normal\" in2=\"BackgroundImageFix\"\n                                                                             result=\"effect1_dropShadow_797_1676_mob\"><\/feBlend>\n                                                                    <feBlend mode=\"normal\" in=\"SourceGraphic\"\n                                                                             in2=\"effect1_dropShadow_797_1676_mob\" result=\"shape\"><\/feBlend>\n                                                                <\/filter>\n                                                            <\/defs>\n                                                        <\/svg>\n                                                    <\/div>\n                                                    <span class=\"rtl:ml-0 rtl:mr-2 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 controls -->\n                    <div class=\"flex items-center justify-center slider-hidden gap-4 mt-6\"\n                         :class=\"ready ? 'slider-visible' : 'slider-hidden'\">\n\n                        <!-- Prev -->\n                        <button\n                                @click=\"prevSlide()\"\n                                class=\"w-8 h-8 rtl:rotate-180 flex items-center justify-center rounded-full border border-[#CED5EE] shadow-sm hover:!bg-[#f7fafc] transition-colors duration-200\"\n                                aria-label=\"Previous\"\n                        >\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M10 12L6 8L10 4\" stroke=\"#0F1556\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/button>\n\n                        <!-- Dots -->\n                        <div class=\"flex items-center gap-2 px-4 py-[14px] border border-[#CED5EE] rounded-full\">\n                            <template x-for=\"(_, index) in Array.from({length: videos.length - 2})\" :key=\"index\">\n                                <button\n                                        @click=\"goToSlide(index + 1)\"\n                                        class=\"w-10 h-1 rounded transition-colors duration-300\"\n                                        :class=\"realIndex() === index ? 'bg-[#0F1556]' : 'bg-[#CED5EE]'\"\n                                        :aria-label=\"`Go to slide ${index + 1}`\"\n                                ><\/button>\n                            <\/template>\n                        <\/div>\n\n                        <!-- Next -->\n                        <button\n                                @click=\"nextSlide()\"\n                                class=\"w-8 h-8 rtl:rotate-180 flex items-center justify-center rounded-full border border-[#CED5EE] shadow-sm hover:!bg-[#f7fafc] transition-colors duration-200\"\n                                aria-label=\"Next\"\n                        >\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M6 4L10 8L6 12\" stroke=\"#0F1556\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/button>\n\n                    <\/div>\n\n                <\/div>\n\n                <!-- Modal -->\n                <div x-show=\"isModalOpen\" x-cloak class=\"fixed inset-0 z-50\">\n                    <!-- 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 class=\"h-4 w-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"\n                                         xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                              d=\"M6 18L18 6M6 6l12 12\"><\/path>\n                                    <\/svg>\n                                <\/button>\n                            <\/div>\n                            <div class=\"p-4 pt-0\">\n                                <div id=\"wistia-video-container\" class=\"w-full\" style=\"aspect-ratio: 16 \/ 9;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                                    <div class=\"pt-8 lg:pt-16 container lg:px-8 px-4\">\n                        <div class=\"relative flex flex-wrap gap-x-16 gap-y-[45px] mx-auto justify-center\">\n                                                            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\"\n                                     height=\"48\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/Chevron_logo.svg\"\n                                     alt=\"\">\n                                                            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\"\n                                     height=\"48\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/siemens_logo.svg\"\n                                     alt=\"\">\n                                                            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\"\n                                     height=\"48\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/logo_ms.svg\"\n                                     alt=\"\">\n                                                            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\"\n                                     height=\"48\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/Toyota_logo.svg\"\n                                     alt=\"\">\n                                                            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\"\n                                     height=\"48\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Linde-color.svg\"\n                                     alt=\"\">\n                                                            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\"\n                                     height=\"48\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/aramco_logo.svg\"\n                                     alt=\"\">\n                                                            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\"\n                                     height=\"48\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/jabil_logo.svg\"\n                                     alt=\"\">\n                                                            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\"\n                                     height=\"48\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/geico_.svg\"\n                                     alt=\"\">\n                                                            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\"\n                                     height=\"48\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/electrolux_lightbg.svg\"\n                                     alt=\"\">\n                                                            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\"\n                                     height=\"48\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/panasonic.svg\"\n                                     alt=\"\">\n                                                            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\"\n                                     height=\"48\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/vw.svg\"\n                                     alt=\"\">\n                                                    <\/div>\n                    <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    (function () {\n        const videoData = [{\"bgImage\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/jabil7200000-1.avif\",\"logo\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/jabildarkbg.svg\",\"mediaID\":\"warq7glqoo\",\"videoUrlWEBM\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Jabil720-vp9-chrome.webm\",\"videoUrlMP4\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Jabil720.mp4\",\"quote\":\"Pathlock hat unsere SOX-Audits rationalisiert, indem es uns geholfen hat, echte SoD-Verst\\u00f6\\u00dfe zu identifizieren, so dass wir uns auf die Minderung tats\\u00e4chlicher und nicht nur potenzieller Risiken konzentrieren k\\u00f6nnen.\",\"tag\":\"\"},{\"bgImage\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/CSM720_0000.webp\",\"logo\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/csm.svg\",\"mediaID\":\"eluh781wd9\",\"videoUrlWEBM\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/CSM720-vp9-chrome.webm\",\"videoUrlMP4\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/CSM720.mp4\",\"quote\":\"Pathlock verschaffte uns einen Echtzeit-Einblick in das Zugriffsrisiko und automatisierte unsere SoD-Analyse, wodurch das R\\u00e4tselraten entfiel und die Einhaltung der Vorschriften optimiert wurde.\",\"tag\":\"\"},{\"bgImage\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Lee720_0000.webp\",\"logo\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/lee.webp\",\"mediaID\":\"rq86egfbh3\",\"videoUrlWEBM\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Lee720-vp9-chrome.webm\",\"videoUrlMP4\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Lee720.mp4\",\"quote\":\"Pathlock sorgte f\\u00fcr eine sichere und konforme Provisionierung sowie das Lebenszyklus-Management der Identit\\u00e4ten von Studierenden und Personal.\",\"tag\":\"\"}];\n\n        function registerAlpineComponents() {\n\n            \/\/ \u2500\u2500\u2500 Modal controller \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n            Alpine.data('videoController', () => ({\n                isModalOpen: false,\n                currentVideoId: null,\n                wistiaEmbed: null,\n\n                openModal(mediaId) {\n                    this.currentVideoId = mediaId;\n                    this.isModalOpen = true;\n                    document.body.classList.add('modal-open');\n\n                    this.$nextTick(() => {\n                        const container = document.getElementById('wistia-video-container');\n                        if (container) {\n                            this.createWistiaVideo(mediaId, container);\n                        } else {\n                            console.error('Wistia container not found in modal.');\n                        }\n                    });\n                },\n\n                closeModal() {\n                    if (this.wistiaEmbed) {\n                        try { this.wistiaEmbed.remove(); } catch (e) { console.error(e); }\n                        this.wistiaEmbed = null;\n                    }\n                    const container = document.getElementById('wistia-video-container');\n                    if (container) container.innerHTML = '';\n                    this.isModalOpen = false;\n                    this.currentVideoId = null;\n                    document.body.classList.remove('modal-open');\n                },\n\n                createWistiaVideo(mediaId, container) {\n                    container.innerHTML = '';\n\n                    const paddingDiv = document.createElement('div');\n                    paddingDiv.className = 'wistia_responsive_padding';\n                    paddingDiv.style.cssText = 'padding:56.25% 0 0 0;position:relative;';\n\n                    const wrapperDiv = document.createElement('div');\n                    wrapperDiv.className = 'wistia_responsive_wrapper';\n                    wrapperDiv.style.cssText = 'height:100%;left:0;position:absolute;top:0;width:100%;';\n\n                    const embedDiv = document.createElement('div');\n                    embedDiv.className = `wistia_embed wistia_async_${mediaId} videoFoam=true`;\n                    embedDiv.style.cssText = 'height:100%;position:relative;width:100%;';\n\n                    wrapperDiv.appendChild(embedDiv);\n                    paddingDiv.appendChild(wrapperDiv);\n                    container.appendChild(paddingDiv);\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                    if (typeof Wistia !== 'undefined' && Wistia.hasLoaded) {\n                        Wistia.api.scan();\n                    }\n                },\n            }));\n\n            \/\/ \u2500\u2500\u2500 Mobile slider \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n            Alpine.data('mobileSlider', () => ({\n                currentSlide: 1,\n                videos: [],\n                startX: 0,\n                currentX: 0,\n                isDragging: false,\n                dragThreshold: 50,\n                isRTL: false,\n                slideWidth: 0,\n                offset: 0,\n                ready: false,\n                isAnimating: false,\n                animTimer: null,\n\n                init() {\n                    const original = [...videoData];\n                    this.videos = [\n                        original[original.length - 1],\n                        ...original,\n                        original[0],\n                    ];\n                    this.currentSlide = 1;\n\n                    this.isRTL = document.documentElement.dir === 'rtl' ||\n                        document.documentElement.lang === 'ar';\n\n                    this.$nextTick(() => {\n                        this.calcDimensions();\n                        window.addEventListener('resize', () => this.calcDimensions());\n                    });\n                },\n\n                calcDimensions() {\n                    const wrapperWidth = this.$refs.slider.parentElement.offsetWidth;\n\n                    this.slideWidth = window.innerWidth < 640\n                        ? Math.round(wrapperWidth)\n                        : Math.round(wrapperWidth * 0.87);\n\n                    this.offset = window.innerWidth < 640\n                        ? 0\n                        : Math.round((wrapperWidth - this.slideWidth) \/ 2);\n\n                    this.$refs.slider.style.transition = 'none';\n                    this.$refs.slider.style.transform =\n                        `translateX(${this.getTranslate(this.currentSlide)}px)`;\n\n                    this.$nextTick(() => {\n                        this.ready = true;\n                        this.loadAndPlayVideo(this.currentSlide);\n                    });\n                },\n\n                getTranslate(slide) {\n                    const sign = this.isRTL ? 1 : -1;\n                    return sign * slide * this.slideWidth + this.offset;\n                },\n\n\n                realIndex() {\n                    const total = videoData.length;\n                    return (this.currentSlide - 1 + total) % total;\n                },\n\n\n                isActive(index) {\n                    const total = videoData.length;\n                    const ri = (index - 1 + total) % total;\n                    return ri === this.realIndex();\n                },\n\n                startDrag(e) {\n                    if (e.touches.length === 1) {\n                        this.isDragging = true;\n                        this.startX = e.touches[0].clientX;\n                        this.currentX = this.startX;\n                        this.$refs.slider.style.transition = 'none';\n                    }\n                },\n\n                drag(e) {\n                    if (!this.isDragging || e.touches.length !== 1) return;\n                    this.currentX = e.touches[0].clientX;\n                    const diffX = this.currentX - this.startX;\n                    const base = this.getTranslate(this.currentSlide);\n                    this.$refs.slider.style.transform = `translateX(${base + diffX}px)`;\n                },\n\n                endDrag() {\n                    if (!this.isDragging) return;\n                    this.isDragging = false;\n                    this.$refs.slider.style.transition = 'transform 0.5s ease-in-out';\n\n                    const diffX = this.currentX - this.startX;\n                    if (Math.abs(diffX) > this.dragThreshold && !this.isAnimating) {\n                        if (this.isRTL) {\n                            diffX < 0 ? this.prevSlide() : this.nextSlide();\n                        } else {\n                            diffX < 0 ? this.nextSlide() : this.prevSlide();\n                        }\n                    } else {\n                        if (!this.isAnimating) this.goToSlide(this.currentSlide);\n                    }\n\n                    this.startX = 0;\n                    this.currentX = 0;\n                },\n\n                nextSlide() {\n                    if (this.isAnimating) return;\n                    this.goToSlide(this.currentSlide + 1);\n                },\n\n                prevSlide() {\n                    if (this.isAnimating) return;\n                    this.goToSlide(this.currentSlide - 1);\n                },\n\n                goToSlide(index, animate = true) {\n                    if (this.isAnimating) return;\n                    this.isAnimating = true;\n\n                    const prev = this.currentSlide;\n                    this.currentSlide = index;\n\n                    this.$refs.slider.style.transition = animate\n                        ? 'transform 0.5s ease-in-out'\n                        : 'none';\n                    this.$refs.slider.style.transform =\n                        `translateX(${this.getTranslate(index)}px)`;\n\n                    if (prev !== index) {\n                        const prevVideo = this.$refs.slider\n                            .querySelector(`video[data-index=\"${prev}\"]`);\n                        if (prevVideo) prevVideo.pause();\n                    }\n\n                    const total = this.videos.length;\n                    const lastReal = total - 2;\n\n                    if (this.animTimer) clearTimeout(this.animTimer);\n                    this.animTimer = setTimeout(() => {\n                        if (this.currentSlide === 0) {\n                            this.$refs.slider.style.transition = 'none';\n                            this.currentSlide = lastReal;\n                            this.$refs.slider.style.transform =\n                                `translateX(${this.getTranslate(lastReal)}px)`;\n                        } else if (this.currentSlide === total - 1) {\n                            this.$refs.slider.style.transition = 'none';\n                            this.currentSlide = 1;\n                            this.$refs.slider.style.transform =\n                                `translateX(${this.getTranslate(1)}px)`;\n                        }\n                        this.$nextTick(() => this.loadAndPlayVideo(this.currentSlide));\n                        this.isAnimating = false;\n                    }, 500);\n                },\n\n                loadAndPlayVideo(index) {\n                    const videoEl = this.$refs.slider\n                        .querySelector(`video[data-index=\"${index}\"]`);\n                    if (!videoEl) return;\n\n                    const item = this.videos[index];\n                    if (!item) return;\n\n                    if (!videoEl.dataset.loaded) {\n                        videoEl.dataset.loaded = 'true';\n\n                        if (item.videoUrlWEBM) {\n                            const s = document.createElement('source');\n                            s.type = 'video\/webm';\n                            s.src = item.videoUrlWEBM;\n                            videoEl.appendChild(s);\n                        }\n                        if (item.videoUrlMP4) {\n                            const s = document.createElement('source');\n                            s.type = 'video\/mp4';\n                            s.src = item.videoUrlMP4;\n                            videoEl.appendChild(s);\n                        }\n                        videoEl.load();\n                    }\n\n                    if (videoEl.readyState >= 3) {\n                        videoEl.play().catch(e => console.log('Autoplay prevented:', e));\n                    } else {\n                        videoEl.addEventListener('canplay', () => {\n                            videoEl.play().catch(e => console.log('Autoplay prevented:', e));\n                        }, { once: true });\n                    }\n                },\n            }));\n        }\n\n        if (typeof Alpine !== 'undefined' && typeof Alpine.data === 'function') {\n            registerAlpineComponents();\n        } else {\n            document.addEventListener('alpine:init', registerAlpineComponents);\n        }\n    })();\n<\/script>\n\n\n\n<section class=\"w-full bg-gradient-to-b from-[#0F1556] via-[#0E154F] to-[#121B66] overflow-hidden relative font-['Inter']\">\n  <!-- Grid Background Overlay -->\n  <div class=\"absolute inset-0 pointer-events-none opacity-20\" style=\"background-image: linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px); background-size: 80px 80px; background-position: center top;\"><\/div>\n\n  <div class=\"container mx-auto px-4 lg:px-8 py-16 lg:py-24 relative z-10 flex flex-col gap-16\">\n    \n    <!-- Top Row: Main Analyst Recognition -->\n    <div class=\"flex flex-col-reverse lg:flex-row items-center gap-12 lg:gap-16\">\n        <!-- Text Content -->\n        <div class=\"flex-1 flex flex-col items-start gap-8 lg:gap-12 w-full\">\n            <div class=\"flex flex-col items-start gap-4\">\n                                <div class=\"text-[#24B770] text-sm lg:text-base font-bold uppercase leading-8 tracking-wider\">\n                    AUSZEICHNUNG DURCH ANALYSTEN                <\/div>\n                                \n                                <h2 class=\"text-white text-3xl md:text-4xl lg:text-5xl font-medium md:leading-tight lg:leading-[60px] max-w-2xl\">\n                    KuppingerCole&#8217;s Leadership Compass f\u00fcr Tools zur Zugriffskontrolle f\u00fcr SAP-Umgebungen                <\/h2>\n                            <\/div>\n            \n                        <a href=\"https:\/\/pathlock.com\/de\/resources\/reports\/access-control-tools-for-sap-environments\/\" target=\"\" class=\"self-stretch md:self-auto px-6 py-3 rounded-lg outline outline-1 outline-[#E3E7F6] hover:bg-[#E3E7F6] transition-all duration-300 inline-flex justify-center items-center gap-2 group\">\n                <span class=\"text-white group-hover:text-[#0F1556] text-base font-semibold leading-6\">Vollst\u00e4ndigen Bericht herunterladen<\/span>\n                <svg class=\"w-5 h-5 rtl:rotate-180 text-white group-hover:translate-x-1 group-hover:rtl:-translate-x-1 transition-transform duration-300 group-hover:stroke-[#0F1556]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\" \/>\n                <\/svg>\n            <\/a>\n                    <\/div>\n        \n        <!-- Main Image -->\n        <div class=\"flex-1 w-full relative flex justify-center\">\n            <!-- Glow effect behind the image -->\n            <!-- <div class=\"absolute inset-0 bg-[#24B770]\/10 blur-[80px] rounded-full mix-blend-screen pointer-events-none w-[80%] h-[80%] m-auto\"><\/div> -->\n\n            <!-- Decorative background layer (additional image) behind the main image -->\n            <div class=\"absolute top-[-148px] pointer-events-none w-[748px] h-[675px] bg-cover bg-center\" style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/bg-reports.avif');\"><\/div>\n\n                            <img decoding=\"async\" class=\"no-override w-96 h-96 object-contain drop-shadow-2xl rounded-xl relative z-10\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/image-96.avif\" alt=\"\" \/>\n                    <\/div>\n    <\/div>\n    \n    <!-- Secondary Reports Grid -->\n    <div class=\"hidden lg:grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-8 w-full mt-4 lg:mt-8\">\n                                            <div class=\"flex flex-col sm:flex-row bg-[#151c60] lg:bg-white\/5 rounded-xl border border-white\/10 overflow-hidden transition-all group\/card\">\n                <!-- Report Image Area -->\n                                <div class=\"w-full sm:w-48 shrink-0 flex items-center justify-center p-6 relative overflow-hidden bg-transparent\" style=\"background-image: url('data:image\/svg+xml;utf8,%3Csvg%20class%3D%22w%22%20viewBox%3D%220%200%20200%20200%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%3E%0A%3Cg%20clip-path%3D%22url%28%23clip0_1213_3390%29%22%3E%0A%3Cpath%20d%3D%22M200%200H0V200H200V0Z%22%20fill%3D%22url%28%23paint0_linear_1213_3390%29%22%2F%3E%0A%3Cpath%20d%3D%22M200%200H0V200H200V0Z%22%20fill%3D%22url%28%23paint1_radial_1213_3390%29%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1213_3390%22%20x1%3D%2230.5%22%20y1%3D%22171%22%20x2%3D%22285.5%22%20y2%3D%223.41713e-06%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%230A0F3F%22%2F%3E%0A%3Cstop%20offset%3D%220.35%22%20stop-color%3D%22%2323345A%22%2F%3E%0A%3Cstop%20offset%3D%220.62%22%20stop-color%3D%22%232E646D%22%2F%3E%0A%3Cstop%20offset%3D%220.85%22%20stop-color%3D%22%233C8B72%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2347A069%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CradialGradient%20id%3D%22paint1_radial_1213_3390%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate%2870%2060%29%20scale%28180%29%22%3E%0A%3Cstop%20offset%3D%220.7%22%20stop-opacity%3D%220.1%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230F1556%22%20stop-opacity%3D%220.18%22%2F%3E%0A%3C%2FradialGradient%3E%0A%3CclipPath%20id%3D%22clip0_1213_3390%22%3E%0A%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E'); background-size: cover; background-position: center; background-repeat: no-repeat;\">\n                    <div class=\"absolute inset-0 bg-white\/5 opacity-0 \"><\/div>\n                                        <img decoding=\"async\" class=\"w-28 sm:w-32 h-auto object-contain drop-shadow-xl relative z-10\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/gartner.avif\" alt=\"\" \/>\n                                    <\/div>\n                \n                <!-- Report Text -->\n                <div class=\"flex-1 p-6 flex flex-col justify-start items-start gap-4 sm:gap-6\">\n                    <h3 class=\"text-white text-lg lg:text-xl font-medium leading-relaxed\">\n                        Gartner\u00ae Market Guide for Identity Governance and Administration                    <\/h3>\n                    \n                                        <a href=\"https:\/\/pathlock.com\/de\/resources\/reports\/2025-gartner-market-guide-for-iga\/\" target=\"\" class=\"inline-flex items-center gap-2 group mt-auto\">\n                        <span class=\"text-white text-sm lg:text-base font-semibold leading-6\">Vollst\u00e4ndigen Bericht herunterladen<\/span>\n                        <svg class=\"w-4 h-4 rtl:rotate-180 text-white group-hover:translate-x-1 group-hover:rtl:-translate-x-1 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\" \/>\n                        <\/svg>\n                    <\/a>\n                                    <\/div>\n            <\/div>\n                                    <div class=\"flex flex-col sm:flex-row bg-[#151c60] lg:bg-white\/5 rounded-xl border border-white\/10 overflow-hidden transition-all group\/card\">\n                <!-- Report Image Area -->\n                                <div class=\"w-full sm:w-48 shrink-0 flex items-center justify-center p-6 relative overflow-hidden bg-transparent\" style=\"background-image: url('data:image\/svg+xml;utf8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20viewBox%3D%220%200%20200%20200%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%3E%0A%3Cg%20clip-path%3D%22url%28%23clip0_1213_3461%29%22%3E%0A%3Cpath%20d%3D%22M0%20200H200V0H0V200Z%22%20fill%3D%22url%28%23paint0_linear_1213_3461%29%22%2F%3E%0A%3Cpath%20d%3D%22M0%20200H200V0H0V200Z%22%20fill%3D%22url%28%23paint1_radial_1213_3461%29%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1213_3461%22%20x1%3D%22169.5%22%20y1%3D%2229%22%20x2%3D%22-85.5%22%20y2%3D%22200%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%230A0F3F%22%2F%3E%0A%3Cstop%20offset%3D%220.35%22%20stop-color%3D%22%2323345A%22%2F%3E%0A%3Cstop%20offset%3D%220.62%22%20stop-color%3D%22%232E646D%22%2F%3E%0A%3Cstop%20offset%3D%220.85%22%20stop-color%3D%22%233C8B72%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2347A069%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CradialGradient%20id%3D%22paint1_radial_1213_3461%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate%28130%20140%29%20rotate%28180%29%20scale%28180%29%22%3E%0A%3Cstop%20offset%3D%220.7%22%20stop-opacity%3D%220.1%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-opacity%3D%220.18%22%2F%3E%0A%3C%2FradialGradient%3E%0A%3CclipPath%20id%3D%22clip0_1213_3461%22%3E%0A%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22white%22%20transform%3D%22matrix%28-1%200%200%20-1%20200%20200%29%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E'); background-size: cover; background-position: center; background-repeat: no-repeat;\">\n                    <div class=\"absolute inset-0 bg-white\/5 opacity-0 \"><\/div>\n                                        <img decoding=\"async\" class=\"w-28 sm:w-32 h-auto object-contain drop-shadow-xl relative z-10\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Zoomed-In-Access-Control-Tools-for-multi-vendor-LoB-Environments_c.webp\" alt=\"\" \/>\n                                    <\/div>\n                \n                <!-- Report Text -->\n                <div class=\"flex-1 p-6 flex flex-col justify-start items-start gap-4 sm:gap-6\">\n                    <h3 class=\"text-white text-lg lg:text-xl font-medium leading-relaxed\">\n                        KuppingerCole&#8217;s Leadership Compass f\u00fcr Risikomanagement in Gesch\u00e4ftsanwendungen                    <\/h3>\n                    \n                                        <a href=\"https:\/\/pathlock.com\/de\/resources\/reports\/access-control-tools-for-multi-vendor-lob-environments\/\" target=\"\" class=\"inline-flex items-center gap-2 group mt-auto\">\n                        <span class=\"text-white text-sm lg:text-base font-semibold leading-6\">Vollst\u00e4ndigen Bericht herunterladen<\/span>\n                        <svg class=\"w-4 h-4 rtl:rotate-180 text-white group-hover:translate-x-1 group-hover:rtl:-translate-x-1 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\" \/>\n                        <\/svg>\n                    <\/a>\n                                    <\/div>\n            <\/div>\n                        <\/div>\n  <\/div>\n<\/section>\n\n\n<style>\n    \/* Style for when body has overflow hidden *\/\n    body.modal-open {\n        overflow: hidden;\n    }\n<\/style>\n\n<script>\nfunction modalVideoPlayer(){\n  return {\n    activeModal: null,\n    scriptLoaded: false,\n    async toggleModal(modalId) {\n      if (this.activeModal === modalId) {\n        this.closeModal();\n      } else {\n        this.activeModal = modalId;\n        document.body.classList.add('modal-open');\n        await this.loadWistiaScripts();\n        this.playVideo();\n      }\n    },\n    closeModal() {\n      const player = document.querySelector('wistia-player[media-id=\"yhd8fv0ubm\"]');\n      if (player) {\n        player.pause();\n      }\n      this.activeModal = null;\n      document.body.classList.remove('modal-open');\n    },\n    loadWistiaScripts() {\n      return new Promise((resolve) => {\n        if (!this.scriptLoaded) {\n          const playerScript = document.createElement('script');\n          playerScript.src = \"https:\/\/fast.wistia.com\/player.js\";\n          playerScript.async = true;\n          document.body.appendChild(playerScript);\n\n          const embedScript = document.createElement('script');\n          embedScript.src = \"https:\/\/fast.wistia.com\/embed\/yhd8fv0ubm.js\";\n          embedScript.async = true;\n          embedScript.type = \"module\";\n          document.body.appendChild(embedScript);\n\n          let scriptsLoaded = 0;\n          const checkScriptsLoaded = () => {\n            scriptsLoaded++;\n            if (scriptsLoaded === 2) {\n              this.scriptLoaded = true;\n              resolve();\n            }\n          };\n\n          playerScript.onload = checkScriptsLoaded;\n          embedScript.onload = checkScriptsLoaded;\n        } else {\n          resolve();\n        }\n      });\n    },\n    playVideo() {\n      const player = document.querySelector('wistia-player[media-id=\"yhd8fv0ubm\"]');\n      if (player) {\n        player.play();\n      }\n    }\n  }\n}\n<\/script>\n\n<section id=\"partnerschaften\" class=\"bg-[#f5f6fc] py-[40px] mt-8 lg:mt-12 lg:py-24 mb-0 w-full scroll-mt-28 !mt-0\" x-data=\"modalVideoPlayer()\" id=\"partnerschaften\">\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                <span class=\"text-[#148752] text-sm lg:text-base font-bold uppercase leading-[30px] tracking-wider mb-3\">PARTNERSCHAFTEN<\/span>\n                        <h2 class=\"text-3xl lg:text-5xl leading-[38px] lg:leading-[60px] max-w-[920px] font-semibold mb-4 lg:mb-5\">Einsatz in Partnerschaft mit den weltweit f\u00fchrenden Systemintegratoren<\/h2>\n        \n                <div class=\"text-lg max-w-[720px] lg:text-xl leading-[30px] font-normal\">\n            Pathlock arbeitet mit den weltweit f\u00fchrenden <b>Systemintegratoren<\/b> zusammen, um nahtlose Bereitstellungen und fachm\u00e4nnische Implementierungen sicherzustellen und so eine schnelle Wertsch\u00f6pfung, maximale Sicherheit und kontinuierliche Compliance zu gew\u00e4hrleisten.        <\/div>\n        \n        \n      <\/div>\n    <\/div>\n\n    <div id=\"split\" class=\"\">\n      <div class=\"\">\n        <div class=\"relative overflow-hidden rounded-lg bg-blue-950 mx-auto inset-0 flex flex-col lg:flex-row items-center justify-center container mt-10 lg:mt-16 text-white bg-gradient-to-b from-[#0e1b7a] to-[#0f1556]\">\n          <div class=\"absolute top-0 right-0 w-full h-full z-0\">\n            <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/08\/bg-svg-1.svg\" alt=\"bg-svg\" class=\"no-override w-full h-full object-cover\" style=\"object-position: center center;\">\n          <\/div>\n              <div class=\"relative z-10 w-full lg:w-[47%] flex h-full min-h-[210px] sm:min-h-[350px] lg:min-h-[491px] bg-no-repeat bg-cover rounded-t-lg lg:rounded-t-none lg:rounded-l-lg\" style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/kpmgvideo-2_0000.webp'); background-position: top center;\">\n                              <video\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=\"\/wp-content\/uploads\/videos\/kpmg.webm\" type=\"video\/webm\">\n                  Your browser does not support the video tag.\n                <\/video>\n                          \n                <div class=\"absolute w-full h-full bottom-0 left-0\">\n                  <button \n                          @click=\"toggleModal('yhd8fv0ubm')\" \n                          class=\"flex absolute  lg:bottom-[24px] bottom-[14px] lg:left-[24px] left-[17px] rounded-lg\"\n                      >\n                        <div class=\"group w-16 h-16 lg:w-24 lg:h-24\">\n                            <svg \n                              class=\"max-w-16 max-h-16 lg:max-w-24 lg:max-h-24\"\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)\">\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)\">\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\" 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\"><\/feComposite>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                    <filter id=\"filter1_d_797_1676\" 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\"><\/feBlend>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                <\/defs>\n                            <\/svg>\n                        <\/div>\n                  <\/button>\n                <\/div>\n              <\/div>\n              <div class=\"z-10 flex justify-center align-center lg:w-[53%] py-10 px-4 lg:p-16\">\n                <div class=\" flex-col justify-start items-start gap-8 flex\">\n                    <div class=\"flex-col justify-start items-start gap-6 flex\">\n                        <h3 class=\" text-white text-2xl lg:text-3xl font-medium leading-looselg:leading-[38px]\">\u201eBei 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&#8230;\u201c<\/h3>\n                    <\/div>\n                    <div class=\"justify-start items-center gap-5 inline-flex \">\n                        <div class=\"min-w-20 max-w-20 h-20\">\n                            <img decoding=\"async\" class=\"no-override rounded-lg\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/kpmg-small.svg\" alt=\"company logo\" \/>\n                        <\/div>\n                        <div class=\"flex flex-col justify-start items-start gap-1\">\n                            <div class=\"text-[#f5f6fc] text-base lg:text-lg font-semibold leading-normal lg:leading-7\">\u2014 Mick McGarry<\/div>\n                            <div class=\"text-[#ecf0fb] text-sm lg:text-base font-normal leading-tight lg:leading-normal\">US-Angebotsleiter f\u00fcr GRC- und Cybersicherheitsdienste\/KPMG<\/div>\n                        <\/div>\n                    <\/div>\n\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n      <!-- Modal 1 -->\n    <div x-show=\"activeModal !== null\"  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=\"closeModal('yhd8fv0ubm')\"\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          <wistia-player         \n                class=\"w-full !h-full rounded-lg !object-cover aspect-video\" \n                media-id=\"yhd8fv0ubm\" \n                @ready=\"this.play()\"\n                x-cloak\n            >\n            <\/wistia-player>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n\n          <div id=\"split-logos\" class=\" pt-10 lg:pt-16\">\n        <div class=\"\">\n          <div class=\"relative flex flex-wrap gap-4 lg:items-strech justify-center md:justify-between\"> \n                                            <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/kpmg.svg\" alt=\"logo\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\" \/>\n                                                          <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/pwc.svg\" alt=\"logo\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\" \/>\n                                                          <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/deloitte.svg\" alt=\"logo\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\" \/>\n                                                          <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/protiviti.svg\" alt=\"logo\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\" \/>\n                                                          <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/ey.svg\" alt=\"logo\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\" \/>\n                                                          <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/accenture.svg\" alt=\"logo\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\" \/>\n                                    <\/div>\n        <\/div>\n      <\/div>\n    \n  <\/div> \n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":16,"featured_media":41234,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":true,"footnotes":""},"class_list":["post-32150","page","type-page","status-publish","has-post-thumbnail","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>Compliance-Centric Identity Governance | Pathlock<\/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\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Compliance-Centric Identity Governance | Pathlock\" \/>\n<meta property=\"og:description\" content=\"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pathlock.com\/de\/\" \/>\n<meta property=\"og:site_name\" content=\"Pathlock\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-17T14:47:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/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\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Compliance-Centric Identity Governance | Pathlock\" \/>\n<meta name=\"twitter:description\" content=\"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.\" \/>\n<meta name=\"twitter:site\" content=\"@pathlock\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/de\\\/\",\"name\":\"Compliance-Centric Identity Governance | Pathlock\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/OpenGraph-Pathlock-Logo.webp\",\"datePublished\":\"2024-10-31T18:18:44+00:00\",\"dateModified\":\"2026-04-17T14:47:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pathlock.com\\\/de\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/#primaryimage\",\"url\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/OpenGraph-Pathlock-Logo.webp\",\"contentUrl\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/OpenGraph-Pathlock-Logo.webp\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pathlock.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Compliance-orientierte Identit\u00e4tsverwaltung\"}]},{\"@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":"Compliance-Centric Identity Governance | Pathlock","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\/","og_locale":"de_DE","og_type":"article","og_title":"Compliance-Centric Identity Governance | Pathlock","og_description":"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.","og_url":"https:\/\/pathlock.com\/de\/","og_site_name":"Pathlock","article_modified_time":"2026-04-17T14:47:23+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/OpenGraph-Pathlock-Logo.webp","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_title":"Compliance-Centric Identity Governance | Pathlock","twitter_description":"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.","twitter_site":"@pathlock","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pathlock.com\/de\/","url":"https:\/\/pathlock.com\/de\/","name":"Compliance-Centric Identity Governance | Pathlock","isPartOf":{"@id":"https:\/\/pathlock.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pathlock.com\/de\/#primaryimage"},"image":{"@id":"https:\/\/pathlock.com\/de\/#primaryimage"},"thumbnailUrl":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/OpenGraph-Pathlock-Logo.webp","datePublished":"2024-10-31T18:18:44+00:00","dateModified":"2026-04-17T14:47:23+00:00","breadcrumb":{"@id":"https:\/\/pathlock.com\/de\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pathlock.com\/de\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/pathlock.com\/de\/#primaryimage","url":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/OpenGraph-Pathlock-Logo.webp","contentUrl":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/OpenGraph-Pathlock-Logo.webp","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/pathlock.com\/de\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pathlock.com\/de\/"},{"@type":"ListItem","position":2,"name":"Compliance-orientierte Identit\u00e4tsverwaltung"}]},{"@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":false,"_links":{"self":[{"href":"https:\/\/pathlock.com\/de\/wp-json\/wp\/v2\/pages\/32150","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\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/pathlock.com\/de\/wp-json\/wp\/v2\/comments?post=32150"}],"version-history":[{"count":0,"href":"https:\/\/pathlock.com\/de\/wp-json\/wp\/v2\/pages\/32150\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pathlock.com\/de\/wp-json\/wp\/v2\/media\/41234"}],"wp:attachment":[{"href":"https:\/\/pathlock.com\/de\/wp-json\/wp\/v2\/media?parent=32150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}