{"id":41424,"date":"2023-08-26T01:27:25","date_gmt":"2023-08-26T05:27:25","guid":{"rendered":"https:\/\/pathlock.com\/products\/cybersecurity-application-controls\/"},"modified":"2025-11-27T05:42:58","modified_gmt":"2025-11-27T10:42:58","slug":"cybersecurity-application-controls","status":"publish","type":"products","link":"https:\/\/pathlock.com\/de\/products\/cybersecurity-application-controls\/","title":{"rendered":"SAP Cybersecurity Controls"},"content":{"rendered":"<style>\n    .header-form-container {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        padding: 40px;\n        max-width: 430px;\n        width: 100%;\n        margin: 0 auto;\n        box-sizing: border-box;\n        background-color: #ffffff;\n        border-radius: 8px;\n        border: 1px solid #D6D8E4;\n        box-shadow: 0px 30px 48px rgba(16, 24, 89, 0.1);\n    }\n\n\n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        font-family: 'Inter', sans-serif;\n        background: none;\n        box-shadow: none;\n        border: none;\n        font-size: 14px;\n    }\n\n\n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-firstname, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-jobtitle {\n        flex: 0 0 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        font-size: 14px\n    }\n\n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-lastname, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-phone {\n        flex: 0 0 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        font-size: 14px\n    }\n\n\n    @media screen and (min-width: 1280px) {\n        #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-firstname, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-jobtitle {\n            flex: 0 0 calc(45% - 7.5px);\n            min-width: 0;\n            box-sizing: border-box;\n        }\n\n        #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-lastname, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-phone {\n            flex: 0 0 calc(55% - 7.5px);\n            min-width: 0;\n            box-sizing: border-box;\n        }\n    }\n\n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-email, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-company, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs_numemployees, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs_comments__c {\n        flex: 0 0 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        font-size: 14px\n    }\n\n    \/* Input fields *\/\n\n    .hs-input {\n        width: 100%;\n        padding: 10px 14px;\n        border: 1px solid #ccc;\n        border-radius: 5px;\n        font-size: 14px\n    }\n\n    \/* Select dropdown *\/\n\n    select.hs-input {\n        appearance: none;\n        background: white;\n        cursor: pointer;\n        color: #667085;\n    }\n\n    \/* Textarea *\/\n\n    textarea.hs-input {\n        resize: none !important;\n        height: 5em !important;\n    }\n\n    \/* Submit Button *\/\n    .hs_submit {\n        display: inline-flex;\n        width: 100%;\n\n        .actions {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            width: 100%;\n        }\n    }\n\n    .hs-button {\n        width: 100%;\n        \/* display: flex; *\/\n        background: #24b770;\n        color: white;\n        padding: 12px;\n        border: none;\n        border-radius: 5px;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: background 0.3s ease;\n    }\n\n    .hs-button:hover {\n        background: #148752;\n    }\n\n    .co-error-msg > span {\n        color: red !important;\n    }\n\n    .hs-error-msgs, .co-feedback-container {\n        color: red;\n        font-size: 12px;\n        margin-top: 8px;\n        padding: 0;\n        margin-bottom: -8px;\n    }\n    .hs_email  .inputs-list{display:none}\n\n    .legal-consent-container {\n        order: 999;\n        color: #96a1c8;\n        font-size: 12px;\n        text-align: center;\n        width: 100%;\n        margin-top: -8px;\n    }\n\n    .legal-consent-container a {\n        text-decoration: underline;\n    }\n<\/style>\n<script>\n    function modalFormHero() { \/\/ This is for Section 1\n        const lang = \"de\";\n        const messages = {\n            en: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Thank you!<\/div>\n            <p>You\u2019ll be redirected to the download page shortly.<\/p>\n        <\/div>\n    `,\n            de: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Vielen Dank!<\/div>\n            <p>Sie werden in K\u00fcrze zur Download-Seite weitergeleitet.<\/p>\n        <\/div>\n    `,\n            fr: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Merci!<\/div>\n            <p>Vous serez redirig\u00e9 vers la page de t\u00e9l\u00e9chargement dans quelques instants.<\/p>\n        <\/div>\n    `,\n            es: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">\u00a1Gracias!<\/div>\n            <p>Se le redirigir\u00e1 a la p\u00e1gina de descarga en breve.<\/p>\n        <\/div>\n    `,\n            pt: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Obrigado!<\/div>\n            <p>Voc\u00ea ser\u00e1 redirecionado para a p\u00e1gina de download em instantes.<\/p>\n        <\/div>\n    `,\n            ar: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">\u0634\u0643\u0631\u064b\u0627 \u0644\u0643!<\/div>\n            <p>\u0633\u064a\u062a\u0645 \u062a\u0648\u062c\u064a\u0647\u0643 \u0625\u0644\u0649 \u0635\u0641\u062d\u0629 \u0627\u0644\u062a\u0646\u0632\u064a\u0644 \u0642\u0631\u064a\u0628\u064b\u0627.<\/p>\n        <\/div>\n    `\n        };\n\n        return {\n            activeModal: null,\n            isFormInitialized: false, \/\/ New flag for Section 1's form\n            formTargetId: 'hero-header-form-container', \/\/ The ID of the div where S1 form renders\n\n            openModal(modalId) {\n                this.activeModal = modalId;\n                \/\/ Only initialize the form if it's this modal's ID AND it hasn't been initialized yet for this instance\n                if (modalId === '9f1c5339-0319-459f-b4bd-5e991944a408' && !this.isFormInitialized) {\n                    this.initializeHubspotForm();\n                }\n            },\n            closeModal() {\n                this.activeModal = null;\n                \/\/ OPTIONALLY: Clean up the form when modal closes to be safer\n                \/\/ const targetEl = document.getElementById(this.formTargetId);\n                \/\/ if (targetEl) {\n                \/\/     targetEl.innerHTML = ''; \/\/ Clear the form\n                \/\/ }\n                \/\/ this.isFormInitialized = false; \/\/ Allow re-initialization next time\n                \/\/ Or, if HubSpot handles subsequent `create` calls to the same target well,\n                \/\/ you might not need to clear\/reset `isFormInitialized`.\n                \/\/ Testing is key here.\n            },\n            initializeHubspotForm() {\n                if (this.isFormInitialized) return; \/\/ Already done for this S1 modal instance\n\n                const targetEl = document.getElementById(this.formTargetId);\n                if (!targetEl) {\n                    console.error(`Section 1: Target container #${this.formTargetId} not found.`);\n                    return;\n                }\n                \/\/ Ensure it's empty if we are re-initializing (though `isFormInitialized` should prevent this unless modal is fully reset)\n                \/\/ targetEl.innerHTML = '';\n\n                var cid = getCID(); \/\/ Make sure getCID() is globally available or defined here\n                if (cid == null) {\n                    cid = \"701PZ00000IlEYNYA3\";\n                }\n\n                hbspt.forms.create({\n                    region: \"na1\",\n                    portalId: \"20500227\",\n                    formId: \"9f1c5339-0319-459f-b4bd-5e991944a408\", \/\/ The form_id for Section 1\n                    target: `#${this.formTargetId}`,      \/\/ Target S1's specific div\n                    css: \"\",\n                    locale: \"de\",\n                    translations: {\n                        en: {submitText: \"Download Now\"},\n                        de: {submitText: \"Jetzt herunterladen\"},\n                        fr: {submitText: \"Jetzt herunterladen\"},\n                        es: {submitText: \"Jetzt herunterladen\"},\n                        pt: {submitText: \"Jetzt herunterladen\"},\n                        ar: {submitText: \"Jetzt herunterladen\"},\n                    },\n                    \/\/ ... (rest of your S1 form config: customizations, sfdcCampaignId, onFormReady, onFormSubmitted)\n                    sfdcCampaignId: cid,\n                    onFormReady: ($form) => {\n                        this.isFormInitialized = true; \/\/ Mark as initialized for S1\n                        console.log(\"Section 1 HubSpot form ready.\");\n                        if (cid) {\n                            $form.find('input[name=\"cid\"]').val(cid);\n                        }\n                    },\n                    onFormSubmitted: (jqueryFormObject, data) => {\n\n\n                        console.log(\"Section 1 Form Submitted:\", data);\n\n                        const formEl = jqueryFormObject.get(0);\n                        if (!formEl) return;\n\n                        const parentContainer = formEl.closest('#form-copy');\n                        if (!parentContainer) return;\n\n                        parentContainer.innerHTML = messages[lang] || messages['en'];\n\n                        const submittedValues = data.submissionValues;\n                        if (submittedValues && submittedValues.sap_version) {\n                            const sapVersionSelected = submittedValues.sap_version;\n                            let redirectUrl = 'https:\/\/pathlock.com\/de\/default-thank-you\/'; \/\/ Default thank you page\n\n                            if (sapVersionSelected === 'sap_basis_release_7.4x-7.52') {\n                                redirectUrl = 'https:\/\/pathlock.com\/de\/thank-you-sap-basis\/';\n                            } else if (sapVersionSelected === 's4hana_1909_and_above') {\n                                redirectUrl = 'https:\/\/pathlock.com\/de\/thank-you-s4hana\/';\n                            }\n                            \/\/ Add more else if blocks for other sap_version values if needed\n\n                            \/\/ Perform the redirect\n                            \/\/ HubSpot often handles its own \"thank you\" message display or inline redirect.\n                            \/\/ If you want to override HubSpot's default \"thank you\" behavior and *always* redirect:\n                            console.log('Redirecting to:', redirectUrl, 'for SAP version:', sapVersionSelected);\n                            window.location.href = redirectUrl;\n\n                        } else {\n                            console.warn('sap_version field not found in submission data for form 9f1c5339...');\n                            let redirectUrl = 'https:\/\/pathlock.com\/de\/thank-you-cac\/'; \/\/ Default thank you page if no sap_version is selected\n                            window.location.href = redirectUrl;\n                        }\n                    }\n                });\n            }\n        }\n    }\n<\/script>\n<!-- Hero -->\n<section class=\"w-full pt-12 lg:pt-24 z-50 bg-[#0F1556]\" x-data=\"modalFormHero()\">\n    <div class=\"relative flex flex-col lg:flex-row mx-auto gap-10 px-4 lg:px-8 container items-center justify-between\">\n        <div class=\"hidden rtl:rotate-180 xl:flex absolute bottom-0 left-0 w-full h-full\"\n             style=\"background-image:url('https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/demo-page-hero-bg-1.svg'); background-size:contain; background-position:right; background-repeat:no-repeat;\"><\/div>\n        <div class=\"z-10 flex flex-col w-full lg:w-1\/2\">\n            <div class=\"pt-[90px] lg:pt-24 gap-4 lg:gap-5 mb-8 lg:mb-[90px]\">\n                <div class=\"flex flex-col gap-8 lg:gap-12\">\n                    <div class=\"flex flex-col gap-4 lg:gap-5\">\n                        <div class=\"flex flex-col text-center lg:rtl:text-right lg:text-left gap-2 lg:gap-4 max-w-[720px]\">\n                                                            <div class=\"hidden lg:flex flex-row items-center\">\n                                                                                                                                                                <div class=\"justify-center items-center flex\">\n                                                <a href=\"https:\/\/pathlock.com\/de\/\"\n                                                   target=\"\"\n                                                   class=\"text-[#ced5ee] hover:text-[#24B770] text-xs font-normal leading-[18px]\">\n                                                    Startseite                                                <\/a>\n                                            <\/div>\n                                            <div class=\"relative\">\n                                                <svg class=\"rtl:rotate-180\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\n                                                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <path d=\"M6 12L10 8L6 4\" stroke=\"#96A1C8\" stroke-width=\"1.33333\"\n                                                          stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/svg>\n                                            <\/div>\n                                                                                                                                                                                                        <div class=\"justify-center items-center flex\">\n                                                <a href=\"https:\/\/pathlock.com\/de\/pathlock-cloud\/\"\n                                                   target=\"\"\n                                                   class=\"text-[#ced5ee] hover:text-[#24B770] text-xs font-normal leading-[18px]\">\n                                                    Plattform                                                <\/a>\n                                            <\/div>\n                                            <div class=\"relative\">\n                                                <svg class=\"rtl:rotate-180\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\n                                                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <path d=\"M6 12L10 8L6 4\" stroke=\"#96A1C8\" stroke-width=\"1.33333\"\n                                                          stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/svg>\n                                            <\/div>\n                                                                                                                                                                                                        <div class=\"justify-center items-center flex gap-1\">\n                                                <div class=\"text-[#24B770] text-xs font-semibold leading-[18px]\">SAP-Cybersicherheit<\/div>\n                                            <\/div>\n                                                                                                            <\/div>\n                                                        <h1 class=\"hero-title text-white font-semibold text-[28px] lg:text-6xl leading-[30px] lg:leading-[72px] lg:tracking-[-1.2px] \">\n                                Sichere SAP-Anwendungen und sensible Daten                            <\/h1>\n                            <p class=\"hero-description text-sm lg:text-xl text-[#f2f9ff] leading-[20px] lg:leading-[30px] font-normal lg:max-w-[480px]\">\n                                Implementieren Sie proaktive und reaktive Sicherheitskontrollen f\u00fcr Ihre kritischen SAP-Anwendungen und -Daten, um das Risiko eines Versto\u00dfes zu verringern.                            <\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"w-full flex gap-3 flex-col lg:flex-row justify-start\">\n                                                    <button @click=\"openModal('9f1c5339-0319-459f-b4bd-5e991944a408')\"\n                                    class=\"h-12 px-[18px] py-3 bg-[#24b770] hover:bg-[#148752] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] justify-center items-center gap-1.5 inline-flex overflow-hidden\"\n                                    href=\"'. esc_attr( $btnPrimary[\" url\"] ) .'\">\n                            <div class=\"px-0.5 justify-center items-center flex\">\n                                <div class=\"text-white text-base font-semibold leading-normal\">Risiko-Scanner gratis erhalten<\/div>\n                            <\/div>\n                            <\/button>\n                                                \n                        <a class=\"h-12 px-[18px] py-3 bg-white hover:bg-[#E3E7F6] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden\" href=\"#editionen-und-preise\">\n                                <div class=\"px-0.5 justify-center items-center flex\">\n                                    <div class=\"text-[#0f1556] text-base font-semibold leading-normal\">Preise vergleichen<\/div>\n                                <\/div>\n                            <\/a>                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"hidden lg:flex lg:w-1\/2 max-w-[570px] flex-1 items-center justify-center z-10\">\n                            <img decoding=\"async\" class=\"no-override max-w-full\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/hero-cac-2.png\"\n                     alt=\"\"\/>\n                    <\/div>\n    <\/div>\n            <div class=\"mt-0 lg:mt-16 pb-24 container mx-auto px-4 lg:px-8\">\n            <div class=\"grid grid-cols-3 lg:grid-cols-6 xl:flex xl:flex-row xl:justify-between items-center justify-items-center gap-y-6 gap-x-4\">\n                                                            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/ms-1-1.svg\" width=\"auto\" height=\"48\"\n                             alt=\"ms-1\"\/>\n                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/vw-1.svg\" width=\"auto\" height=\"48\"\n                             alt=\"vw-1\"\/>\n                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/07\/siemens-1.svg\" width=\"auto\" height=\"48\"\n                             alt=\"siemens-1\"\/>\n                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/toyota.svg\" width=\"auto\" height=\"48\"\n                             alt=\"toyota\"\/>\n                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/linde-1.svg\" width=\"auto\" height=\"48\"\n                             alt=\"linde-1\"\/>\n                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Chevron-2.svg\" width=\"auto\" height=\"48\"\n                             alt=\"Chevron-2\"\/>\n                                                <\/div>\n        <\/div>\n    \n    <div x-show=\"activeModal !== null\" x-cloak class=\"fixed inset-0 z-50\"\n         x-effect=\"document.body.style.overflow = activeModal ? 'hidden' : ''\">\n        <!-- Modal Backdrop -->\n        <div\n                class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\"\n                x-transition:enter=\"transition ease-out duration-300\"\n                x-transition:enter-start=\"opacity-0\"\n                x-transition:enter-end=\"opacity-100\"\n                x-transition:leave=\"transition ease-in duration-300\"\n                x-transition:leave-start=\"opacity-100\"\n                x-transition:leave-end=\"opacity-0\"\n        ><\/div>\n\n        <!-- Modal Wrapper for Centering -->\n        <div class=\"fixed inset-0 flex items-center justify-center z-50 p-4\">\n            <div class=\"relative bg-white max-w-md w-full rounded-lg shadow-lg\"\n                 @click.away=\"closeModal('9f1c5339-0319-459f-b4bd-5e991944a408')\">\n                <!-- Close Button -->\n                <div class=\"flex justify-end p-2\">\n                    <button\n                            @click=\"closeModal('9f1c5339-0319-459f-b4bd-5e991944a408')\"\n                            class=\"text-gray-800 hover:bg-gray-100 p-2 rounded-full focus:outline-none\"\n                    >\n                        <svg\n                                class=\"h-6 w-6\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                viewBox=\"0 0 24 24\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                        >\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                  d=\"M6 18L18 6M6 6l12 12\"\/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n\n                <!-- Modal Content -->\n                <div class=\"p-8 pt-0 lg:px-10 lg:pb-12 bg-white rounded-lg\">\n                    <script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n                    <div id=\"form-copy\" class=\"form-container\">\n                        <div class=\"flex-col justify-start items-start gap-3 mb-5 inline-flex text-center w-full\">\n                            <div id=\"form-title\"\n                                 class=\"self-stretch text-center text-[#0f1556] text-xl lg:text-2xl font-bold leading-[30px]\">Risiko-Scanner gratis herunterladen<\/div>\n                            <div id=\"form-subtitle\"\n                                 class=\"text-center text-[#667084] text-xs lg:text-sm font-normal leading-normal w-full\">Erhalten Sie einen sofortigen und kostenlosen Einblick in Ihre SAP-Sicherheit<\/div>\n                        <\/div>\n                        <div id=\"hero-header-form-container\" ><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/section>\n\n\n\n\n\n\n<style>\n    .active {\n    @apply border-[#148752] text-[#148752];\n    }\n<\/style>\n\n    <div id=\"sticky-sub-nav\" class=\"hidden lg:flex w-full shadow-[0px_12px_16px_-4px_rgba(15,21,86,0.03)] border-b-2 border-[#CED5EE] sticky top-[80px] bg-white item-center z-30 justify-center\">\n        <div class=\"container mx-auto px-4 lg:px-8 flex flex-row gap-3 -mb-[2px]\">\n                            \n                        <a href=\"#geschaeftswert\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Gesch\u00e4ftswert                        <\/a>\n\n                                            \n                        <a href=\"#unuebertroffene-schutz-reaktionszeit\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Kostenlose Edition                        <\/a>\n\n                                            \n                        <a href=\"#editionen-und-preise\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Preise                        <\/a>\n\n                                            \n                        <a href=\"#was-ist-inbegriffen\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Module                        <\/a>\n\n                                            \n                        <a href=\"#demo-center\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Demo-Center                        <\/a>\n\n                                    <\/div>\n    <\/div>\n\n    <div class=\"flex lg:hidden w-full shadow-[0px_12px_16px_-4px_rgba(15,21,86,0.03)] border-b-2 border-[#CED5EE] sticky top-[80px] bg-white item-center z-30 justify-center\">\n        <div class=\"container mx-auto p-4 lg:px-8 flex flex-row gap-3 -mb-[2px]\">\n            <select id=\"mobile-toc\" class=\"w-full bg-[#f5f6fc] p-3 border-none rounded-md text-[#0f1556] text-sm font-semibold leading-tight\">\n                            \n                        <option value=\"#geschaeftswert\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Gesch\u00e4ftswert                        <\/option>\n\n                                            \n                        <option value=\"#unuebertroffene-schutz-reaktionszeit\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Kostenlose Edition                        <\/option>\n\n                                            \n                        <option value=\"#editionen-und-preise\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Preise                        <\/option>\n\n                                            \n                        <option value=\"#was-ist-inbegriffen\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Module                        <\/option>\n\n                                            \n                        <option value=\"#demo-center\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            Demo-Center                        <\/option>\n\n                                        <\/select>\n        <\/div>\n    <\/div>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const sections = document.querySelectorAll(\"section[id]\");\n    const navLinks = document.querySelectorAll(\".sticky a\");\n    const mobileSelect = document.getElementById(\"mobile-toc\");\n\n    function onScroll() {\n        let scrollPosition = window.scrollY + 120;\n        let currentSectionId = \"\";\n\n        sections.forEach((section) => {\n            const top = section.offsetTop;\n            const bottom = top + section.offsetHeight;\n            const id = section.getAttribute(\"id\");\n\n            if (scrollPosition >= top && scrollPosition < bottom) {\n                currentSectionId = id;\n\n                navLinks.forEach((link) => {\n                    link.classList.remove(\"border-[#148752]\", \"text-[#148752]\");\n                    link.classList.add(\"border-[#CED5EE]\", \"text-[#2A3274]\");\n\n                    if (link.getAttribute(\"href\") === \"#\" + id) {\n                        link.classList.add(\"border-[#148752]\", \"text-[#148752]\");\n                        link.classList.remove(\"border-[#CED5EE]\", \"text-[#2A3274]\");\n                    }\n                });\n            }\n        });\n\n        \/\/ Update the mobile select dropdown\n        if (mobileSelect && currentSectionId) {\n            mobileSelect.value = \"#\" + currentSectionId;\n        }\n    }\n\n    \/\/ Scroll to section when mobile dropdown changes\n    if (mobileSelect) {\n        mobileSelect.addEventListener(\"change\", function () {\n            const value = this.value;\n            if (value) {\n                const target = document.querySelector(value);\n                if (target) {\n                    window.scrollTo({\n                        top: target.offsetTop - 100,\n                        behavior: \"smooth\",\n                    });\n                }\n            }\n        });\n    }\n\n    \/\/ Highlight active link right after clicking on desktop nav\n    navLinks.forEach((link) => {\n        link.addEventListener(\"click\", function () {\n            setTimeout(onScroll, 10);\n        });\n    });\n\n    window.addEventListener(\"scroll\", onScroll);\n    onScroll(); \/\/ Initial highlight on page load\n});\n<\/script>\n\n\n\n<section id=\"geschaeftswert\" class=\"bg-white py-8 lg:pb-12 lg:pt-24 scroll-mt-28\">\n  <div class=\"container mx-auto px-4 lg:px-8 \">\n    <div class=\"relative flex flex-col items-center lg:flex-row lg:items-stretch gap-12 lg:gap-16\">\n      <div class=\"text-center lg:rtl:text-right lg:text-left flex flex-col justify-center items-center lg:items-start py-4\">\n        <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">GESCH\u00c4FTSWERT<\/span>\n        \n                <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold mb-4 lg:mb-5 max-w-[720px] lg:!leading-[60px]\">SAP-Cybersicherheit<br>leicht gemacht<\/h2>\n        \n                <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[576px] prose prose-strong:text-[#2A3274]\">\n            <p>Der Schutz von SAP-Umgebungen sollte weder kompliziert noch mit versteckten Kosten verbunden sein. Pathlock bietet <strong>transparente<\/strong>, online ver\u00f6ffentlichte Preise, so dass Sie immer genau wissen, wof\u00fcr Sie bezahlen.<\/p>\n<p>Die Pathlock-L\u00f6sung wurde entwickelt, um den operativen Sicherheitsaufwand zu reduzieren. Sie kombiniert <strong>pr\u00e4ventive und detektivische Kontrollen<\/strong>, um Ihre Systeme und sensiblen Daten zu sch\u00fctzen \u2013 und das ohne unn\u00f6tige Komplexit\u00e4t.<\/p>\n        <\/div>\n                 \n    <\/div>\n      <div class=\"bg-[#F5F6FC] flex flex-col w-full flex-1 items-center justify-center rounded-lg py-[22px]\">\n        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Placeholder-Image.png\" alt=\"\" class=\"no-override max-w-80 max-h-96 rounded-lg flex items-center justify-center\" \/>\n        <a class=\"mt-[10px] flex justify-center items-center font-semibold py-3 px-[18px] bg-[white] hover:bg-[#E3E7F6] group leading-7  rounded-lg text-[#344054] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/CAC-Product-Brief.pdf\">Datenblatt herunterladen (.PDF)<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n  <\/section>\n\n\n\n<style>\n.header-form-container {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 40px;\n    max-width: 430px;\n    width: 100%;\n    margin: 0 auto;\n    box-sizing: border-box;\n    background-color: #ffffff;\n    border-radius: 8px;\n    border: 1px solid #D6D8E4;\n    box-shadow: 0px 30px 48px rgba(16, 24, 89, 0.1);\n}\n\n\n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 15px;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Inter', sans-serif;\n    background: none;\n    box-shadow: none;\n    border: none;\n    font-size: 14px;\n}\n\n\n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-firstname, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-jobtitle {\n    flex: 0 0 100%;\n    min-width: 0;\n    box-sizing: border-box;\n    font-size: 14px\n}\n\n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-lastname, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-phone {\n    flex: 0 0 100%;\n    min-width: 0;\n    box-sizing: border-box;\n    font-size: 14px\n}\n\n\n@media screen and (min-width: 1280px) {\n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-firstname, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-jobtitle {\n        flex: 0 0 calc(45% - 7.5px);\n        min-width: 0;\n        box-sizing: border-box;\n    }\n\n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-lastname, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-phone {\n        flex: 0 0 calc(55% - 7.5px);\n        min-width: 0;\n        box-sizing: border-box;\n    }\n}\n\n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-email, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-company, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs_numemployees, #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs_comments__c{\n    flex: 0 0 100%;\n    min-width: 0;\n    box-sizing: border-box;\n    font-size: 14px\n}\n\n\/* Input fields *\/\n\n.hs-input {\n    width: 100%;\n    padding: 10px 14px;\n    border: 1px solid #ccc;\n    border-radius: 8px;\n    font-size: 14px\n}\n\n\/* Select dropdown *\/\n\nselect.hs-input {\n    appearance: none;\n    background: white;\n    cursor: pointer;\n    color: #667085;\n}\n\n\/* Textarea *\/\n\ntextarea.hs-input {\n    resize: none !important;\n    height: 5em !important;\n}\n\n\/* Submit Button *\/\n.hs_submit {\n    display: inline-flex;\n    width: 100%;\n\n    .actions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 100%;\n    }\n}\n.hs-button {\n    width: 100%;\n    \/* display: flex; *\/\n    background: #24b770;\n    color: white;\n    padding: 12px;\n    border: none;\n    border-radius: 5px;\n    font-size: 16px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.3s ease;\n}\n\n.hs-button:hover {\n    background: #148752;\n}\n\n\n.hs-error-msgs, .co-feedback-container {\n    color: red;\n    font-size: 12px;\n    margin-top: 8px;\n    padding: 0;\n    margin-bottom: -8px;\n}\n.hs_email  .inputs-list{display:none}\n\n.legal-consent-container {\n    order: 999;\n    color: #96a1c8;\n    font-size: 12px;\n    text-align: center;\n    width: 100%;\n    margin-top: -8px;\n}\n\n.legal-consent-container a {\n    text-decoration: underline;\n}\n<\/style>\n<script>\nfunction modalForm() { \/\/ This is for Section 1\n    return {\n        activeModal: null,\n        isFormInitialized: false, \/\/ New flag for Section 1's form\n        formTargetId: 'header-form-container', \/\/ The ID of the div where S1 form renders\n\n        openModal(modalId) {\n            this.activeModal = modalId;\n            \/\/ Only initialize the form if it's this modal's ID AND it hasn't been initialized yet for this instance\n            if (modalId === '9f1c5339-0319-459f-b4bd-5e991944a408' && !this.isFormInitialized) {\n                this.initializeHubspotForm();\n            }\n        },\n        closeModal() {\n            this.activeModal = null;\n            \/\/ OPTIONALLY: Clean up the form when modal closes to be safer\n            \/\/ const targetEl = document.getElementById(this.formTargetId);\n            \/\/ if (targetEl) {\n            \/\/     targetEl.innerHTML = ''; \/\/ Clear the form\n            \/\/ }\n            \/\/ this.isFormInitialized = false; \/\/ Allow re-initialization next time\n                                          \/\/ Or, if HubSpot handles subsequent `create` calls to the same target well,\n                                          \/\/ you might not need to clear\/reset `isFormInitialized`.\n                                          \/\/ Testing is key here.\n        },\n        initializeHubspotForm() {\n            if (this.isFormInitialized) return; \/\/ Already done for this S1 modal instance\n\n            const targetEl = document.getElementById(this.formTargetId);\n            if (!targetEl) {\n                console.error(`Section 1: Target container #${this.formTargetId} not found.`);\n                return;\n            }\n            \/\/ Ensure it's empty if we are re-initializing (though `isFormInitialized` should prevent this unless modal is fully reset)\n            \/\/ targetEl.innerHTML = '';\n\n            var cid = getCID(); \/\/ Make sure getCID() is globally available or defined here\n            if(cid == null){ cid = \"701PZ00000IlEYNYA3\"; }\n\n            hbspt.forms.create({\n                region: \"na1\",\n                portalId: \"20500227\",\n                formId: \"9f1c5339-0319-459f-b4bd-5e991944a408\", \/\/ The form_id for Section 1\n                target: `#${this.formTargetId}`,      \/\/ Target S1's specific div\n                css: \"\",\n                \/\/ ... (rest of your S1 form config: customizations, sfdcCampaignId, onFormReady, onFormSubmitted)\n                sfdcCampaignId: cid,\n                onFormReady: ($form) => {\n                    document.querySelector('#form-copy').style.display = 'inline-flex';\n                    this.isFormInitialized = true; \/\/ Mark as initialized for S1\n                    console.log(\"Section 1 HubSpot form ready.\");\n                    if (cid) {\n                        $form.find('input[name=\"cid\"]').val(cid);\n                    }\n                },\n                onFormSubmitted: (jqueryFormObject, data) => {\n                    \/\/ ... S1 specific submission logic ...\n                    document.querySelector('#form-copy').style.display = 'none';\n                    console.log(\"Section 1 Form Submitted:\", data);\n                    const submittedValues = data.submissionValues;\n                    if (submittedValues && submittedValues.sap_version) {\n                        const sapVersionSelected = submittedValues.sap_version;\n                        let redirectUrl = 'https:\/\/pathlock.com\/de\/default-thank-you\/'; \/\/ Default thank you page\n\n                        if (sapVersionSelected === 'sap_basis_release_7.4x-7.52') {\n                            redirectUrl = 'https:\/\/pathlock.com\/de\/thank-you-sap-basis\/';\n                        } else if (sapVersionSelected === 's4hana_1909_and_above') {\n                            redirectUrl = 'https:\/\/pathlock.com\/de\/thank-you-s4hana\/';\n                        }\n                        \/\/ Add more else if blocks for other sap_version values if needed\n\n                        \/\/ Perform the redirect\n                        \/\/ HubSpot often handles its own \"thank you\" message display or inline redirect.\n                        \/\/ If you want to override HubSpot's default \"thank you\" behavior and *always* redirect:\n                        console.log('Redirecting to:', redirectUrl, 'for SAP version:', sapVersionSelected);\n                        window.location.href = redirectUrl;\n\n                    } else {\n                        let redirectUrl = 'https:\/\/pathlock.com\/de\/thank-you-cac\/'; \/\/ Default thank you page\n                        window.location.href = redirectUrl;\n                    }\n                }\n            });\n        }\n    }\n}\n<\/script>\n<section id=\"unuebertroffene-schutz-reaktionszeit\" class=\"relative w-full bg-[#0F1556] mt-12\" style=\"background: linear-gradient(66deg, #070D35 2.4%, #0F1556 80.56%);\" x-data=\"modalForm()\">\n    <div class=\"relative z-0 container mx-auto px-4 lg:px-8 pt-16 lg:pt-[190px] pb-16 lg:pb-24\">\n        <div class=\"z-0 absolute top-[50px] -left-[88px] hidden lg:block h-full w-full\" style=\"background: url(https:\/\/pathlock.com\/wp-content\/uploads\/2025\/05\/bg_6.svg); object-fit:contain; background-position: bottom left; background-repeat:no-repeat;\"><\/div>\n        <div class=\"flex flex-col lg:flex-row z-10 relative \">\n            <div class=\"hidden lg:flex\">\n                <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Content-1-1.webp\" alt=\"\" class=\"z-10 rounded-lg object-cover no-override w-full lg:w-[80%] max-w-[600px] mx-auto lg:mx-0\" \/>\n            <\/div>\n  \n            <div class=\"text-center lg:rtl:text-right lg:text-left flex flex-col justify-center items-center lg:items-start\">\n                <span class=\"text-[#24B770] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">Un\u00fcbertroffene Schutz-Reaktionszeit<\/span>\n                \n                                <h2 class=\"tracking-tight  text-white text-3xl leading-[38px] lg:text-5xl font-semibold mb-4 lg:mb-5 max-w-[720px] lg:!leading-[60px]\">Einsatz in wenigen Minuten. Verwertbare Ergebnisse in wenigen Stunden.<\/h2>\n                \n                                <div class=\"text-lg lg:text-xl font-normal text-[#EAF3FF] prose prose-strong:text-[#EAF3FF]\">\n                    Wie zuversichtlich sind Sie in Bezug auf Ihre aktuelle SAP-Cybersicherheitslage? Sie brauchen sich nicht mehr auf Vermutungen zu verlassen. Wir helfen Ihnen, die <b>von Ihnen vermuteten Risiken<\/b> aufzudecken und auch die, von deren <b>Existenz Sie nichts wussten<\/b>.                <\/div>\n                                                    <button @click=\"openModal('9f1c5339-0319-459f-b4bd-5e991944a408')\" class=\"h-12 px-[18px] mt-[36px] flex w-full lg:w-auto py-3 bg-[#24b770] hover:bg-[#148752] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] justify-center items-center gap-1.5 overflow-hidden\">\n                        <div class=\"px-0.5 justify-center items-center flex\">\n                            <div class=\"text-white text-base font-semibold leading-normal\">Risiko-Scanner gratis herunterladen<\/div>\n                        <\/div>\n                    <\/button> \n                            <\/div>        \n\n        <\/div>\n    <\/div>\n\n            <div class=\"container mx-auto px-4 lg:px-8 pb-24 relative\">\n            <div class=\"flex flex-col lg:flex-row gap-8 lg:gap-12 items-start\">\n                                                        <div class=\"flex flex-col items-start text-left pl-8 border-l-2 border-[#24B770]\">\n                        <h3 class=\"text-[#24B770] text-3xl lg:text-5xl font-semibold leading-9 lg:leading-[60px] mb-2 whitespace-nowrap\">90 Minuten<\/h3>\n                        <p class=\"text-[#EAF3FF] text-lg font-normal leading-7\">Vom ersten Download bis zu einem umfassenden Sicherheits- und detaillierten Risikobericht.<\/p>\n                    <\/div>\n                                                        <div class=\"flex flex-col items-start text-left pl-8 border-l-2 border-[#24B770]\">\n                        <h3 class=\"text-[#24B770] text-3xl lg:text-5xl font-semibold leading-9 lg:leading-[60px] mb-2 whitespace-nowrap\">2000+<\/h3>\n                        <p class=\"text-[#EAF3FF] text-lg font-normal leading-7\">\u00dcberpr\u00fcfung von SAP-Schwachstellen und Konfigurationsschw\u00e4chen in Ihrer gesamten Umgebung.<\/p>\n                    <\/div>\n                                                        <div class=\"flex flex-col items-start text-left pl-8 border-l-2 border-[#24B770]\">\n                        <h3 class=\"text-[#24B770] text-3xl lg:text-5xl font-semibold leading-9 lg:leading-[60px] mb-2 whitespace-nowrap\">1000e<\/h3>\n                        <p class=\"text-[#EAF3FF] text-lg font-normal leading-7\">Reale SAP-Umgebungen, die zur Perfektionierung unserer feinteiligen SoD- und Zugriffspr\u00fcfungen genutzt werden.<\/p>\n                    <\/div>\n                                                        <div class=\"flex flex-col items-start text-left pl-8 border-l-2 border-[#24B770]\">\n                        <h3 class=\"text-[#24B770] text-3xl lg:text-5xl font-semibold leading-9 lg:leading-[60px] mb-2 whitespace-nowrap\">70+<\/h3>\n                        <p class=\"text-[#EAF3FF] text-lg font-normal leading-7\">Sicherheitsl\u00fccken-Muster in benutzerdefiniertem ABAP-Code, die entwickelt wurden, um verborgene Risiken effektiv aufzudecken.<\/p>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    \n    <div x-show=\"activeModal !== null\" x-cloak class=\"fixed inset-0 z-50\"\n        x-effect=\"document.body.style.overflow = activeModal ? 'hidden' : ''\">\n        <!-- Modal Backdrop -->\n        <div\n            class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\"\n            x-transition:enter=\"transition ease-out duration-300\"\n            x-transition:enter-start=\"opacity-0\"\n            x-transition:enter-end=\"opacity-100\"\n            x-transition:leave=\"transition ease-in duration-300\"\n            x-transition:leave-start=\"opacity-100\"\n            x-transition:leave-end=\"opacity-0\"\n        ><\/div>\n\n        <!-- Modal Wrapper for Centering -->\n        <div class=\"fixed inset-0 flex items-center justify-center z-50 p-4\">\n            <div class=\"relative bg-white max-w-md w-full rounded-lg shadow-lg\"\n            @click.away=\"closeModal('9f1c5339-0319-459f-b4bd-5e991944a408')\">\n                <!-- Close Button -->\n                <div class=\"flex justify-end p-2\">\n                    <button\n                        @click=\"closeModal('9f1c5339-0319-459f-b4bd-5e991944a408')\"\n                        class=\"text-gray-800 hover:bg-gray-100 p-2 rounded-full focus:outline-none\"\n                    >\n                        <svg\n                            class=\"h-6 w-6\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            viewBox=\"0 0 24 24\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                        >\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                d=\"M6 18L18 6M6 6l12 12\"\/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n\n                <!-- Modal Content -->\n                <div class=\"p-8 pt-0 lg:px-10 lg:pb-12 bg-white\">\n                <script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n                    <div id=\"form-copy\" class=\"flex-col justify-start items-start gap-3 mb-5 inline-flex text-center w-full\">\n                        <div id=\"form-title\" class=\"self-stretch text-center text-[#0f1556] text-xl lg:text-2xl font-bold leading-[30px]\">Risiko-Scanner gratis herunterladen<\/div>\n                        <div id=\"form-subtitle\" class=\"text-center text-[#667084] text-xs lg:text-sm font-normal leading-normal w-full\">Erhalten Sie einen sofortigen und kostenlosen Einblick in Ihre SAP-Sicherheit<\/div>\n                    <\/div>\n                    <div id=\"header-form-container\" class=\"form-container\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/section>\n\n\n\n\n<style>\n\/* Styles targeting the form HubSpot creates (e.g., id=\"hsForm_YOUR_FORM_GUID\") *\/\n\/* These styles are essentially copies of Section 1's form styles, but scoped to S2 form IDs *\/\n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 {\n    display: flex; flex-wrap: wrap; gap: 15px; width: 100%; margin: 0; padding: 0;\n    box-sizing: border-box; font-family: 'Inter', sans-serif; background: none;\n    box-shadow: none; border: none; font-size: 14px;\n}\n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-firstname, \n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-jobtitle {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-lastname, \n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-phone {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n@media screen and (min-width: 1280px) {\n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-firstname, \n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-jobtitle { flex: 0 0 calc(45% - 7.5px); }\n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-lastname, \n    #hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-phone { flex: 0 0 calc(55% - 7.5px); }\n}\n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-email, \n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs-company, \n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs_numemployees, \n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs_sap_version, \n#hsForm_9f1c5339-0319-459f-b4bd-5e991944a408 .hs_comments__c {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n\n.legal-consent-container {\n    order: 999;\n    color: #96a1c8;\n    font-size: 12px;\n    text-align: center;\n    width: 100%;\n    margin-top: -8px;\n}\n.legal-consent-container a {\n    text-decoration: underline;\n}\n\/* Styles targeting the form HubSpot creates (e.g., id=\"hsForm_YOUR_FORM_GUID\") *\/\n\/* These styles are essentially copies of Section 1's form styles, but scoped to S2 form IDs *\/\n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 {\n    display: flex; flex-wrap: wrap; gap: 15px; width: 100%; margin: 0; padding: 0;\n    box-sizing: border-box; font-family: 'Inter', sans-serif; background: none;\n    box-shadow: none; border: none; font-size: 14px;\n}\n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-firstname, \n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-jobtitle {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-lastname, \n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-phone {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n@media screen and (min-width: 1280px) {\n    #hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-firstname, \n    #hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-jobtitle { flex: 0 0 calc(45% - 7.5px); }\n    #hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-lastname, \n    #hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-phone { flex: 0 0 calc(55% - 7.5px); }\n}\n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-email, \n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs-company, \n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs_numemployees, \n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs_sap_version, \n#hsForm_03e10772-16eb-4df7-95f7-41a5532b2681 .hs_comments__c {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n\n.legal-consent-container {\n    order: 999;\n    color: #96a1c8;\n    font-size: 12px;\n    text-align: center;\n    width: 100%;\n    margin-top: -8px;\n}\n.legal-consent-container a {\n    text-decoration: underline;\n}\n\/* Styles targeting the form HubSpot creates (e.g., id=\"hsForm_YOUR_FORM_GUID\") *\/\n\/* These styles are essentially copies of Section 1's form styles, but scoped to S2 form IDs *\/\n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 {\n    display: flex; flex-wrap: wrap; gap: 15px; width: 100%; margin: 0; padding: 0;\n    box-sizing: border-box; font-family: 'Inter', sans-serif; background: none;\n    box-shadow: none; border: none; font-size: 14px;\n}\n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-firstname, \n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-jobtitle {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-lastname, \n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-phone {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n@media screen and (min-width: 1280px) {\n    #hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-firstname, \n    #hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-jobtitle { flex: 0 0 calc(45% - 7.5px); }\n    #hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-lastname, \n    #hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-phone { flex: 0 0 calc(55% - 7.5px); }\n}\n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-email, \n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs-company, \n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs_numemployees, \n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs_sap_version, \n#hsForm_440bcfef-b39f-48c1-92ed-20ba67c5c3c6 .hs_comments__c {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n\n.legal-consent-container {\n    order: 999;\n    color: #96a1c8;\n    font-size: 12px;\n    text-align: center;\n    width: 100%;\n    margin-top: -8px;\n}\n.legal-consent-container a {\n    text-decoration: underline;\n}\n\/* Styles targeting the form HubSpot creates (e.g., id=\"hsForm_YOUR_FORM_GUID\") *\/\n\/* These styles are essentially copies of Section 1's form styles, but scoped to S2 form IDs *\/\n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e {\n    display: flex; flex-wrap: wrap; gap: 15px; width: 100%; margin: 0; padding: 0;\n    box-sizing: border-box; font-family: 'Inter', sans-serif; background: none;\n    box-shadow: none; border: none; font-size: 14px;\n}\n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-firstname, \n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-jobtitle {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-lastname, \n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-phone {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n@media screen and (min-width: 1280px) {\n    #hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-firstname, \n    #hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-jobtitle { flex: 0 0 calc(45% - 7.5px); }\n    #hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-lastname, \n    #hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-phone { flex: 0 0 calc(55% - 7.5px); }\n}\n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-email, \n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs-company, \n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs_numemployees, \n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs_sap_version, \n#hsForm_b2809c7b-819b-458e-8684-d5de84f86f4e .hs_comments__c {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n\n.legal-consent-container {\n    order: 999;\n    color: #96a1c8;\n    font-size: 12px;\n    text-align: center;\n    width: 100%;\n    margin-top: -8px;\n}\n.legal-consent-container a {\n    text-decoration: underline;\n}\n\/* Styles targeting the form HubSpot creates (e.g., id=\"hsForm_YOUR_FORM_GUID\") *\/\n\/* These styles are essentially copies of Section 1's form styles, but scoped to S2 form IDs *\/\n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 {\n    display: flex; flex-wrap: wrap; gap: 15px; width: 100%; margin: 0; padding: 0;\n    box-sizing: border-box; font-family: 'Inter', sans-serif; background: none;\n    box-shadow: none; border: none; font-size: 14px;\n}\n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-firstname, \n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-jobtitle {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-lastname, \n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-phone {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n@media screen and (min-width: 1280px) {\n    #hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-firstname, \n    #hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-jobtitle { flex: 0 0 calc(45% - 7.5px); }\n    #hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-lastname, \n    #hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-phone { flex: 0 0 calc(55% - 7.5px); }\n}\n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-email, \n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs-company, \n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs_numemployees, \n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs_sap_version, \n#hsForm_d50e114d-2e77-4455-a73f-51e13b58f479 .hs_comments__c {\n    flex: 0 0 100%; min-width: 0; box-sizing: border-box; font-size: 14px;\n}\n\n.legal-consent-container {\n    order: 999;\n    color: #96a1c8;\n    font-size: 12px;\n    text-align: center;\n    width: 100%;\n    margin-top: -8px;\n}\n.legal-consent-container a {\n    text-decoration: underline;\n}\n\/* Generic input styles are already defined in S1 or can be repeated if S1 isn't on page *\/\n\/* .hs-input { ... } .hs-button { ... } etc. If S1 styles are not global, copy them here. *\/\n\/* For brevity, assuming generic input\/button styles from S1 apply or are duplicated *\/\n<\/style>\n\n<script>\n\/\/ Ensure getCID is globally available\nif (typeof getCID !== 'function') {\n    window.getCID = function() { \/* ... getCID implementation from S1 ... *\/ \n        var cid = null; var urlParams = new URLSearchParams(window.location.search);\n        if (urlParams.has('cid')) cid = urlParams.get('cid');\n        if (!cid) { try { cid = localStorage.getItem('salesforce_campaign_id'); } catch (e) {} }\n        if (!cid) { var value = \"; \" + document.cookie; var parts = value.split(\"; salesforce_campaign_id=\");\n            if (parts.length === 2) cid = parts.pop().split(\";\").shift(); }\n        return cid;\n    }\n}\n\nfunction modalFormS2_block_ce28c2efcec5d19ec8093326e72367f6() {\n    const messages = {\n        en: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Thank you!<\/div>\n            <p>You\u2019ll be redirected to the download page shortly.<\/p>\n        <\/div>\n    `,\n        de: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Vielen Dank!<\/div>\n            <p>Sie werden in K\u00fcrze zur Download-Seite weitergeleitet.<\/p>\n        <\/div>\n    `,\n        fr: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Merci!<\/div>\n            <p>Vous serez redirig\u00e9 vers la page de t\u00e9l\u00e9chargement dans quelques instants.<\/p>\n        <\/div>\n    `,\n        es: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">\u00a1Gracias!<\/div>\n            <p>Se le redirigir\u00e1 a la p\u00e1gina de descarga en breve.<\/p>\n        <\/div>\n    `,\n        pt: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Obrigado!<\/div>\n            <p>Voc\u00ea ser\u00e1 redirecionado para a p\u00e1gina de download em instantes.<\/p>\n        <\/div>\n    `,\n        ar: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">\u0634\u0643\u0631\u064b\u0627 \u0644\u0643!<\/div>\n            <p>\u0633\u064a\u062a\u0645 \u062a\u0648\u062c\u064a\u0647\u0643 \u0625\u0644\u0649 \u0635\u0641\u062d\u0629 \u0627\u0644\u062a\u0646\u0632\u064a\u0644 \u0642\u0631\u064a\u0628\u064b\u0627.<\/p>\n        <\/div>\n    `\n    };\n\n    return {\n        activeModalFormId: null, \/\/ Stores the HubSpot form_id for the currently active modal\n        \/\/ Store unique container ID for this block's modal to avoid conflicts if S2 block is used multiple times\n        modalFormContainerBaseId: 'modal-form-container-s2-block_ce28c2efcec5d19ec8093326e72367f6',\n        initializedForms: {}, \/\/ Tracks { 'hubspot_form_id': true }\n\n        openModal(hubspotFormIdToLoad) {\n            if (!hubspotFormIdToLoad) {\n                console.error(\"No HubSpot form_id provided for this modal trigger.\");\n                return;\n            }\n            this.activeModalFormId = hubspotFormIdToLoad;\n            \/\/ console.log(\"S2 Opening modal for form:\", this.activeModalFormId);\n            this.$nextTick(() => {\n                this.initForm();\n            });\n        },\n        closeModal() {\n            this.activeModalFormId = null;\n        },\n        getCurrentFormContainerId() {\n            if (!this.activeModalFormId) return null;\n            let sanitizedSuffix = this.activeModalFormId.replace(\/[^a-zA-Z0-9-_]\/g, '');\n            \/\/ This ID structure must match the IDs generated in the PHP loop for the modal divs\n            return `${this.modalFormContainerBaseId}-${sanitizedSuffix}`;\n        },\n        initForm() {\n            if (!this.activeModalFormId || this.initializedForms[this.activeModalFormId]) {\n                \/\/ console.log(\"S2 Form init skipped (no active form or already init):\", this.activeModalFormId);\n                return;\n            }\n\n            const targetContainerId = this.getCurrentFormContainerId(); \/\/ This generates the ID like 'modal-form-container-s2-blockID-formID'\n            if (!targetContainerId) {\n                 console.error(\"S2: Could not determine target container ID.\");\n                 return;\n            }\n            const targetEl = document.getElementById(targetContainerId);\n\n            if (!targetEl) {\n                console.error('S2 Form container #' + targetContainerId + ' not found. This div should exist in the modal markup.');\n                return;\n            }\n            \n            \/\/ It's generally safe to clear, but since each form has its own div,\n            \/\/ and we check initializedForms, this will only run once per form.\n            targetEl.innerHTML = ''; \n\n            var campaignId = getCID();\n            if (campaignId == null) {\n                campaignId = \"701PZ00000IlEYNYA3\"; \/\/ Default CID\n            }\n            \/\/ console.log(\"S2 CID:\", campaignId, \"FormID:\", this.activeModalFormId, \"Target:\", `#${targetContainerId}`);\n            const currentFormIdForCallbacks = this.activeModalFormId;\n\n\n            hbspt.forms.create({\n                region: \"na1\",\n                portalId: \"20500227\",\n                formId: this.activeModalFormId,\n                locale: \"de\",\n                target: `#${targetContainerId}`, \/\/ Target the specific div\n                css: \"\", \/\/ HubSpot's own styles will apply unless you override\n                sfdcCampaignId: campaignId,\n                translations: {\n                    en: {submitText: \"Download Now\"},\n                    de: {submitText: \"Jetzt herunterladen\"},\n                    fr: {submitText: \"Jetzt herunterladen\"},\n                    es: {submitText: \"Jetzt herunterladen\"},\n                    pt: {submitText: \"Jetzt herunterladen\"},\n                    ar: {submitText: \"Jetzt herunterladen\"},\n                },\n                onFormReady: ($form) => {\n                    const formCopy2 = document.querySelector('#form-copy-2');\n                    if (formCopy2) formCopy2.style.display = 'inline-flex';\n\n                    const formCopy1 = document.querySelector('#form-copy-1');\n                    if (formCopy1) formCopy1.style.display = 'inline-flex';\n\n                    if (campaignId) {\n                        \/\/ Ensure jQuery is available or use vanilla JS\n                        \/\/ Example: $form[0].querySelector('input[name=\"cid\"]').value = campaignId;\n                        let cidInput = $form.find('input[name=\"cid\"]');\n                        if (cidInput.length) {\n                            cidInput.val(campaignId);\n                        } \n                    }\n                    this.initializedForms[currentFormIdForCallbacks] = true;\n                    \/\/ console.log(`S2 Form ${this.activeModalFormId} ready in #${targetContainerId}`);\n                },\n                onFormSubmitted: function(jqueryFormObject, data) {\n\n                    const formEl = jqueryFormObject.get(0);\n                    if (!formEl) return;\n\n                    const parentContainer = formEl.closest('.form-container');\n                    if (!parentContainer) return;\n\n                    parentContainer.innerHTML = messages[\"de\"] || messages['en'];\n                    \/\/ Optional: Handle form submission event\n                    console.log(\"Form:\", data, jqueryFormObject);\n                    const submittedValues = data.submissionValues;\n\n                    const formCopy2 = document.querySelector('#form-copy-2');\n                    if (formCopy2) formCopy2.style.display = 'none';\n\n                    const formCopy1 = document.querySelector('#form-copy-1');\n                    if (formCopy1) formCopy1.style.display = 'none';\n                    console.log('Form submitted with values:', submittedValues);\n                    if (submittedValues && submittedValues.sap_version) {\n                        const sapVersionSelected = submittedValues.sap_version;\n                        let redirectUrl = 'https:\/\/pathlock.com\/de\/default-thank-you\/'; \/\/ Default thank you page\n\n                        if (sapVersionSelected === 'sap_basis_release_7.4x-7.52') {\n                            redirectUrl = 'https:\/\/pathlock.com\/de\/thank-you-sap-basis\/';\n                        } else if (sapVersionSelected === 's4hana_1909_and_above') {\n                            redirectUrl = 'https:\/\/pathlock.com\/de\/thank-you-s4hana\/';\n                        }\n                        \/\/ Add more else if blocks for other sap_version values if needed\n\n                        \/\/ Perform the redirect\n                        \/\/ HubSpot often handles its own \"thank you\" message display or inline redirect.\n                        \/\/ If you want to override HubSpot's default \"thank you\" behavior and *always* redirect:\n                        console.log('Redirecting to:', redirectUrl, 'for SAP version:', sapVersionSelected);\n                        window.location.href = redirectUrl;\n\n                    } else {\n                      let redirectUrl = 'https:\/\/pathlock.com\/de\/thank-you-cac\/'; \/\/ Default thank you page\n                      window.location.href = redirectUrl;\n                    }\n                }\n            });\n        }\n  }\n}\n<\/script>\n<!-- Make sure HubSpot's v2.js is loaded once on the page -->\n<script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n\n<section id=\"editionen-und-preise\" class=\"relative bg-white scroll-mt-28\" \n    x-data=\"modalFormS2_block_ce28c2efcec5d19ec8093326e72367f6()\">\n  <div class=\"bg-[#F5F6FC] w-full pt-16 lg:pt-24 pb-[160px]\">\n    <div class=\"relative container mx-auto px-4 lg:px-8\">\n      <div class=\"text-center flex flex-col justify-center items-center\">\n        <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">Editionen und PREISE<\/span>        <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold mb-4 lg:mb-5 max-w-[720px] lg:!leading-[60px]\">W\u00e4hlen Sie Ihr perfektes SAP-Cybersicherheit Edition Bundle<\/h2>        <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[720px]\">Von einem <b>kostenlosen Schwachstellen-Scanner f\u00fcr SAP <\/b>bis zu einer kompletten <b>SAP-Cybersicherheitsl\u00f6sung f\u00fcr den gesamten Lebenszyklus<\/b> \u2013 w\u00e4hlen Sie die Edition, die den Anforderungen Ihres Unternehmens entspricht.<\/div>      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"container mx-auto px-4 lg:px-8 -mt-[96px] pb-8 lg:pb-12\">\n              <div class=\"flex w-full justify-between flex-col xl:flex-row gap-x-8 gap-y-[48px] items-center xl:items-stretch\">\n                                        <div id=\"kostenlos\" class=\"scroll-mt-28 relative w-80 flex-1 lg:w-[384px] rounded-lg flex flex-col bg-white rounded-lg inline-flex flex-col justify-start items-start shadow-[0px_2px_2px_-1px_rgba(15,21,86,0.04)] shadow-[0px_4px_6px_-2px_rgba(15,21,86,0.03)] shadow-[0px_12px_16px_-4px_rgba(15,21,86,0.08)] outline outline-1 outline-[#E3E7F6]\">\n                <div class=\"rounded-lg pb-5 w-full pt-[30px] flex flex-col justify-start items-start\">\n                                    <div id=\"price-header-0\" class=\"px-5 pb-8 border-b border-[#E3E7F6] w-full\">\n                    <div class=\"flex flex-col mb-8\">\n                      <h3 class=\"text-[#0F1556] text-3xl font-semibold leading-9 mb-[6px]\">Kostenlos<\/h3>\n                      <p class=\"text-[#2A3274] text-base font-normal leading-normal mb-6\">Erhalten Sie einen sofortigen und kostenlosen Einblick in Ihre SAP-Sicherheit<\/p>\n                    <\/div>\n                    <div class=\"flex flex-col mb-8 min-h-[100px] justify-center\">\n                                            <p class=\"justify-start text-[#0F1556] text-4xl font-semibold leading-10\">0 $<\/p>\n                                          <\/div>\n                    \n                                                                  <button @click=\"openModal('9f1c5339-0319-459f-b4bd-5e991944a408')\" class=\"h-12 px-[18px] border border-[#7ADBA5] flex w-full py-3 bg-[#EEFBF3] hover:bg-[#7ADBA5] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] justify-center items-center gap-1.5 overflow-hidden\">\n                          <div class=\"px-0.5 justify-center items-center flex\">\n                            <div class=\"text-[#148752] text-base font-semibold leading-normal\">Kostenloser Download<\/div>\n                          <\/div>\n                        <\/button>\n                                                            <\/div>\n                  <div id=\"modules-0\" class=\"px-5 pt-6 w-full\">                  \n                                          <span class=\"self-stretch justify-start text-[#0F1556] text-base font-semibold leading-normal\">Module:<\/span>\n                      <ul class=\"text-[#2A3274] text-sm font-normal leading-normal my-6\">\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Vulnerability Management<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Code Scanning<\/span>\n                        <\/li>\n                                              <\/ul>\n                                                              <span class=\"self-stretch justify-start text-[#0F1556] text-base font-semibold leading-normal\">Limitations:<\/span>\n                      <ul class=\"text-[#2A3274] text-sm font-normal leading-normal my-6\">\n                                                  <li class=\"flex items-start mb-4\"> \n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#EAF3FF\"\/><path d=\"M8 12.3999H16\" stroke=\"#6E759F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Reduzierter Kontrollumfang<\/span>\n                        <\/li>\n                                                  <li class=\"flex items-start mb-4\"> \n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#EAF3FF\"\/><path d=\"M8 12.3999H16\" stroke=\"#6E759F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Keine Abhilfema\u00dfnahmen<\/span>\n                        <\/li>\n                                              <\/ul>\n                                      <\/div>\n                <\/div>\n              <\/div>\n                                        <div id=\"essential\" class=\"scroll-mt-28 relative w-80 flex-1 lg:w-[384px] rounded-lg flex flex-col bg-white rounded-lg inline-flex flex-col justify-start items-start shadow-[0px_2px_2px_-1px_rgba(15,21,86,0.04)] shadow-[0px_4px_6px_-2px_rgba(15,21,86,0.03)] shadow-[0px_12px_16px_-4px_rgba(15,21,86,0.08)] outline outline-1 outline-[#E3E7F6]\">\n                <div class=\"rounded-lg pb-5 w-full pt-[30px] flex flex-col justify-start items-start\">\n                                    <div id=\"price-header-1\" class=\"px-5 pb-8 border-b border-[#E3E7F6] w-full\">\n                    <div class=\"flex flex-col mb-8\">\n                      <h3 class=\"text-[#0F1556] text-3xl font-semibold leading-9 mb-[6px]\">Essential<\/h3>\n                      <p class=\"text-[#2A3274] text-base font-normal leading-normal mb-6\">\u00dcberwachung und Behebung von Sicherheitsl\u00fccken<\/p>\n                    <\/div>\n                    <div class=\"flex flex-col mb-8 min-h-[100px] justify-center\">\n                       <span class=\"justify-start text-[#2A3274] text-sm font-normal leading-tight mb-2\">ab<\/span>                       <p class=\"justify-start text-[#0F1556] text-4xl font-semibold leading-10\">7500 $<\/p>\n                       <span class=\"justify-start text-[#2A3274] text-sm font-normal leading-tight\">pro Jahr<\/span>                     <\/div>\n                    \n                                            \n                        <button @click=\"openModal('03e10772-16eb-4df7-95f7-41a5532b2681')\" class=\"h-12 px-[18px] flex w-full py-3 bg-[#24b770] hover:bg-[#148752] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] justify-center items-center gap-1.5 overflow-hidden\">\n                          <div class=\"px-0.5 justify-center items-center flex\">\n                            <div class=\"text-white text-base font-semibold leading-normal\">Los geht\u2019s<\/div>\n                          <\/div>\n                        <\/button>\n                                                            <\/div>\n                  <div id=\"modules-1\" class=\"px-5 pt-6 w-full\">                  \n                                          <span class=\"self-stretch justify-start text-[#0F1556] text-base font-semibold leading-normal\">Module:<\/span>\n                      <ul class=\"text-[#2A3274] text-sm font-normal leading-normal my-6\">\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Vulnerability Management<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Code Scanning<\/span>\n                        <\/li>\n                                              <\/ul>\n                                                          <\/div>\n                <\/div>\n              <\/div>\n                                        <div id=\"professional\" class=\"scroll-mt-28 relative w-80 flex-1 lg:w-[384px] rounded-lg flex flex-col bg-white rounded-lg inline-flex flex-col justify-start items-start shadow-[0px_11px_25px_0px_rgba(15,21,86,0.10)] shadow-[0px_0px_46px_0px_rgba(15,21,86,0.09)] outline outline-2 outline-[#CED5EE]\">\n                <div class=\"rounded-lg pb-5 w-full pt-[30px] flex flex-col justify-start items-start\">\n                                      <div class=\"px-2.5 py-0.5 left-0 top-[-14px] left-[20px] absolute bg-[#EAF3FF] rounded-lg outline outline-1 outline-offset-[-1px] outline-[#C7D7FE] inline-flex justify-start items-center gap-1\">\n                      <div class=\"text-center justify-start text-[#0F1556] text-base font-semibold leading-normal\">Am beliebtesten<\/div>\n                    <\/div>\n                                    <div id=\"price-header-2\" class=\"px-5 pb-8 border-b border-[#E3E7F6] w-full\">\n                    <div class=\"flex flex-col mb-8\">\n                      <h3 class=\"text-[#0F1556] text-3xl font-semibold leading-9 mb-[6px]\">Professional<\/h3>\n                      <p class=\"text-[#2A3274] text-base font-normal leading-normal mb-6\">Sicherheitsbedrohungen erkennen und verhindern<\/p>\n                    <\/div>\n                    <div class=\"flex flex-col mb-8 min-h-[100px] justify-center\">\n                       <span class=\"justify-start text-[#2A3274] text-sm font-normal leading-tight mb-2\">ab<\/span>                       <p class=\"justify-start text-[#0F1556] text-4xl font-semibold leading-10\">15.000 $<\/p>\n                       <span class=\"justify-start text-[#2A3274] text-sm font-normal leading-tight\">pro Jahr<\/span>                     <\/div>\n                    \n                                            \n                        <button @click=\"openModal('440bcfef-b39f-48c1-92ed-20ba67c5c3c6')\" class=\"h-12 px-[18px] flex w-full py-3 bg-[#24b770] hover:bg-[#148752] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] justify-center items-center gap-1.5 overflow-hidden\">\n                          <div class=\"px-0.5 justify-center items-center flex\">\n                            <div class=\"text-white text-base font-semibold leading-normal\">Los geht\u2019s<\/div>\n                          <\/div>\n                        <\/button>\n                                                            <\/div>\n                  <div id=\"modules-2\" class=\"px-5 pt-6 w-full\">                  \n                                          <span class=\"self-stretch justify-start text-[#0F1556] text-base font-semibold leading-normal\">Module:<\/span>\n                      <ul class=\"text-[#2A3274] text-sm font-normal leading-normal my-6\">\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Vulnerability Management<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Code Scanning<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Transport Control<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Threat Detection<\/span>\n                        <\/li>\n                                              <\/ul>\n                                                          <\/div>\n                <\/div>\n              <\/div>\n                                        <div id=\"advanced\" class=\"scroll-mt-28 relative w-80 flex-1 lg:w-[384px] rounded-lg flex flex-col bg-white rounded-lg inline-flex flex-col justify-start items-start shadow-[0px_2px_2px_-1px_rgba(15,21,86,0.04)] shadow-[0px_4px_6px_-2px_rgba(15,21,86,0.03)] shadow-[0px_12px_16px_-4px_rgba(15,21,86,0.08)] outline outline-1 outline-[#E3E7F6]\">\n                <div class=\"rounded-lg pb-5 w-full pt-[30px] flex flex-col justify-start items-start\">\n                                    <div id=\"price-header-3\" class=\"px-5 pb-8 border-b border-[#E3E7F6] w-full\">\n                    <div class=\"flex flex-col mb-8\">\n                      <h3 class=\"text-[#0F1556] text-3xl font-semibold leading-9 mb-[6px]\">Advanced<\/h3>\n                      <p class=\"text-[#2A3274] text-base font-normal leading-normal mb-6\">Holen Sie sich eine Cybersicherheitsl\u00f6sung f\u00fcr SAP f\u00fcr den gesamten Lebenszyklus<\/p>\n                    <\/div>\n                    <div class=\"flex flex-col mb-8 min-h-[100px] justify-center\">\n                       <span class=\"justify-start text-[#2A3274] text-sm font-normal leading-tight mb-2\">ab<\/span>                       <p class=\"justify-start text-[#0F1556] text-4xl font-semibold leading-10\">30.000 $<\/p>\n                       <span class=\"justify-start text-[#2A3274] text-sm font-normal leading-tight\">pro Jahr<\/span>                     <\/div>\n                    \n                                            \n                        <button @click=\"openModal('b2809c7b-819b-458e-8684-d5de84f86f4e')\" class=\"h-12 px-[18px] flex w-full py-3 bg-[#24b770] hover:bg-[#148752] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] justify-center items-center gap-1.5 overflow-hidden\">\n                          <div class=\"px-0.5 justify-center items-center flex\">\n                            <div class=\"text-white text-base font-semibold leading-normal\">Los geht\u2019s<\/div>\n                          <\/div>\n                        <\/button>\n                                                            <\/div>\n                  <div id=\"modules-3\" class=\"px-5 pt-6 w-full\">                  \n                                          <span class=\"self-stretch justify-start text-[#0F1556] text-base font-semibold leading-normal\">Module:<\/span>\n                      <ul class=\"text-[#2A3274] text-sm font-normal leading-normal my-6\">\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Vulnerability Management<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Code Scanning<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Transport Control<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Threat Detection<\/span>\n                        <\/li>\n                                                <li class=\"flex items-start mb-4\"> <!-- items-start for multiline text alignment -->\n                          <span class=\"mr-3 rtl:mr-0 rtl:ml-3 w-6 h-6 rounded-full overflow-hidden flex-shrink-0\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><g><rect width=\"24\" height=\"24\" fill=\"#D5F6E0\"\/><path d=\"M7.5 12L10.5 15L16.5 9\" stroke=\"#24B770\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><\/svg>\n                          <\/span>\n                          <span class=\"self-stretch justify-start text-[#2A3274] text-base font-normal leading-normal\">Application Profiler<\/span>\n                        <\/li>\n                                              <\/ul>\n                                                          <\/div>\n                <\/div>\n              <\/div>\n                      <\/div>\n      \n                <div id=\"custom\" class=\"scroll-mt-28 mt-16 self-stretch w-full p-8 bg-[#FAFBFD] rounded-lg outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] inline-flex justify-between items-center flex-wrap content-start\">\n        <div class=\"w-content text-center lg:text-left max-w-[750px]\">\n          <h3 class=\"text-[#0F1556] text-xl font-semibold leading-9 mb-2\">Erstellen Sie Ihre eigene SAP-Cybersicherheitsl\u00f6sung<\/h3>\n          <p class=\"text-[#2A3274] text-base font-normal leading-normal\">Individuelles Bundle gew\u00fcnscht? Lassen Sie uns das perfekte Modulpaket f\u00fcr Ihre Bed\u00fcrfnisse zusammenstellen.<\/p>\n        <\/div>\n        <div class=\"flex w-full lg:w-auto justify-center items-center mt-6 lg:mt-0\">\n                    <button @click=\"openModal('d50e114d-2e77-4455-a73f-51e13b58f479')\" class=\"flex w-full lg:w-auto justify-center text-center lg:text-left font-semibold py-3 rounded-xl px-[18px] bg-white border border-solid border-[#E3E7F6] hover:bg-[#E3E7F6] gap-1.5 transition-colors duration-300\">\n            Kontakt zu unseren Experten          <\/button>\n                  <\/div>    \n      <\/div>\n        <\/div>\n\n    <!-- Single Modal Structure for ALL forms in Section 2 -->\n    <div x-show=\"activeModalFormId !== null\" x-cloak class=\"fixed inset-0 z-50\"\n    x-effect=\"document.body.style.overflow = activeModalFormId ? 'hidden' : ''\">\n    <div class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\" @click=\"closeModal()\"\n        x-transition:enter=\"transition ease-out duration-300\" x-transition:enter-start=\"opacity-0\" x-transition:enter-end=\"opacity-100\"\n        x-transition:leave=\"transition ease-in duration-300\" x-transition:leave-start=\"opacity-100\" x-transition:leave-end=\"opacity-0\"><\/div>\n\n    <div class=\"fixed inset-0 flex items-center justify-center z-50 p-4\">\n        <div class=\"relative bg-white max-w-md w-full rounded-lg shadow-lg\" @click.away=\"closeModal()\">\n            <div class=\"flex justify-end p-2\">\n                <button @click=\"closeModal()\" class=\"text-gray-800 hover:bg-gray-100 p-2 rounded-full focus:outline-none\">\n                    <svg class=\"h-6 w-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/><\/svg>\n                <\/button>\n            <\/div>\n            <div class=\"p-8 pt-0 lg:px-10 lg:pb-12 bg-white rounded-b-lg\">\n              <!-- Conditionally render form titles based on form ID -->\n              <template x-if=\"activeModalFormId === '9f1c5339-0319-459f-b4bd-5e991944a408'\">\n              <div id=\"form-copy-1\" class=\"flex-col justify-start items-start gap-3 mb-5 inline-flex text-center w-full\">\n                <div id=\"form-title\" class=\"self-stretch text-center text-[#0f1556] text-xl lg:text-2xl font-bold leading-[30px]\">Risiko-Scanner gratis herunterladen<\/div>\n                <div id=\"form-subtitle\" class=\"text-center text-[#667084] text-xs lg:text-sm font-normal leading-normal w-full\">Erhalten Sie einen sofortigen und kostenlosen Einblick in Ihre SAP-Sicherheit<\/div>\n              <\/div>\n              <\/template>\n              <template x-if=\"activeModalFormId !== '9f1c5339-0319-459f-b4bd-5e991944a408'\">\n              <div id=\"form-copy-2\" class=\"flex-col justify-start items-start gap-3 mb-5 inline-flex text-center w-full\">\n                <div id=\"form-title\" class=\"self-stretch text-center text-[#0f1556] text-xl lg:text-2xl font-bold leading-[30px]\">Sprechen wir \u00fcber SAP-Cybersicherheit<\/div>\n                <div id=\"form-subtitle\" class=\"text-center text-[#667084] text-xs lg:text-sm font-normal leading-normal w-full\">Ein Experte f\u00fcr Pathlock-L\u00f6sungen wird sich in K\u00fcrze bei Ihnen melden.<\/div>\n              <\/div>\n              <\/template>\n              \n                                <div class=\"form-container\" x-show=\"activeModalFormId === '9f1c5339-0319-459f-b4bd-5e991944a408'\"\n                     id=\"modal-form-container-s2-block_ce28c2efcec5d19ec8093326e72367f6-9f1c5339-0319-459f-b4bd-5e991944a408\">\n                    <!-- HubSpot form for 9f1c5339-0319-459f-b4bd-5e991944a408 will be rendered here by initForm -->\n                    <!-- Loading indicator (optional, specific to this form's container) -->\n                    <p x-show=\"!initializedForms['9f1c5339-0319-459f-b4bd-5e991944a408']\">Loading form&#8230;<\/p>\n                  <\/div>\n                                <div class=\"form-container\" x-show=\"activeModalFormId === '03e10772-16eb-4df7-95f7-41a5532b2681'\"\n                     id=\"modal-form-container-s2-block_ce28c2efcec5d19ec8093326e72367f6-03e10772-16eb-4df7-95f7-41a5532b2681\">\n                    <!-- HubSpot form for 03e10772-16eb-4df7-95f7-41a5532b2681 will be rendered here by initForm -->\n                    <!-- Loading indicator (optional, specific to this form's container) -->\n                    <p x-show=\"!initializedForms['03e10772-16eb-4df7-95f7-41a5532b2681']\">Loading form&#8230;<\/p>\n                  <\/div>\n                                <div class=\"form-container\" x-show=\"activeModalFormId === '440bcfef-b39f-48c1-92ed-20ba67c5c3c6'\"\n                     id=\"modal-form-container-s2-block_ce28c2efcec5d19ec8093326e72367f6-440bcfef-b39f-48c1-92ed-20ba67c5c3c6\">\n                    <!-- HubSpot form for 440bcfef-b39f-48c1-92ed-20ba67c5c3c6 will be rendered here by initForm -->\n                    <!-- Loading indicator (optional, specific to this form's container) -->\n                    <p x-show=\"!initializedForms['440bcfef-b39f-48c1-92ed-20ba67c5c3c6']\">Loading form&#8230;<\/p>\n                  <\/div>\n                                <div class=\"form-container\" x-show=\"activeModalFormId === 'b2809c7b-819b-458e-8684-d5de84f86f4e'\"\n                     id=\"modal-form-container-s2-block_ce28c2efcec5d19ec8093326e72367f6-b2809c7b-819b-458e-8684-d5de84f86f4e\">\n                    <!-- HubSpot form for b2809c7b-819b-458e-8684-d5de84f86f4e will be rendered here by initForm -->\n                    <!-- Loading indicator (optional, specific to this form's container) -->\n                    <p x-show=\"!initializedForms['b2809c7b-819b-458e-8684-d5de84f86f4e']\">Loading form&#8230;<\/p>\n                  <\/div>\n                                <div class=\"form-container\" x-show=\"activeModalFormId === 'd50e114d-2e77-4455-a73f-51e13b58f479'\"\n                     id=\"modal-form-container-s2-block_ce28c2efcec5d19ec8093326e72367f6-d50e114d-2e77-4455-a73f-51e13b58f479\">\n                    <!-- HubSpot form for d50e114d-2e77-4455-a73f-51e13b58f479 will be rendered here by initForm -->\n                    <!-- Loading indicator (optional, specific to this form's container) -->\n                    <p x-show=\"!initializedForms['d50e114d-2e77-4455-a73f-51e13b58f479']\">Loading form&#8230;<\/p>\n                  <\/div>\n                          <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/section>\n\n\n\n\n<style>\n    @media (min-width: 1024px) {\n        .active-tab {\n            box-shadow: 0 4px 38px #1018590d;\n        }\n    }\n<\/style>\n\n<section class=\"py-8 lg:py-12 scroll-mt-28\" id=\"was-ist-inbegriffen\">\n    <div class=\"container mx-auto max-w-[1024px] px-4 lg:px-8\">\n        <div class=\"relative\">\n            <div class=\"text-center flex flex-col justify-center items-center mb-12 lg:mb-16\">\n                                    <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">Was ist inbegriffen?<\/span>\n                                                    <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold max-w-[804px] lg:!leading-[60px]\">Entdecken Sie die Kernmodule der SAP-Cybersicherheit von Pathlock<\/h2>\n                \n                                    <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[720px] mt-4 lg:mt-5\">\n                        Sch\u00fctzen Sie Ihre SAP-Umgebung von der Entwicklung bis zur Bereitstellung. Pathlock kombiniert proaktive Risikominderung mit Bedrohungserkennung und Schutz Ihrer sensiblen Daten in Echtzeit.                    <\/div>\n                            <\/div>\n\n            \n            <div class=\"rounded-lg bg-white\" x-data=\"tabComponent('6')\" x-init=\"init()\">\n                <div class=\"flex mx-auto justify-center\">\n                    <div>\n                        <!-- Mobile Dropdown -->\n                        <div class=\"block lg:hidden bg-white rounded-lg\">\n                            <select x-on:change=\"setActiveTab(parseInt($el.value))\" class=\"rounded-lg mb-6 py-3 rtl:pr-8 px-4 pe-9 block w-full border-[#F5F6FC] font-medium bg-[#F5F6FC] text-sm focus:border-blue-500 focus:ring-blue-50\">\n                                                                    <option value=\"1\">Vulnerability <br>Management<\/option>\n                                                                    <option value=\"2\">Code <br>Scanning<\/option>\n                                                                    <option value=\"3\">Transport <br>Control<\/option>\n                                                                    <option value=\"4\">Threat <br>Detection<\/option>\n                                                                    <option value=\"5\">Application <br>Profiler<\/option>\n                                                                    <option value=\"6\">Dynamic Access Control<\/option>\n                                                            <\/select>\n                        <\/div>\n\n                        <!-- Desktop Tabs -->\n                        <div style=\"box-shadow: 0px 12px 16px -4px rgba(15, 21, 86, 0.03);\" class=\"hidden lg:flex max-w-[1216px] min-w-[1216px] p-1.5 bg-white rounded-lg justify-around outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] justify-start items-center gap-1.5\">\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 1 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 1 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 1 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 1 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 1 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 1 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 1 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(1)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 1 ? 'font-semibold' : 'font-medium'\">\n                      Vulnerability <br>Management                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 2 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 2 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 2 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 2 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 2 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 2 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 2 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(2)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 2 ? 'font-semibold' : 'font-medium'\">\n                      Code <br>Scanning                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 3 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 3 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 3 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 3 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 3 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 3 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 3 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(3)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 3 ? 'font-semibold' : 'font-medium'\">\n                      Transport <br>Control                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 4 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 4 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 4 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 4 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 4 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 4 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 4 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(4)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 4 ? 'font-semibold' : 'font-medium'\">\n                      Threat <br>Detection                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 5 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 5 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 5 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 5 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 5 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 5 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 5 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(5)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 5 ? 'font-semibold' : 'font-medium'\">\n                      Application <br>Profiler                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 6 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 6 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 6 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 6 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 6 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 6 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 6 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(6)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 6 ? 'font-semibold' : 'font-medium'\">\n                      Dynamic Access Control                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                    <\/div>\n\n                        <!-- Tab Content -->\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 1\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Behebung von fehlenden Patches und Schwachstellen                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Automatisieren Sie Schwachstellen-Scans und Audit-Kampagnen mit \u00fcber 4000 anpassbaren, sofort einsatzbereiten Pr\u00fcfungen. Das Modul priorisiert die kritischsten Patches f\u00fcr die individuelle Umgebung Ihres Unternehmens.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Reduzieren Sie manuellen Aufwand und Komplexit\u00e4t                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Richten Sir proaktive Sicherheitsprozesse ein                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Minimieren Sie kostspielige Systemausfallzeiten                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                        \n                                                                            <\/div>\n\n                                                                            <div class=\"prose text-[#2A3274] text-lg font-normal leading-7 prose-a:text-[#2A3274] prose-a:font-bold hover:prose-a:no-underline\">\n                                            <p>Verf\u00fcgbar in den Editionen <a href=\"#editions-pricing\">Essential<\/a>, <a href=\"#editions-pricing\">Professional <\/a>und <a href=\"#editions-pricing\">Advanced<\/a><\/p>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas1\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/cac_vulnerability_management_2.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 2\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Testen und sichern Sie Ihren benutzerdefinierten Code                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Identifizieren Sie Sicherheitsl\u00fccken in Ihrem benutzerdefinierten ABAP- und UI5-Code automatisch. Nutzen Sie \u00fcber 150 sofort einsatzbereite, anpassbare Pr\u00fcfungen, um Ihren Code sicher zu machen \u2013 egal, ob er sich noch in der Entwicklung oder bereits in Produktion befindet.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Kein manuelles Scannen von Codes mehr erforderlich                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                St\u00e4rkung der proaktiven Sicherheit durch fr\u00fchzeitiges Erkennen von Schwachstellen                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Minimieren Sie kostspielige Systemausfallzeiten                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                        \n                                                                            <\/div>\n\n                                                                            <div class=\"prose text-[#2A3274] text-lg font-normal leading-7 prose-a:text-[#2A3274] prose-a:font-bold hover:prose-a:no-underline\">\n                                            <p>Verf\u00fcgbar in den Editionen <a href=\"#editions-pricing\">Essential<\/a>, <a href=\"#editions-pricing\">Professional <\/a>und <a href=\"#editions-pricing\">Advanced<\/a><\/p>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas2\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/cac_code_scanning_.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 3\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Sichern Sie Ihre SAP-\u00c4nderungsmanagement-Prozesse                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Kontinuierliche \u00dcberwachung und Blockierung von Transporten, die kritische Objekte oder andere Sicherheitsschwachstellen enthalten. Mit \u00fcber 70 sofort einsatzbereiten Pr\u00fcfungen hilft Ihnen dieses Modul, Ihre SAP-\u00c4nderungsmanagement-Prozesse zu sichern.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Sichern Sie S\/4HANA-Migrationen                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Sparen Sie Zeit und Geld durch fr\u00fchzeitige Behebung von Problemen                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Verhindern Sie Transportr\u00fcckstaus                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                        \n                                                                            <\/div>\n\n                                                                            <div class=\"prose text-[#2A3274] text-lg font-normal leading-7 prose-a:text-[#2A3274] prose-a:font-bold hover:prose-a:no-underline\">\n                                            <p>Verf\u00fcgbar in den Editionen <a href=\"#editions-pricing\">Professional <\/a>und <a href=\"#editions-pricing\">Advanced<\/a><\/p>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas3\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/cac_transport_control.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 4\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Erkennen und reagieren Sie auf Bedrohungen im gro\u00dfen Ma\u00dfstab                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Sorgen Sie f\u00fcr eine schnelle und fundierte Reaktion auf interne und externe Bedrohungen. Durch die Analyse von \u00fcber 70 Protokollquellen anhand von mehr als 1500 Signaturen zur Erkennung von Bedrohungen warnt Sie dieses Modul selbst vor den komplexesten Bedrohungen.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Verk\u00fcrzung der Reaktionszeit auf Bedrohungen um bis zu 80 %                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Reduzierung des Protokollrauschens und falscher Positivmeldungen um bis zu 60 %                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Weiterleitung von Bedrohungsereignissen an SIEM-Systeme und Integration in diese                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                        \n                                                                            <\/div>\n\n                                                                            <div class=\"prose text-[#2A3274] text-lg font-normal leading-7 prose-a:text-[#2A3274] prose-a:font-bold hover:prose-a:no-underline\">\n                                            <p>Verf\u00fcgbar in den Editionen <a href=\"#editions-pricing\">Professional <\/a>und <a href=\"#editions-pricing\">Advanced<\/a><\/p>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas4\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/cac_threat_detection.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 5\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Erreichen Sie Zero Trust Compliance in benutzerdefinierten Anwendungen                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Verstehen Sie rasch den gesamten technischen Ablauf von Kundentransaktionen in benutzerdefinierten Anwendungen und erkennen Sie Compliance-Probleme. Verfolgen Sie Code\u00e4nderungen kontinuierlich und benachrichtigen Sie die Genehmiger, sobald sie auftreten.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Erh\u00f6hen Sie die Transparenz in benutzerdefinierten Anwendungen                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Delegieren Sie Genehmigungen an Sicherheits- und Compliance-Teams                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                F\u00fchren Sie eine auditsichere Aufzeichnung \u00fcber alle \u00c4nderungen durch                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                        \n                                                                            <\/div>\n\n                                                                            <div class=\"prose text-[#2A3274] text-lg font-normal leading-7 prose-a:text-[#2A3274] prose-a:font-bold hover:prose-a:no-underline\">\n                                            <p>Verf\u00fcgbar in der <a href=\"#editions-pricing\">Advanced<\/a> Edition<\/p>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas5\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/cac_application_profiler_.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 6\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Sensible Daten in Ihrem SAP sichern                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Maskieren Sie sensible Daten, verschl\u00fcsseln Sie replizierte Testdaten, verhindern Sie die unbefugte \u00dcbertragung oder das Herunterladen sensibler Informationen und regeln Sie den Transaktionszugriff dynamisch auf der Grundlage von Daten und Benutzerattributen.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Verhindern Sie eine Rollenexplosion                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Minimieren Sie den Aufwand f\u00fcr das Rollenmanagement                                            <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Rationalisieren Sie die Compliance und Automatisierung der Audit-Berichterstattung                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                        \n                                                                            <\/div>\n\n                                                                            <div class=\"prose text-[#2A3274] text-lg font-normal leading-7 prose-a:text-[#2A3274] prose-a:font-bold hover:prose-a:no-underline\">\n                                            <p>Verf\u00fcgbar in der <a href=\"#editions-pricing\">Custom<\/a> Edition<\/p>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas6\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/cac_dac.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<script>\n    function tabComponent() {\n        return {\n            selectedTab: 1,\n            progress: 0,\n            riveInstances: {},\n            interval: null,\n            progressInterval: null,\n            intervalDuration: 12000,\n            lastAutoChangeTab: 1,\n            isHoverPaused: false,\n            elapsedTime: 0,\n            isDesktop: false,\n            totalTabs: 0,\n            isRTL: document.dir === 'rtl' || document.documentElement.dir === 'rtl',\n\n            checkScreenSize() {\n                this.isDesktop = window.innerWidth >= 1024;\n            },\n\n            getProgressBackground(progress) {\n                \/\/ RTL-aware progress bar background\n                if (this.isRTL) {\n                    return `background: linear-gradient(to left, #E3E7F6 ${progress}%, #F5F6FC ${progress}%);`;\n                }\n                return `background: linear-gradient(to right, #E3E7F6 ${progress}%, #F5F6FC ${progress}%);`;\n            },\n\n            setActiveTab(tabId) {\n                this.selectedTab = tabId;\n                this.lastAutoChangeTab = tabId;\n                this.resetProgressBar();\n\n                if (this.isDesktop) {\n                    this.pauseOnHover();\n                }\n\n                this.$nextTick(() => {\n                    this.initializeRiveForTab(tabId);\n                    this.resizeRiveCanvas();\n                });\n            },\n\n            updateProgress(value) {\n                this.progress = value;\n            },\n\n            pauseOnHover() {\n                if (!this.isDesktop) return;\n\n                if (!this.isHoverPaused) {\n                    this.isHoverPaused = true;\n                    if (this.progressInterval) {\n                        clearInterval(this.progressInterval);\n                        this.progressInterval = null;\n                    }\n                    if (this.interval) {\n                        clearInterval(this.interval);\n                        this.interval = null;\n                    }\n                }\n            },\n\n            resumeOnHover() {\n                if (!this.isDesktop) return;\n\n                if (this.isHoverPaused) {\n                    this.isHoverPaused = false;\n                    this.startProgressUpdate(this.elapsedTime);\n                    this.startAutoChange();\n                }\n            },\n\n            resetInterval() {\n                if (!this.isDesktop) return;\n\n                clearInterval(this.interval);\n                clearInterval(this.progressInterval);\n                this.progress = 0;\n                this.elapsedTime = 0;\n                this.startAutoChange();\n                this.startProgressUpdate();\n            },\n\n            startAutoChange() {\n                if (!this.isDesktop) return;\n\n                if (this.interval) {\n                    clearInterval(this.interval);\n                }\n\n                const remainingTime = this.intervalDuration - this.elapsedTime;\n\n                this.interval = setTimeout(() => {\n                    const nextTab = this.lastAutoChangeTab < this.totalTabs ? this.lastAutoChangeTab + 1 : 1;\n                    this.lastAutoChangeTab = nextTab;\n                    this.selectedTab = nextTab;\n                    this.resetProgressBar();\n                    this.initializeRiveForTab(nextTab);\n                    this.resizeRiveCanvas();\n\n                    this.startRegularAutoChange();\n                }, remainingTime);\n            },\n\n            startRegularAutoChange() {\n                if (!this.isDesktop) return;\n\n                if (this.interval) {\n                    clearInterval(this.interval);\n                }\n                this.interval = setInterval(() => {\n                    const nextTab = this.lastAutoChangeTab < this.totalTabs ? this.lastAutoChangeTab + 1 : 1;\n                    this.lastAutoChangeTab = nextTab;\n                    this.selectedTab = nextTab;\n                    this.resetProgressBar();\n                    this.initializeRiveForTab(nextTab);\n                    this.resizeRiveCanvas();\n                }, this.intervalDuration);\n            },\n\n            startProgressUpdate(startTime = 0) {\n                if (!this.isDesktop) return;\n\n                this.elapsedTime = startTime;\n                const step = 50;\n\n                if (this.progressInterval) {\n                    clearInterval(this.progressInterval);\n                }\n\n                this.progressInterval = setInterval(() => {\n                    this.elapsedTime += step;\n                    this.updateProgress((this.elapsedTime \/ this.intervalDuration) * 100);\n\n                    if (this.elapsedTime >= this.intervalDuration) {\n                        this.elapsedTime = 0;\n                        this.updateProgress(0);\n                    }\n                }, step);\n            },\n\n            pauseActiveRiveAnimation() {\n                if (this.riveInstances[this.selectedTab]) {\n                    try {\n                        this.riveInstances[this.selectedTab].pause();\n                    } catch(e) {\n                        console.log('Pause not available for this Rive instance');\n                    }\n                }\n            },\n\n            resumeActiveRiveAnimation() {\n                if (this.riveInstances[this.selectedTab]) {\n                    try {\n                        this.riveInstances[this.selectedTab].play();\n                    } catch(e) {\n                        console.log('Play not available for this Rive instance');\n                    }\n                }\n            },\n\n            initializeRiveForTab(tabId) {\n                const canvas = this.$refs[`riveCanvas${tabId}`];\n                if (!canvas) return;\n\n                if (this.riveInstances[tabId]) {\n                    try {\n                        this.riveInstances[tabId].stop();\n                        this.riveInstances[tabId].cleanup();\n                    } catch(e) {}\n                }\n\n                const src = canvas.dataset.src;\n                if (!src) return;\n\n                if (canvas.parentElement) {\n                    const container = canvas.parentElement;\n                    canvas.width = container.clientWidth;\n                    canvas.height = container.clientHeight;\n                }\n\n                \/\/  ArrayBuffer insted src to fix console error loading file; may be corrupted\n                fetch(src)\n                    .then(res => {\n                        if (!res.ok) throw new Error(`Failed to fetch .riv: ${res.status}`);\n                        return res.arrayBuffer();\n                    })\n                    .then(buffer => {\n                        this.riveInstances[tabId] = new rive.Rive({\n                            buffer: buffer,\n                            canvas: canvas,\n                            autoplay: true,\n                            onLoad: () => {\n                                this.riveInstances[tabId].resizeDrawingSurfaceToCanvas();\n                            },\n                            onError: (error) => {\n                                console.error(`Rive error for tab ${tabId}:`, error);\n                            },\n                        });\n                    })\n                    .catch(err => {\n                        console.error(`Error loading .riv for tab ${tabId}:`, err);\n                    });\n            },\n\n            resizeRiveCanvas() {\n                setTimeout(() => {\n                    const activeCanvas = this.$refs[`riveCanvas${this.selectedTab}`];\n                    if (activeCanvas && this.riveInstances[this.selectedTab]) {\n                        const container = activeCanvas.parentElement;\n                        const containerWidth = container.clientWidth;\n                        const containerHeight = container.clientHeight;\n\n                        activeCanvas.width = containerWidth;\n                        activeCanvas.height = containerHeight;\n\n                        try {\n                            this.riveInstances[this.selectedTab].resizeDrawingSurfaceToCanvas();\n                        } catch(e) {\n                            console.log('Error resizing Rive canvas:', e);\n                        }\n                    }\n                }, 10);\n            },\n\n            countTotalTabs() {\n                let count = 0;\n                for (let i = 1; ; i++) {\n                    const canvas = this.$refs[`riveCanvas${i}`];\n                    if (!canvas) break;\n                    count++;\n                }\n                this.totalTabs = count;\n                return count;\n            },\n\n            initPlayers() {\n                setTimeout(() => {\n                    this.countTotalTabs();\n\n                    if (this.totalTabs > 0) {\n                        this.selectedTab = 1;\n                        this.lastAutoChangeTab = 1;\n\n                        this.initializeRiveForTab(1);\n\n                        if (this.isDesktop) {\n                            this.startRegularAutoChange();\n                            this.startProgressUpdate();\n                        }\n                    } else {\n                        console.warn(\"No Rive animations found.\");\n                    }\n                }, 50);\n            },\n\n            resetProgressBar() {\n                if (!this.isDesktop) {\n                    this.progress = 0;\n                    return;\n                }\n\n                this.elapsedTime = 0;\n                this.updateProgress(0);\n                if (this.progressInterval) {\n                    clearInterval(this.progressInterval);\n                }\n                this.startProgressUpdate();\n            },\n\n            handleResize() {\n                const wasDesktop = this.isDesktop;\n                this.checkScreenSize();\n\n                if (!wasDesktop && this.isDesktop) {\n                    this.startRegularAutoChange();\n                    this.startProgressUpdate();\n                } else if (wasDesktop && !this.isDesktop) {\n                    if (this.interval) {\n                        clearInterval(this.interval);\n                        this.interval = null;\n                    }\n                    if (this.progressInterval) {\n                        clearInterval(this.progressInterval);\n                        this.progressInterval = null;\n                    }\n                    this.progress = 0;\n                    this.elapsedTime = 0;\n                    this.isHoverPaused = false;\n                }\n\n                this.resizeRiveCanvas();\n            },\n\n            init() {\n                this.$nextTick(() => {\n                    this.checkScreenSize();\n                    this.initPlayers();\n\n                    window.addEventListener('resize', () => {\n                        this.handleResize();\n                    });\n                });\n            }\n        };\n    }\n<\/script>\n\n\n\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 id=\"demo-center\"\n         class=\"bg-white py-8 lg:py-12 scroll-mt-28 mb-4 lg:mb-12\">\n    <div class=\"container mx-auto px-4 lg:px-8\">\n        <div class=\"relative\">\n            <div class=\"text-center flex flex-col justify-center items-center\">\n                <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">DEMO-CENTER<\/span>\n\n                                    <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold mb-4 lg:mb-5 max-w-[720px] lg:!leading-[60px]\">Pathlock in Aktion sehen<\/h2>\n                \n                                    <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[720px]\">\n                        Erkunden Sie ein vollst\u00e4ndig selbstgesteuertes, browserbasiertes Produkterlebnis. Keine Bereitstellung erforderlich \u2013 <b>und ganz nach Ihren W\u00fcnschen.<\/b>                    <\/div>\n                \n\n                                    <div class=\"flex w-full flex-wrap md:gap-x-8 gap-y-[48px] mt-12 lg:mt-16 justify-center items-stretch\"\n                         id=\"demo-cards-container\">\n\n                                                    \n                            <div class=\"relative w-full sm:w-[calc(50%-16px)] lg:w-[calc(33.333%-22px)] md:max-w-[384px] rounded-lg group\/item flex flex-col justify-start items-center hover:scale-110 transition-transform ease-in-out duration-300 h-full demo-card\">\n                                                                    <div class=\"rounded-lg px-4 lg:px-6 z-10\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/image-11.png\"\n                                             alt=\"\"\n                                             class=\"rounded-lg no-override w-full flex items-center justify-center max-h-[180px]\"\/>\n                                    <\/div>\n                                                                <div class=\"relative rounded-lg pt-[93px] -mt-[77px] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] group-hover\/item:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)] flex flex-col h-full\">\n                                    <div class=\"px-6 flex flex-col w-full justify-start items-start mb-6 flex-grow\">\n                                        <h3 class=\"self-stretch text-left justify-start text-[#0F1556] text-xl font-semibold leading-[30px] mb-3\">Scannen auf Schwachstellen und Priorisierung von Patches automatisieren<\/h3>\n                                        <p class=\"text-left justify-start text-[#2A3274] text-base font-normal leading-normal flex-grow mb-4\">Entdecken Sie, wie Pathlock automatisch Sicherheitsl\u00fccken in Ihrem SAP-System aufdeckt und Sie bei der Behebung unterst\u00fctzt.<\/p>\n                                    <\/div>\n                                    <div class=\"flex flex-col lg:flex-row border-t border-[#E3E7F6] p-6 w-full justify-between items-center gap-y-4 mt-auto\">\n                                                                                    <div class=\"flex grow w-full lg:w-auto\">\n                                                <a class=\"h-12 w-full lg:w-auto px-[18px] py-3 bg-white hover:bg-[#E3E7F6] transition-colors duration-300 rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden\"\n                                                   href=\"https:\/\/pathlock.com\/de\/browser-tours\/pathlock-vulnerability-management-sap-erp\/\"\n                                                   target=\"\">\n                                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                                        <span class=\"text-[#0f1556] text-base font-semibold leading-normal\">Tour im Browser<\/span>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                    \n                            <div class=\"relative w-full sm:w-[calc(50%-16px)] lg:w-[calc(33.333%-22px)] md:max-w-[384px] rounded-lg group\/item flex flex-col justify-start items-center hover:scale-110 transition-transform ease-in-out duration-300 h-full demo-card\">\n                                                                    <div class=\"rounded-lg px-4 lg:px-6 z-10\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Identify-Security-Gaps-Within-Custom-ABAP-Code_0000.webp\"\n                                             alt=\"\"\n                                             class=\"rounded-lg no-override w-full flex items-center justify-center max-h-[180px]\"\/>\n                                    <\/div>\n                                                                <div class=\"relative rounded-lg pt-[93px] -mt-[77px] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] group-hover\/item:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)] flex flex-col h-full\">\n                                    <div class=\"px-6 flex flex-col w-full justify-start items-start mb-6 flex-grow\">\n                                        <h3 class=\"self-stretch text-left justify-start text-[#0F1556] text-xl font-semibold leading-[30px] mb-3\">Sicherheitsl\u00fccken im benutzerdefinierten ABAP-Code identifizieren<\/h3>\n                                        <p class=\"text-left justify-start text-[#2A3274] text-base font-normal leading-normal flex-grow mb-4\">Sehen Sie, wie Pathlock Ihnen hilft, Schwachstellen in benutzerdefiniertem Code aufzudecken und die Anwendungssicherheit zu verbessern.<\/p>\n                                    <\/div>\n                                    <div class=\"flex flex-col lg:flex-row border-t border-[#E3E7F6] p-6 w-full justify-between items-center gap-y-4 mt-auto\">\n                                                                                    <div class=\"flex grow w-full lg:w-auto\">\n                                                <a class=\"h-12 w-full lg:w-auto px-[18px] py-3 bg-white hover:bg-[#E3E7F6] transition-colors duration-300 rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden\"\n                                                   href=\"https:\/\/pathlock.com\/de\/browser-tours\/pathlock-code-scanning-sap-erp\/\"\n                                                   target=\"\">\n                                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                                        <span class=\"text-[#0f1556] text-base font-semibold leading-normal\">Tour im Browser<\/span>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                    \n                            <div class=\"relative w-full sm:w-[calc(50%-16px)] lg:w-[calc(33.333%-22px)] md:max-w-[384px] rounded-lg group\/item flex flex-col justify-start items-center hover:scale-110 transition-transform ease-in-out duration-300 h-full demo-card\">\n                                                                    <div class=\"rounded-lg px-4 lg:px-6 z-10\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Dynamically-Control-and-Secure-Access-to-SAP-Data_0000.webp\"\n                                             alt=\"\"\n                                             class=\"rounded-lg no-override w-full flex items-center justify-center max-h-[180px]\"\/>\n                                    <\/div>\n                                                                <div class=\"relative rounded-lg pt-[93px] -mt-[77px] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] group-hover\/item:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)] flex flex-col h-full\">\n                                    <div class=\"px-6 flex flex-col w-full justify-start items-start mb-6 flex-grow\">\n                                        <h3 class=\"self-stretch text-left justify-start text-[#0F1556] text-xl font-semibold leading-[30px] mb-3\">Dynamische Kontrolle und sicherer Zugriff auf SAP-Daten<\/h3>\n                                        <p class=\"text-left justify-start text-[#2A3274] text-base font-normal leading-normal flex-grow mb-4\">Maskieren, verschl\u00fcsseln und verhindern Sie den unbefugten Zugriff auf Daten, um das Risiko von Sicherheitsverletzungen in Ihrem SAP zu verringern.<\/p>\n                                    <\/div>\n                                    <div class=\"flex flex-col lg:flex-row border-t border-[#E3E7F6] p-6 w-full justify-between items-center gap-y-4 mt-auto\">\n                                                                                    <div class=\"flex grow w-full lg:w-auto\">\n                                                <a class=\"h-12 w-full lg:w-auto px-[18px] py-3 bg-white hover:bg-[#E3E7F6] transition-colors duration-300 rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden\"\n                                                   href=\"https:\/\/pathlock.com\/de\/browser-tours\/pathlock-dynamic-access-controls\/\"\n                                                   target=\"\">\n                                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                                        <span class=\"text-[#0f1556] text-base font-semibold leading-normal\">Tour im Browser<\/span>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                                                                            <button dir=\"ltr\" id=\"demo3\"\n                                                    data-videoId=\"bi3urlvj3x\"\n                                                    onclick=\"openModal('bi3urlvj3x')\"\n                                                    class=\"video_btn flex flex-row  w-full justify-center lg:w-auto group\/link pr-[12px] py-3 items-center\">\n                        <span class=\"mr-2  rtl:rotate-180\">\n                          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\n                               xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <g clip-path=\"url(#clip0_63_31)\">\n                            <path d=\"M9.99999 18.3334C14.6024 18.3334 18.3333 14.6024 18.3333 10C18.3333 5.39765 14.6024 1.66669 9.99999 1.66669C5.39762 1.66669 1.66666 5.39765 1.66666 10C1.66666 14.6024 5.39762 18.3334 9.99999 18.3334Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M7.91666 7.47113C7.91666 7.07339 7.91666 6.87452 7.99978 6.7635C8.07221 6.66675 8.18308 6.60622 8.30364 6.59761C8.44198 6.58773 8.60926 6.69527 8.94383 6.91035L12.8777 9.43923C13.168 9.62587 13.3131 9.71919 13.3633 9.83785C13.4071 9.94152 13.4071 10.0585 13.3633 10.1622C13.3131 10.2809 13.168 10.3742 12.8777 10.5608L8.94383 13.0897C8.60926 13.3048 8.44198 13.4123 8.30364 13.4024C8.18308 13.3938 8.07221 13.3333 7.99978 13.2365C7.91666 13.1255 7.91666 12.9266 7.91666 12.5289V7.47113Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/g>\n                            <defs>\n                            <clipPath id=\"clip0_63_31\">\n                            <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                            <\/clipPath>\n                            <\/defs>\n                          <\/svg>\n                        <\/span>\n                                                <span class=\"text-[#0f1556] text-base font-semibold leading-normal group-hover\/link:text-[#24b770] transition-colors duration-300\">Video-Demo<\/span>\n                                            <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    \n                            <div class=\"relative w-full sm:w-[calc(50%-16px)] lg:w-[calc(33.333%-22px)] md:max-w-[384px] rounded-lg group\/item flex flex-col justify-start items-center hover:scale-110 transition-transform ease-in-out duration-300 h-full demo-card\">\n                                                                    <div class=\"rounded-lg px-4 lg:px-6 z-10\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/image-10.webp\"\n                                             alt=\"\"\n                                             class=\"rounded-lg no-override w-full flex items-center justify-center max-h-[180px]\"\/>\n                                    <\/div>\n                                                                <div class=\"relative rounded-lg pt-[93px] -mt-[77px] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] group-hover\/item:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)] flex flex-col h-full\">\n                                    <div class=\"px-6 flex flex-col w-full justify-start items-start mb-6 flex-grow\">\n                                        <h3 class=\"self-stretch text-left justify-start text-[#0F1556] text-xl font-semibold leading-[30px] mb-3\">Erkennen und reagieren Sie auf Bedrohungen im gro\u00dfen Ma\u00dfstab<\/h3>\n                                        <p class=\"text-left justify-start text-[#2A3274] text-base font-normal leading-normal flex-grow mb-4\">Sehen Sie, wie Pathlock Ihnen hilft, Echtzeit-Einblick in verd\u00e4chtige Aktivit\u00e4ten zu erhalten und schneller auf Vorf\u00e4lle zu reagieren, die Ihre SAP-Sicherheit bedrohen.<\/p>\n                                    <\/div>\n                                    <div class=\"flex flex-col lg:flex-row border-t border-[#E3E7F6] p-6 w-full justify-between items-center gap-y-4 mt-auto\">\n                                                                                    <div class=\"flex grow w-full lg:w-auto\">\n                                                <a class=\"h-12 w-full lg:w-auto px-[18px] py-3 bg-white hover:bg-[#E3E7F6] transition-colors duration-300 rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden\"\n                                                   href=\"https:\/\/pathlock.com\/de\/browser-tours\/threat-detection\/\"\n                                                   target=\"\">\n                                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                                        <span class=\"text-[#0f1556] text-base font-semibold leading-normal\">Tour im Browser<\/span>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        \n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n    <div id=\"modal\" class=\"fixed inset-0 z-50 hidden\">\n        <div\n                id=\"modal-backdrop\"\n                class=\"fixed  z-10 inset-0 bg-[#0f1556] bg-opacity-60 transition-opacity duration-300 opacity-0\"><\/div>\n\n        <div class=\"fixed inset-0 max-w-[1000px] mx-auto z-20 flex items-center justify-center p-4\">\n            <div\n                    id=\"modal-content\"\n                    class=\"rounded-lg max-w-5xl overflow-hidden w-full mx-4 relative transform scale-90 opacity-0 transition-all duration-300\">\n\n                <div class=\"flex justify-end items-center p-4 absolute z-10 right-4\">\n                    <button\n                            id=\"close-modal\"\n                            onclick=\"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                        <svg\n                                class=\"h-4 w-4\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                viewBox=\"0 0 24 24\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path\n                                    stroke-linecap=\"round\"\n                                    stroke-linejoin=\"round\"\n                                    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 aspect-video\" style=\"aspect-ratio: 16 \/ 9;\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<script>\n    const modalOverlay = document.getElementById('modal-backdrop');\n\n    modalOverlay.addEventListener('click', function (event) {\n\n        closeModal();\n    });\n\n    function animateModalOpen(modalBackdrop, modalContent) {\n        modalBackdrop.style.opacity = '1';\n        modalContent.style.opacity = '1';\n        modalContent.style.transform = 'scale(1)';\n    }\n\n    function openModal(mediaId) {\n        document.body.classList.add('modal-open');\n        const modal = document.getElementById('modal');\n        const modalBackdrop = document.getElementById('modal-backdrop');\n        const modalContent = document.getElementById('modal-content');\n\n        modal.classList.remove('hidden');\n        createWistiaVideo(mediaId);\n\n\n        setTimeout(() => animateModalOpen(modalBackdrop, modalContent), 300);\n    }\n\n    function closeModal() {\n        const modal = document.getElementById('modal');\n        const modalBackdrop = document.getElementById('modal-backdrop');\n        const modalContent = document.getElementById('modal-content');\n\n        modalBackdrop.style.opacity = '0';\n        modalContent.style.opacity = '0';\n        modalContent.style.transform = 'scale(0.9)';\n\n        setTimeout(() => {\n            modal.classList.add('hidden');\n        }, 300);\n        document.body.classList.remove('modal-open');\n    }\n\n    document.addEventListener('keydown', function (event) {\n        if (event.key === 'Escape') {\n            closeModal();\n        }\n    });\n\n    function createWistiaVideo(mediaId) {\n\n        const container = document.getElementById('wistia-video-container');\n        if (container) {\n            container.innerHTML = '';\n\n\n            const videoDiv = document.createElement('div');\n            videoDiv.className = 'wistia_embed wistia_async_' + mediaId;\n            videoDiv.style.height = '100%';\n            videoDiv.style.width = '100%';\n            container.appendChild(videoDiv);\n\n            \/\/ Initialize Wistia\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\n        }\n    }\n\n    document.addEventListener('DOMContentLoaded', function () {\n        const hash = window.location.hash.substring(1);\n        \n        if (!hash) return;\n\n        const anchor = document.getElementById(hash);\n\n        if (anchor) {\n            const videoId = anchor.getAttribute('data-videoId');\n\n            setTimeout(() => {\n                anchor.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'center'\n                });\n            }, 100);\n\n            if (videoId) {\n                setTimeout(() => {\n                    openModal(videoId);\n                }, 500);\n            }\n\n        }\n    });\n\n    \/\/ Function to equalize card heights\n    function equalizeCardHeights() {\n        const container = document.getElementById('demo-cards-container');\n        if (!container) return;\n\n        const cards = container.querySelectorAll('.demo-card');\n        if (cards.length === 0) return;\n\n        \/\/ Reset heights first\n        cards.forEach(card => {\n            card.style.height = 'auto';\n        });\n\n        \/\/ Group cards by rows\n        const rows = [];\n        let currentRow = [];\n        let currentTop = null;\n\n        cards.forEach((card, index) => {\n            const rect = card.getBoundingClientRect();\n            const cardTop = rect.top;\n\n            if (currentTop === null || Math.abs(cardTop - currentTop) < 10) {\n                \/\/ Same row\n                currentRow.push(card);\n                currentTop = cardTop;\n            } else {\n                \/\/ New row\n                if (currentRow.length > 0) {\n                    rows.push(currentRow);\n                }\n                currentRow = [card];\n                currentTop = cardTop;\n            }\n\n            \/\/ Add last row\n            if (index === cards.length - 1) {\n                rows.push(currentRow);\n            }\n        });\n\n        \/\/ Equalize heights within each row\n        rows.forEach(row => {\n            let maxHeight = 0;\n            row.forEach(card => {\n                const height = card.offsetHeight;\n                if (height > maxHeight) {\n                    maxHeight = height;\n                }\n            });\n\n            row.forEach(card => {\n                card.style.height = maxHeight + 'px';\n            });\n        });\n    }\n\n    \/\/ Run on load and resize\n    document.addEventListener('DOMContentLoaded', function () {\n        \/\/ Equalize card heights\n        equalizeCardHeights();\n\n        \/\/ Run again after images load\n        const images = document.querySelectorAll('.demo-card img');\n        let loadedImages = 0;\n        images.forEach(img => {\n            if (img.complete) {\n                loadedImages++;\n            } else {\n                img.addEventListener('load', () => {\n                    loadedImages++;\n                    if (loadedImages === images.length) {\n                        equalizeCardHeights();\n                    }\n                });\n            }\n        });\n\n        if (loadedImages === images.length) {\n            equalizeCardHeights();\n        }\n\n        \/\/ Handle window resize\n        let resizeTimeout;\n        window.addEventListener('resize', () => {\n            clearTimeout(resizeTimeout);\n            resizeTimeout = setTimeout(() => {\n                equalizeCardHeights();\n            }, 250);\n        });\n\n        \/\/ Existing toggle functionality\n        const toggleButtons = document.querySelectorAll('.button__toggle, .card__title');\n\n        toggleButtons.forEach(button => {\n            button.addEventListener('click', function () {\n\n                if (window.innerWidth >= 864) {\n                    return;\n                }\n\n                const cardInnerContainer = button.closest('.card__inner-container');\n                const textContainer = cardInnerContainer?.querySelector('.card-vgt__text-container');\n                const cardVgt = button.closest('.card-vgt');\n                const currentHeight = cardInnerContainer.offsetHeight;\n\n\n                const closeIcon = button.querySelector('.icon_toggle.close');\n                const openIcon = button.querySelector('.icon_toggle.open');\n\n                if (closeIcon && openIcon) {\n                    closeIcon.classList.toggle('hidden');\n                    openIcon.classList.toggle('hidden');\n                }\n\n                if (cardInnerContainer) {\n                    if (cardInnerContainer.style.maxHeight === '600px') {\n                        cardInnerContainer.style.maxHeight = '';\n                    } else {\n                        cardInnerContainer.style.maxHeight = '600px';\n                    }\n                }\n\n                const newHeight = cardInnerContainer.offsetHeight;\n                const heightDifference = newHeight - currentHeight;\n                const currentMarginBottom = parseFloat(window.getComputedStyle(cardVgt).marginBottom);\n                const newMarginBottom = currentMarginBottom + heightDifference;\n\n                if (textContainer) {\n                    textContainer.classList.toggle('desktop');\n                }\n                if (cardVgt) {\n                    if (newMarginBottom > currentMarginBottom) {\n                        cardVgt.style.marginBottom = `${newMarginBottom}px`;\n\n                    } else {\n                        cardVgt.style.marginBottom = '100px';\n                    }\n                }\n            });\n        });\n    });\n<\/script>\n\n\n\n  <section class=\"relative container mx-auto px-4 lg:px-8  my-8 lg:mt-12 mb-24\">\n  <div class=\"relative overflow-hidden  rounded-xl mx-auto inset-0 flex items-center justify-center container  text-white bg-gradient-to-b from-[#0e1b7a] to-[#0f1556]\">\n    <div id=\"bg-image\" class=\"hidden lg:block absolute top-0 right-0 w-full h-full z-0\">\n      <img decoding=\"async\" class=\"no-override absolute inset-0 w-full h-full object-cover object-right\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/bg-svg-source.webp\" alt=\"\" \/>\n    <\/div>\n    <div class=\"z-10 w-full lg:w-[65%] flex flex-col items-center lg:items-start px-4 py-12 lg:p-16 h-full text-center lg:text-left lg:rtl:text-right\">\n      <div class=\"mb-8 h-6\">\n                    <img decoding=\"async\" class=\"no-override\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2024\/11\/Auto-Layout-Horizontal.svg\" alt=\"\"\/>\n                <\/div>\n      <h2 class=\"text-[24px] leading-[32px] lg:text-[30px] lg:leading-[38px] font-medium mb-8 max-w-[615px]\">\u201eDie L\u00f6sung eignet sich sowohl f\u00fcr SAP-Kunden, die ihre SAP-L\u00f6sungen weiterhin vor Ort betreiben, als auch f\u00fcr Kunden, die S\/4HANA einsetzen oder eine S\/4HANA-Migration planen.\u201c\t<\/h2>\n      <div class=\"text-base font-semibold leading-normal\">Executive View des Pathlock Cybersecurity Application Controls Report\t<\/div>\n      <div class=\"w-full lg:w-auto mt-6 lg:mt-12\">\n        <a class=\"flex justify-center items-center font-semibold py-3 px-[18px] bg-[white] hover:bg-[#E3E7F6] group leading-7  rounded-lg text-[#344054] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/de\/resource\/kuppinger-cole-executive-view-pathlock-cybersecurity-application-controls\/\" rel=\"noopener\" target=\"_blank\">Vollst\u00e4ndigen Bericht herunterladen (.PDF)        <\/a>\n      <\/div>  \n    <\/div>\n    <div class=\"z-10 hidden lg:flex justify-center align-center lg:w-[40%] px-4 py-12 lg:p-16 \">\n      <img decoding=\"async\" class=\"no-override z-10\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/KC-report-image.png\"  alt=\"\"\/>\n    <\/div>\n  <\/div>\n<\/section> \n         ","protected":false},"featured_media":41234,"parent":0,"template":"","categories":[],"products_type":[],"class_list":["post-41424","products","type-products","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>SAP-Cybersicherheitskontrollen | 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\/products\/cybersecurity-application-controls\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SAP Cybersecurity Controls | Pathlock\" \/>\n<meta property=\"og:description\" content=\"Protect your SAP applications and sensitive data with proactive and reactive cybersecurity security controls. Reduce the risk of a breach, and secure your SAP landscape.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pathlock.com\/de\/products\/cybersecurity-application-controls\/\" \/>\n<meta property=\"og:site_name\" content=\"Pathlock\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-27T10:42:58+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=\"SAP Cybersecurity Controls | Pathlock\" \/>\n<meta name=\"twitter:description\" content=\"Protect your SAP applications and sensitive data with proactive and reactive cybersecurity security controls. Reduce the risk of a breach, and secure your SAP landscape.\" \/>\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\\\/products\\\/cybersecurity-application-controls\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/de\\\/products\\\/cybersecurity-application-controls\\\/\",\"name\":\"SAP-Cybersicherheitskontrollen | Pathlock\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/products\\\/cybersecurity-application-controls\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/products\\\/cybersecurity-application-controls\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/OpenGraph-Pathlock-Logo.webp\",\"datePublished\":\"2023-08-26T05:27:25+00:00\",\"dateModified\":\"2025-11-27T10:42:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/products\\\/cybersecurity-application-controls\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pathlock.com\\\/de\\\/products\\\/cybersecurity-application-controls\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/de\\\/products\\\/cybersecurity-application-controls\\\/#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\\\/products\\\/cybersecurity-application-controls\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pathlock.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SAP Cybersecurity Controls\"}]},{\"@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":"SAP-Cybersicherheitskontrollen | 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\/products\/cybersecurity-application-controls\/","og_locale":"de_DE","og_type":"article","og_title":"SAP Cybersecurity Controls | Pathlock","og_description":"Protect your SAP applications and sensitive data with proactive and reactive cybersecurity security controls. Reduce the risk of a breach, and secure your SAP landscape.","og_url":"https:\/\/pathlock.com\/de\/products\/cybersecurity-application-controls\/","og_site_name":"Pathlock","article_modified_time":"2025-11-27T10:42:58+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":"SAP Cybersecurity Controls | Pathlock","twitter_description":"Protect your SAP applications and sensitive data with proactive and reactive cybersecurity security controls. Reduce the risk of a breach, and secure your SAP landscape.","twitter_site":"@pathlock","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pathlock.com\/de\/products\/cybersecurity-application-controls\/","url":"https:\/\/pathlock.com\/de\/products\/cybersecurity-application-controls\/","name":"SAP-Cybersicherheitskontrollen | Pathlock","isPartOf":{"@id":"https:\/\/pathlock.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pathlock.com\/de\/products\/cybersecurity-application-controls\/#primaryimage"},"image":{"@id":"https:\/\/pathlock.com\/de\/products\/cybersecurity-application-controls\/#primaryimage"},"thumbnailUrl":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/OpenGraph-Pathlock-Logo.webp","datePublished":"2023-08-26T05:27:25+00:00","dateModified":"2025-11-27T10:42:58+00:00","breadcrumb":{"@id":"https:\/\/pathlock.com\/de\/products\/cybersecurity-application-controls\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pathlock.com\/de\/products\/cybersecurity-application-controls\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/pathlock.com\/de\/products\/cybersecurity-application-controls\/#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\/products\/cybersecurity-application-controls\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pathlock.com\/de\/"},{"@type":"ListItem","position":2,"name":"SAP Cybersecurity Controls"}]},{"@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\/products\/41424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pathlock.com\/de\/wp-json\/wp\/v2\/products"}],"about":[{"href":"https:\/\/pathlock.com\/de\/wp-json\/wp\/v2\/types\/products"}],"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=41424"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pathlock.com\/de\/wp-json\/wp\/v2\/categories?post=41424"},{"taxonomy":"products_type","embeddable":true,"href":"https:\/\/pathlock.com\/de\/wp-json\/wp\/v2\/products_type?post=41424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}