{"id":3114,"date":"2025-12-08T18:19:29","date_gmt":"2025-12-08T18:19:29","guid":{"rendered":"https:\/\/pro-medtech.de\/?page_id=3114"},"modified":"2025-12-29T11:49:45","modified_gmt":"2025-12-29T11:49:45","slug":"medicalqms","status":"publish","type":"page","link":"https:\/\/pro-medtech.de\/de\/medicalqms\/","title":{"rendered":"Tryptic QMS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3114\" class=\"elementor elementor-3114\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1eba41e e-con-full e-flex e-con e-parent\" data-id=\"1eba41e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba64719 elementor-widget elementor-widget-shortcode\" data-id=\"ba64719\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div id=\"img-swap-69da624476439\" class=\"image-swap-container\" style=\"height: 100vh;\">\n        <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/12\/medicalQMS_Tryptic.png\" alt=\"Image 1\" class=\"swap-img swap-img-1\">\n        <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/12\/Tryptic-QMS_Page5_Background5.png\" alt=\"Image 2\" class=\"swap-img swap-img-2\">\n        <div class=\"swap-logos-wrapper\">\n            <a href=\"https:\/\/pro-medtech.de\" class=\"swap-logo-link swap-logo-link-left\">\n                <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/12\/TRYPTIC-QMS.png\" alt=\"Tryptic QMS\" class=\"swap-logo swap-logo-left\">\n            <\/a>\n            <a href=\"https:\/\/pro-medtech.de\" class=\"swap-logo-link swap-logo-link-right\">\n                <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/07\/Artboard-11.png\" alt=\"Logo\" class=\"swap-logo swap-logo-right\">\n            <\/a>\n        <\/div>\n        <div class=\"swap-content-wrapper\">\n            <div class=\"swap-row swap-row-main\">\n                <div class=\"swap-col swap-col-left\">\n                    <div class=\"swap-text-block\">\n                        <h1 class=\"swap-title\">Too much paperwork, not enough structure?<\/h1>\n                        <p class=\"swap-paragraph\">TRYPTIC QMS makes MedTech distributors MDR-compliant in six weeks - without the stress. All documents, records, and responsibilities - in one place, digital and audit-ready.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"swap-row swap-row-button\">\n                <a href=\"#section-6-form\" class=\"swap-button\" id=\"hero-cta-button\">Start your free MDR check now<\/a>\n            <\/div>\n            <div class=\"swap-row swap-row-scroll\">\n                <div class=\"scroll-indicator\">\n                    <span class=\"scroll-arrow\"><\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n        .image-swap-container {\n            position: relative;\n            width: 100vw;\n            height: 100vh;\n            overflow: hidden;\n            margin: 0;\n            padding: 0;\n            margin-left: calc(-50vw + 50%);\n            margin-top: -50px;\n        }\n        .image-swap-container::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100vw;\n            height: 100vh;\n            background-color: rgba(10, 70, 142, 0.7);\n            z-index: 4;\n            pointer-events: none;\n        }\n        .image-swap-container::after {\n            content: '';\n            display: block;\n            height: 50vh;\n        }\n        .image-swap-container .swap-img {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100vw;\n            height: 100vh;\n            object-fit: cover;\n            transition: opacity 0.6s ease;\n            margin: 0;\n            padding: 0;\n        }\n        .image-swap-container .swap-img-1 {\n            opacity: 1;\n            z-index: 2;\n        }\n        .image-swap-container .swap-img-2 {\n            opacity: 0;\n            z-index: 1;\n        }\n        .image-swap-container.scrolled .swap-img-1 {\n            opacity: 0;\n        }\n        .image-swap-container.scrolled .swap-img-2 {\n            opacity: 1;\n            z-index: 3;\n        }\n        .swap-logos-wrapper {\n            position: absolute;\n            top: 40px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 100%;\n            max-width: 1440px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 0 40px;\n            box-sizing: border-box;\n            z-index: 5;\n            pointer-events: auto;\n        }\n        .swap-logo-link {\n            display: flex;\n            align-items: center;\n            text-decoration: none;\n        }\n        .swap-logo {\n            height: auto;\n            object-fit: contain;\n        }\n        .swap-logo-left {\n            width: 250px;\n        }\n        .swap-logo-right {\n            width: 250px;\n        }\n        .swap-content-wrapper {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 100%;\n            max-width: 1440px;\n            padding: 0 40px;\n            padding-top: 40px;\n            box-sizing: border-box;\n            z-index: 5;\n            pointer-events: none;\n        }\n        .swap-row-main {\n            margin-top: 0;\n        }\n        .swap-text-block {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            height: 100%;\n        }\n        .swap-title {\n            color: #ffffff;\n            font-size: 42px;\n            font-weight: 700;\n            line-height: 1.2;\n            margin: 0 0 20px 0;\n            text-align: left;\n            max-width: 550px;\n        }\n        .swap-title span {\n            font-weight: 400;\n        }\n        .swap-row {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: 40px;\n            margin-top: 20px;\n        }\n        .swap-col {\n            flex: 1;\n            display: flex;\n            align-items: center;\n        }\n        .swap-col-left {\n            max-width: 600px;\n            display: flex;\n            align-items: center;\n        }\n        .swap-paragraph {\n            color: #ffffff;\n            font-size: 20px;\n            line-height: 1.6;\n            margin: 0;\n        }\n        .swap-row-button {\n            margin-top: 20px;\n            justify-content: flex-start;\n        }\n        .swap-button,\n        .swap-button:link,\n        .swap-button:visited,\n        .swap-button:hover,\n        .swap-button:active,\n        a.swap-button,\n        a.swap-button:link,\n        a.swap-button:visited,\n        a.swap-button:hover,\n        a.swap-button:active {\n            display: inline-block;\n            background-color: #f4af53 !important;\n            color: #000000 !important;\n            font-size: 18px !important;\n            font-weight: 600 !important;\n            padding: 16px 32px !important;\n            border-radius: 5px !important;\n            text-decoration: none !important;\n            pointer-events: auto;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(244, 175, 83, 0.4) !important;\n            white-space: nowrap;\n            text-align: center;\n        }\n        .swap-button:hover,\n        a.swap-button:hover {\n            background-color: #e59d3d !important;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(244, 175, 83, 0.5) !important;\n        }\n        .swap-row-scroll {\n            justify-content: center;\n            margin-top: 20px;\n        }\n        .scroll-indicator {\n            width: 30px;\n            height: 50px;\n            border: 2px solid rgba(255, 255, 255, 0.7);\n            border-radius: 25px;\n            position: relative;\n            display: flex;\n            justify-content: center;\n        }\n        .scroll-arrow {\n            width: 6px;\n            height: 6px;\n            background-color: #ffffff;\n            border-radius: 50%;\n            position: absolute;\n            top: 8px;\n            animation: scrollBounce 1.5s ease-in-out infinite;\n        }\n        @keyframes scrollBounce {\n            0%, 100% {\n                top: 8px;\n                opacity: 1;\n            }\n            50% {\n                top: 30px;\n                opacity: 0.3;\n            }\n        }\n        .elementor-section.elementor-section-boxed > .elementor-container {\n            max-width: 100%;\n        }\n        body.elementor-page .image-swap-container {\n            margin-left: calc(-50vw + 50%);\n        }\n\n        \/* Mobile responsive styles *\/\n        @media (max-width: 768px) {\n            .image-swap-container {\n                height: 100dvh;\n                min-height: 100vh;\n            }\n            \n            \/* Top padding above logos *\/\n            .swap-logos-wrapper {\n                top: 30px !important;\n                padding: 0 25px;\n            }\n            \n            \/* Make logos bigger on mobile *\/\n            .swap-logo-left {\n                width: 180px !important;\n            }\n            .swap-logo-right {\n                width: 150px !important;\n            }\n            \n            .swap-content-wrapper {\n                padding: 0 25px;\n                padding-top: 160px;\n                top: 45%;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n            }\n            \n            .swap-text-block {\n                margin-top: 20px;\n            }\n            \n            .swap-title {\n                font-size: 28px !important;\n                max-width: 100% !important;\n                text-align: center !important;\n                margin-bottom: 30px !important;\n            }\n            \n            .swap-row {\n                flex-direction: column;\n                gap: 30px;\n                align-items: center !important;\n                width: 100%;\n                margin-top: 30px;\n            }\n            \n            .swap-col {\n                width: 100%;\n                display: flex !important;\n                justify-content: center !important;\n            }\n            \n            .swap-col-left {\n                max-width: 100%;\n            }\n            \n            .swap-paragraph {\n                font-size: 18px !important;\n                text-align: center !important;\n                line-height: 1.5;\n            }\n            \n            \/* Button stays in one row - force width to adapt to text *\/\n            .swap-row-button {\n                justify-content: center !important;\n                margin-top: 30px;\n                width: 100%;\n                display: flex;\n                flex-wrap: nowrap;\n            }\n            \n            .swap-button,\n            a.swap-button {\n                font-size: 16px !important;\n                padding: 16px 28px !important;\n                text-align: center !important;\n                white-space: nowrap;\n                width: auto !important;\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                flex-shrink: 0;\n                min-width: min-content;\n            }\n            \n            .swap-row-scroll {\n                margin-top: 40px;\n                justify-content: center !important;\n                width: 100%;\n            }\n            \n            .scroll-indicator {\n                margin: 0 auto !important;\n            }\n        }\n\n        \/* Smaller mobile devices *\/\n        @media (max-width: 480px) {\n            .image-swap-container {\n                height: 100dvh;\n                min-height: 100vh;\n            }\n            \n            \/* Top padding above logos *\/\n            .swap-logos-wrapper {\n                top: 25px !important;\n                padding: 0 20px;\n            }\n            \n            \/* Make logos bigger on small mobile *\/\n            .swap-logo-left {\n                width: 150px !important;\n            }\n            .swap-logo-right {\n                width: 125px !important;\n            }\n            \n            .swap-content-wrapper {\n                padding-top: 150px;\n                padding-left: 20px;\n                padding-right: 20px;\n            }\n            \n            .swap-title {\n                font-size: 24px !important;\n                line-height: 1.3;\n                margin-bottom: 25px !important;\n            }\n            \n            .swap-paragraph {\n                font-size: 17px !important;\n                line-height: 1.5;\n            }\n            \n            \/* Button stays in one row on all mobile sizes *\/\n            .swap-row-button {\n                margin-top: 25px;\n                justify-content: center !important;\n            }\n            \n            .swap-button,\n            a.swap-button {\n                font-size: 15px !important;\n                padding: 15px 24px !important;\n                white-space: nowrap;\n                width: auto !important;\n                display: inline-flex;\n            }\n            \n            .swap-row-scroll {\n                margin-top: 30px;\n            }\n        }\n\n        \/* Extra small devices - ensure button stays in one row *\/\n        @media (max-width: 360px) {\n            .swap-logos-wrapper {\n                top: 20px !important;\n                padding: 0 15px;\n            }\n            \n            .swap-logo-left {\n                width: 130px !important;\n            }\n            .swap-logo-right {\n                width: 110px !important;\n            }\n            \n            .swap-content-wrapper {\n                padding-top: 140px;\n                padding-left: 15px;\n                padding-right: 15px;\n            }\n            \n            .swap-title {\n                font-size: 22px !important;\n            }\n            \n            .swap-paragraph {\n                font-size: 16px !important;\n            }\n            \n            \/* Force button to stay in one row *\/\n            .swap-button,\n            a.swap-button {\n                font-size: 14px !important;\n                padding: 14px 20px !important;\n                white-space: nowrap;\n                width: auto !important;\n                display: inline-flex;\n                min-width: min-content;\n                max-width: 100%;\n                overflow: hidden;\n                text-overflow: ellipsis;\n            }\n            \n            \/* Ensure button container doesn't force wrapping *\/\n            .swap-row-button {\n                width: 100%;\n                overflow: hidden;\n                justify-content: center;\n            }\n        }\n        \n        \/* Very small screens - reduce font size to keep button in one line *\/\n        @media (max-width: 320px) {\n            .swap-button,\n            a.swap-button {\n                font-size: 13px !important;\n                padding: 12px 18px !important;\n                white-space: nowrap;\n                width: auto !important;\n            }\n        }\n        \n        \/* Support for iOS Safari address bar *\/\n        @supports (-webkit-touch-callout: none) {\n            @media (max-width: 768px) {\n                .swap-content-wrapper {\n                    padding-top: 170px;\n                }\n            }\n            \n            @media (max-width: 480px) {\n                .swap-content-wrapper {\n                    padding-top: 160px;\n                }\n            }\n            \n            @media (max-width: 360px) {\n                .swap-content-wrapper {\n                    padding-top: 150px;\n                }\n            }\n        }\n    <\/style>\n\n    <script>\n    (function() {\n        const container = document.getElementById('img-swap-69da624476439');\n        if (!container) return;\n\n        function checkScroll() {\n            const scrollY = window.scrollY || window.pageYOffset;\n            if (scrollY > 20) {\n                container.classList.add('scrolled');\n            } else {\n                container.classList.remove('scrolled');\n            }\n        }\n\n        window.addEventListener('scroll', checkScroll, { passive: true });\n        window.addEventListener('resize', checkScroll, { passive: true });\n        checkScroll();\n\n        \/\/ Smooth scroll to section 6 on button click\n        const ctaButton = container.querySelector('.swap-button');\n        if (ctaButton) {\n            ctaButton.addEventListener('click', function(e) {\n                e.preventDefault();\n                const target = document.getElementById('section-6-form');\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        }\n    })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f16f3b7 elementor-widget elementor-widget-shortcode\" data-id=\"f16f3b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <style>\n        :root {\n            --primary-bg: #ffffff;\n            --box-bg: rgba(229, 229, 229, 0.8);\n            --accent-color: #F4AF53;\n            --text-dark: #000000;\n            --title-size: 55px;\n            --subtitle-size: 60px;\n            --box-title-size: 25px;\n            --box-body-size: 20px;\n            --box-blur: 10px;\n        }\n        \n        .boxes-7-container {\n            font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif;\n            width: 100%;\n            max-width: 1600px;\n            margin: 0 auto;\n            padding: 100px 40px 60px;\n            background: var(--primary-bg);\n            position: relative;\n        }\n        \n        .main-title-section {\n            margin-bottom: 120px;\n            text-align: center;\n            padding-top: 60px;\n        }\n        \n        .main-title {\n            font-size: 55px;\n            font-weight: 900;\n            line-height: 1.3;\n            margin-bottom: 20px;\n            letter-spacing: -2px;\n        }\n        \n        .main-title-line1, .main-title-line2 {\n            display: block;\n        }\n        \n        .boxes-row {\n            display: flex;\n            justify-content: space-between;\n            gap: 20px;\n            margin-bottom: 100px;\n            flex-wrap: nowrap;\n            position: relative;\n            padding-top: 50px;\n        }\n        \n        .box {\n            background: var(--box-bg);\n            border-radius: 0;\n            padding: 60px 30px 40px;\n            position: relative;\n            backdrop-filter: blur(var(--box-blur));\n            -webkit-backdrop-filter: blur(var(--box-blur));\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n            border: 1px solid rgba(0, 0, 0, 0.05);\n            min-height: 350px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n            transition: transform 0.3s ease;\n            flex: 1;\n            max-width: calc(25% - 20px);\n            overflow: visible;\n        }\n        \n        .box:hover {\n            transform: translateY(-5px);\n        }\n        \n        .box-icon-wrapper {\n            position: absolute;\n            top: -45px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 90px;\n            height: 90px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            z-index: 10;\n        }\n        \n        .box-icon {\n            width: 90px;\n            height: 90px;\n            object-fit: contain;\n            position: relative;\n            z-index: 2;\n            transition: transform 0.3s ease;\n        }\n        \n        \/* Individual icon sizes - easy to customize *\/\n        .box:nth-child(1) .box-icon-wrapper {\n            width: 75px;\n            height: 75px;\n            top: -38px;\n        }\n        .box-icon-1 {\n            width: 95px !important;\n            height: 95px !important;\n        }\n        \n        .box:nth-child(2) .box-icon-wrapper {\n            width: 110px;\n            height: 110px;\n            top: -55px;\n        }\n        .box-icon-2 {\n            width: 110px !important;\n            height: 110px !important;\n        }\n        \n        .box:nth-child(3) .box-icon-wrapper {\n            width: 90px;\n            height: 90px;\n            top: -45px;\n        }\n        .box-icon-3 {\n            width: 90px !important;\n            height: 90px !important;\n        }\n        \n        .box:nth-child(4) .box-icon-wrapper {\n            width: 110px;\n            height: 110px;\n            top: -55px;\n        }\n        .box-icon-4 {\n            width: 110px !important;\n            height: 110px !important;\n        }\n        \n        .box.bounce-animated .box-icon {\n            animation: bounce 0.8s ease;\n        }\n        \n        @keyframes bounce {\n            0%, 20%, 50%, 80%, 100% {\n                transform: translateY(0);\n            }\n            40% {\n                transform: translateY(-20px);\n            }\n            60% {\n                transform: translateY(-10px);\n            }\n        }\n        \n        .box-title {\n            font-size: var(--box-title-size);\n            font-weight: 700;\n            margin-bottom: 15px;\n            margin-top: 30px;\n            line-height: 1.2;\n        }\n        \n        .box-body {\n            font-size: var(--box-body-size);\n            line-height: 1.4;\n            font-weight: 300;\n        }\n        \n        .consequences-section {\n            background: var(--box-bg);\n            border-radius: 0;\n            padding: 40px 50px;\n            margin-bottom: 80px;\n            backdrop-filter: blur(var(--box-blur));\n            -webkit-backdrop-filter: blur(var(--box-blur));\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n            border: 1px solid rgba(0, 0, 0, 0.05);\n            text-align: center;\n            max-width: 900px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        \n        .consequences-title {\n            font-size: var(--subtitle-size);\n            font-weight: 700;\n            margin-bottom: 25px;\n            color: #000;\n        }\n        \n        .consequences-list {\n            font-size: 18px;\n            line-height: 1.5;\n            display: inline-block;\n            text-align: left;\n            color: #000000 !important;\n        }\n        \n        .consequences-list p {\n            color: #000000 !important;\n            margin: 0;\n        }\n        \n        .arrow-symbol {\n            display: inline-block;\n            margin-right: 15px;\n            font-size: 24px;\n            color: #000000;\n        }\n        \n        .cta-section {\n            text-align: center;\n            padding: 40px 0;\n        }\n        \n        \/* Button matching image-swap-snippet *\/\n        .cta-button,\n        .cta-button:link,\n        .cta-button:visited,\n        .cta-button:hover,\n        .cta-button:active,\n        a.cta-button,\n        a.cta-button:link,\n        a.cta-button:visited,\n        a.cta-button:hover,\n        a.cta-button:active {\n            display: inline-block;\n            background-color: #f4af53 !important;\n            color: #000000 !important;\n            font-size: 16px !important;\n            font-weight: 600 !important;\n            padding: 14px 28px !important;\n            border-radius: 5px !important;\n            text-decoration: none !important;\n            pointer-events: auto;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(244, 175, 83, 0.4) !important;\n            border: none !important;\n            white-space: nowrap;\n        }\n        .cta-button:hover,\n        a.cta-button:hover {\n            background-color: #e59d3d !important;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(244, 175, 83, 0.5) !important;\n        }\n        \n        \/* Responsive styles *\/\n        @media (max-width: 1200px) {\n            .boxes-row {\n                gap: 15px;\n                padding-top: 45px;\n            }\n            \n            .box {\n                padding: 50px 20px 30px;\n                min-height: 320px;\n                max-width: calc(25% - 15px);\n            }\n            \n            .box-title {\n                font-size: 23px;\n            }\n            \n            .box-body {\n                font-size: 18px;\n            }\n            \n            .box-icon-wrapper {\n                width: 80px;\n                height: 80px;\n                top: -40px;\n            }\n            \n            .box-icon {\n                width: 80px;\n                height: 80px;\n            }\n            \n            .consequences-list {\n                font-size: 16px;\n            }\n            \n            .arrow-symbol {\n                font-size: 20px;\n            }\n        }\n        \n        @media (max-width: 1024px) {\n            .main-title {\n                font-size: 85px;\n            }\n            \n            .boxes-row {\n                flex-wrap: wrap;\n                justify-content: center;\n                gap: 50px 30px;\n                padding-top: 50px;\n            }\n            \n            .box {\n                max-width: calc(50% - 30px);\n                min-height: 300px;\n            }\n            \n            .consequences-title {\n                font-size: 50px;\n            }\n            \n            .consequences-section {\n                padding: 35px 40px;\n                max-width: 800px;\n            }\n            \n            .consequences-list {\n                font-size: 16px;\n            }\n            \n            .arrow-symbol {\n                font-size: 20px;\n            }\n            \n            .box-icon-wrapper {\n                width: 75px;\n                height: 75px;\n                top: -38px;\n            }\n            \n            .box-icon {\n                width: 75px;\n                height: 75px;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .boxes-7-container {\n                padding: 80px 20px 40px;\n            }\n            \n            .main-title-section {\n                padding-top: 40px;\n                margin-bottom: 80px;\n            }\n            \n            .main-title {\n                font-size: 65px;\n            }\n            \n            .consequences-title {\n                font-size: 32px;\n            }\n            \n            .consequences-list {\n                font-size: 15px;\n            }\n            \n            .arrow-symbol {\n                font-size: 18px;\n            }\n            \n            \/* Button matching image-swap-snippet *\/\n            .cta-button,\n            .cta-button:link,\n            .cta-button:visited,\n            .cta-button:hover,\n            .cta-button:active,\n            a.cta-button,\n            a.cta-button:link,\n            a.cta-button:visited,\n            a.cta-button:hover,\n            a.cta-button:active {\n                padding: 12px 24px !important;\n                font-size: 14px !important;\n            }\n            \n            .boxes-row {\n                flex-wrap: wrap;\n                justify-content: center;\n                gap: 60px 20px;\n                padding-top: 55px;\n            }\n            \n            .box {\n                max-width: calc(50% - 15px);\n                min-width: calc(50% - 15px);\n                min-height: 280px;\n                padding: 50px 20px 30px;\n            }\n            \n            .box-title {\n                font-size: 20px;\n                margin-top: 25px;\n            }\n            \n            .box-body {\n                font-size: 16px;\n            }\n            \n            .box-icon-wrapper {\n                width: 70px !important;\n                height: 70px !important;\n                top: -35px !important;\n            }\n            \n            .box-icon,\n            .box-icon-1,\n            .box-icon-2,\n            .box-icon-3,\n            .box-icon-4 {\n                width: 70px !important;\n                height: 70px !important;\n            }\n            \n            .consequences-section {\n                padding: 30px 25px;\n                max-width: 90%;\n                margin-bottom: 30px;\n            }\n            \n            .cta-section {\n                padding: 0;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .boxes-7-container {\n                padding: 60px 15px 30px;\n            }\n            \n            .main-title-section {\n                padding-top: 30px;\n                margin-bottom: 60px;\n            }\n            \n            .main-title {\n                font-size: 50px;\n            }\n            \n            .consequences-title {\n                font-size: 32px;\n            }\n            \n            .consequences-list {\n                font-size: 13px;\n            }\n            \n            .arrow-symbol {\n                font-size: 16px;\n                margin-right: 10px;\n            }\n            \n            .boxes-row {\n                flex-wrap: wrap;\n                justify-content: center;\n                gap: 50px 10px;\n                padding-top: 45px;\n            }\n            \n            .box {\n                max-width: calc(50% - 10px);\n                min-width: calc(50% - 10px);\n                padding: 40px 15px 25px;\n                min-height: 240px;\n            }\n            \n            .box-title {\n                font-size: 16px;\n                margin-top: 20px;\n            }\n            \n            .box-body {\n                font-size: 14px;\n            }\n            \n            .consequences-section {\n                padding: 25px 20px;\n                margin-bottom: 20px;\n            }\n            \n            .cta-button,\n            .cta-button:link,\n            .cta-button:visited,\n            .cta-button:hover,\n            .cta-button:active,\n            a.cta-button,\n            a.cta-button:link,\n            a.cta-button:visited,\n            a.cta-button:hover,\n            a.cta-button:active {\n                font-size: 13px !important;\n                padding: 11px 22px !important;\n                white-space: normal;\n            }\n            \n            .cta-section {\n                padding: 0;\n            }\n            \n            .box-icon-wrapper {\n                width: 55px !important;\n                height: 55px !important;\n                top: -28px !important;\n            }\n            \n            .box-icon,\n            .box-icon-1,\n            .box-icon-2,\n            .box-icon-3,\n            .box-icon-4 {\n                width: 55px !important;\n                height: 55px !important;\n            }\n        }\n    <\/style>\n    \n    <div class=\"boxes-7-container\">\n        <section class=\"main-title-section\">\n            <h1 class=\"main-title\">\n                <span class=\"main-title-line1\">No system? Welcome to<\/span>\n                <span class=\"main-title-line2\">everyday life as a distributor.<\/span>\n            <\/h1>\n        <\/section>\n        \n        <section class=\"boxes-row\">\n            <div class=\"box\" id=\"box1\">\n                <div class=\"box-icon-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/12\/pocket-watch.png\" alt=\"Missed deadlines\" class=\"box-icon box-icon-1\">\n                <\/div>\n                <h3 class=\"box-title\">Missed audits and deadlines?<\/h3>\n                <p class=\"box-body\">The manufacturer asks for evidence - you're still searching through folders.<\/p>\n            <\/div>\n            \n            <div class=\"box\" id=\"box2\">\n                <div class=\"box-icon-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/12\/stack-of-papers.png\" alt=\"Paper chaos\" class=\"box-icon box-icon-2\">\n                <\/div>\n                <h3 class=\"box-title\">Paper chaos and duplicate filing?<\/h3>\n                <p class=\"box-body\">Everything stored somewhere - but nothing instantly at hand.<\/p>\n            <\/div>\n            \n            <div class=\"box\" id=\"box3\">\n                <div class=\"box-icon-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/12\/speech-bubble-purple-chat-icon-message-symbol.png\" alt=\"Complaints\" class=\"box-icon box-icon-3\">\n                <\/div>\n                <h3 class=\"box-title\">Complaints with no clear process?<\/h3>\n                <p class=\"box-body\">A customer calls, and no one knows who is supposed to respond.<\/p>\n            <\/div>\n            \n            <div class=\"box\" id=\"box4\">\n                <div class=\"box-icon-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/12\/Idea-generation-AI-powered-insights-Teamwork-collaboration.png\" alt=\"New employees\" class=\"box-icon box-icon-4\">\n                <\/div>\n                <h3 class=\"box-title\">New employees?<\/h3>\n                <p class=\"box-body\">No training, no onboarding - everyone works differently.<\/p>\n            <\/div>\n        <\/section>\n        \n        <section class=\"consequences-section\" id=\"consequences\">\n            <h2 class=\"consequences-title\">The consequences?<\/h2>\n            <div class=\"consequences-list\">\n                <p><span class=\"arrow-symbol\">\u2192<\/span> Stress, errors, wasted time - and in the worst case, sales bans or manufacturers walking away.<\/p>\n            <\/div>\n        <\/section>\n        \n        <section class=\"cta-section\">\n            <a href=\"#section-6-form\" class=\"cta-button\" id=\"boxes7-cta-button\">Find out how MDR-ready you are<\/a>\n        <\/section>\n    <\/div>\n    \n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const observerOptions = {\n            threshold: 0.3,\n            rootMargin: '0px 0px -50px 0px'\n        };\n        \n        let bounceInterval = null;\n        \n        function triggerBounceSequence() {\n            const boxes = document.querySelectorAll('.box');\n            boxes.forEach(function(box, index) {\n                setTimeout(function() {\n                    box.classList.add('bounce-animated');\n                    setTimeout(function() {\n                        box.classList.remove('bounce-animated');\n                    }, 800);\n                }, index * 200);\n            });\n        }\n        \n        const observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (entry.isIntersecting) {\n                    triggerBounceSequence();\n                    bounceInterval = setInterval(triggerBounceSequence, 3000);\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n        \n        const boxesRow = document.querySelector('.boxes-row');\n        if (boxesRow) {\n            observer.observe(boxesRow);\n        }\n        \n        \/\/ Smooth scroll to section 6 on button click\n        const ctaButton = document.getElementById('boxes7-cta-button');\n        if (ctaButton) {\n            ctaButton.addEventListener('click', function(e) {\n                e.preventDefault();\n                const target = document.getElementById('section-6-form');\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        }\n    });\n    <\/script>\n    \n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb3e05c elementor-widget elementor-widget-shortcode\" data-id=\"fb3e05c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <style>\n        :root {\n            --distributor-primary-bg: #ffffff;\n            --distributor-box-grey: rgba(229, 229, 229, 0.8);\n            --distributor-box-blue: #0A468E;\n            --distributor-accent-color: #F4AF53;\n            --distributor-text-dark: #000000;\n            --distributor-text-white: #ffffff;\n            --distributor-title-size: 45px;\n            --distributor-row-title-size: 28px;\n            --distributor-box-body-size: 20px;\n            --distributor-box-blur: 10px;\n            --distributor-arrow-bg: #02102D;\n            --distributor-arrow-bg-hover: #0A2D5C;\n        }\n        \n        .distributor-container {\n            font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif;\n            width: 100%;\n            max-width: 1600px;\n            margin: 0 auto;\n            padding: 100px 40px 60px;\n            background: var(--distributor-primary-bg);\n            position: relative;\n        }\n        \n        .distributor-main-title-section {\n            margin-bottom: 60px;\n            text-align: center;\n            padding-top: 40px;\n        }\n        \n        .distributor-main-title {\n            font-size: var(--distributor-title-size);\n            font-weight: 900;\n            line-height: 1.2;\n            margin-bottom: 30px;\n            letter-spacing: -1px;\n        }\n        \n        .distributor-intro-text {\n            font-size: 22px;\n            line-height: 1.6;\n            max-width: 1000px;\n            margin: 0 auto 80px;\n            text-align: center;\n            font-weight: 300;\n        }\n        \n        .distributor-section-row {\n            margin-bottom: 60px;\n        }\n        \n        .distributor-header-row {\n            display: flex;\n            justify-content: center;\n            gap: 60px;\n            margin-bottom: 30px;\n        }\n        \n        .distributor-header-column {\n            flex: 0 1 40%;\n        }\n        \n        .distributor-boxes-row {\n            display: flex;\n            justify-content: center;\n            gap: 60px;\n            align-items: stretch;\n            position: relative;\n        }\n        \n        .distributor-column {\n            flex: 0 1 40%;\n            display: flex;\n            flex-direction: column;\n        }\n        \n        .distributor-column-title {\n            font-size: var(--distributor-row-title-size);\n            font-weight: 700;\n            margin-bottom: 25px;\n            text-align: center;\n        }\n        \n        .distributor-box {\n            border-radius: 0;\n            padding: 30px;\n            position: relative;\n            backdrop-filter: blur(var(--distributor-box-blur));\n            -webkit-backdrop-filter: blur(var(--distributor-box-blur));\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n            border: 1px solid rgba(0, 0, 0, 0.05);\n            min-height: 150px;\n            display: flex;\n            align-items: center;\n            transition: transform 0.3s ease;\n            flex: 1;\n        }\n        \n        .distributor-box-grey {\n            background: var(--distributor-box-grey);\n            color: var(--distributor-text-dark);\n        }\n        \n        .distributor-box-blue {\n            background: var(--distributor-box-blue);\n            color: var(--distributor-text-white);\n        }\n        \n        .distributor-box:hover {\n            transform: translateY(-3px);\n        }\n        \n        .distributor-box-content {\n            font-size: var(--distributor-box-body-size);\n            line-height: 1.5;\n            font-weight: 400;\n            flex: 1;\n        }\n        \n        \/* Image container styles *\/\n        .distributor-image-wrapper {\n            width: 120px;\n            min-width: 120px;\n            height: 120px;\n            margin-right: 25px;\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .distributor-image-small {\n            width: 80%;\n            height: 80%;\n            object-fit: contain;\n            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            will-change: transform;\n        }\n        \n        \/* Bounce animation classes *\/\n        .distributor-bounce-up {\n            animation: bounceUp 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n        }\n        \n        .distributor-bounce-down {\n            animation: bounceDown 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n        }\n        \n        .distributor-bounce-active {\n            animation: continuousBounce 3s ease-in-out infinite;\n        }\n        \n        @keyframes bounceUp {\n            0% {\n                transform: translateY(0) scale(1);\n            }\n            50% {\n                transform: translateY(-15px) scale(1.1);\n            }\n            100% {\n                transform: translateY(0) scale(1);\n            }\n        }\n        \n        @keyframes bounceDown {\n            0% {\n                transform: translateY(0) scale(1);\n            }\n            50% {\n                transform: translateY(10px) scale(0.95);\n            }\n            100% {\n                transform: translateY(0) scale(1);\n            }\n        }\n        \n        @keyframes continuousBounce {\n            0%, 100% {\n                transform: translateY(0) scale(1);\n            }\n            25% {\n                transform: translateY(-8px) scale(1.05);\n            }\n            75% {\n                transform: translateY(5px) scale(0.98);\n            }\n        }\n        \n        \/* Pulse animation for attention *\/\n        .distributor-image-pulse {\n            animation: imagePulse 1.5s ease-in-out;\n        }\n        \n        @keyframes imagePulse {\n            0%, 100% {\n                filter: brightness(1);\n                transform: scale(1);\n            }\n            50% {\n                filter: brightness(1.2);\n                transform: scale(1.1);\n            }\n        }\n        \n        .distributor-image-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.3) 100%);\n            opacity: 0;\n            transition: opacity 0.3s ease;\n            pointer-events: none;\n            border-radius: 10px;\n        }\n        \n        .distributor-image-wrapper:hover .distributor-image-overlay {\n            opacity: 0.5;\n        }\n        \n        .distributor-image-wrapper:hover .distributor-image-small {\n            transform: scale(1.15);\n            transition-duration: 0.4s;\n        }\n        \n        .distributor-box-content-container {\n            display: flex;\n            align-items: center;\n            width: 100%;\n        }\n        \n        \/* Arrow spacing *\/\n        .distributor-arrow {\n            position: absolute;\n            left: 50%;\n            top: 50%;\n            transform: translate(-50%, -50%);\n            width: 60px;\n            height: 60px;\n            border-radius: 50%;\n            background-color: var(--distributor-arrow-bg);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            z-index: 10;\n            transition: background-color 0.3s ease;\n            cursor: pointer;\n            margin: 0 20px;\n        }\n        \n        .distributor-arrow:hover {\n            background-color: var(--distributor-arrow-bg-hover);\n        }\n        \n        .distributor-arrow svg {\n            width: 28px;\n            height: 28px;\n            fill: white;\n            animation: arrowMove 1.5s ease-in-out infinite;\n        }\n        \n        @keyframes arrowMove {\n            0%, 100% {\n                transform: translateX(0);\n            }\n            50% {\n                transform: translateX(8px);\n            }\n        }\n        \n        .distributor-conclusion-section {\n            background: var(--distributor-box-grey);\n            border-radius: 0;\n            padding: 40px 50px;\n            margin-bottom: 50px;\n            backdrop-filter: blur(var(--distributor-box-blur));\n            -webkit-backdrop-filter: blur(var(--distributor-box-blur));\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n            border: 1px solid rgba(0, 0, 0, 0.05);\n            text-align: center;\n            max-width: 1000px;\n            margin-left: auto;\n            margin-right: auto;\n            margin-bottom: 40px;\n        }\n        \n        .distributor-conclusion-text {\n            font-size: 24px;\n            line-height: 1.6;\n            margin-bottom: 20px;\n            font-weight: 300;\n        }\n        \n        .distributor-conclusion-highlight {\n            font-size: 26px;\n            font-weight: 600;\n            margin-top: 20px;\n        }\n        \n        .distributor-cta-section {\n            text-align: center;\n            padding: 40px 0;\n        }\n        \n        \/* Button matching boxes_7 *\/\n        .distributor-cta-button,\n        .distributor-cta-button:link,\n        .distributor-cta-button:visited,\n        .distributor-cta-button:hover,\n        .distributor-cta-button:active,\n        a.distributor-cta-button,\n        a.distributor-cta-button:link,\n        a.distributor-cta-button:visited,\n        a.distributor-cta-button:hover,\n        a.distributor-cta-button:active {\n            display: inline-block;\n            background-color: #f4af53 !important;\n            color: #000000 !important;\n            font-size: 18px !important;\n            font-weight: 600 !important;\n            padding: 16px 32px !important;\n            border-radius: 5px !important;\n            text-decoration: none !important;\n            pointer-events: auto;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(244, 175, 83, 0.4) !important;\n            border: none !important;\n        }\n        .distributor-cta-button:hover,\n        a.distributor-cta-button:hover {\n            background-color: #e59d3d !important;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(244, 175, 83, 0.5) !important;\n        }\n        \n        \/* Responsive styles *\/\n        @media (max-width: 1200px) {\n            .distributor-boxes-row {\n                gap: 50px;\n            }\n            \n            .distributor-header-row {\n                gap: 50px;\n            }\n            \n            .distributor-box {\n                padding: 25px;\n                min-height: 140px;\n            }\n            \n            .distributor-box-content {\n                font-size: 18px;\n            }\n            \n            .distributor-image-wrapper {\n                width: 110px;\n                min-width: 110px;\n                height: 110px;\n                margin-right: 20px;\n            }\n            \n            .distributor-arrow {\n                width: 55px;\n                height: 55px;\n                margin: 0 15px;\n            }\n            \n            .distributor-arrow svg {\n                width: 24px;\n                height: 24px;\n            }\n        }\n        \n        @media (max-width: 1024px) {\n            .distributor-main-title {\n                font-size: 40px;\n            }\n            \n            .distributor-intro-text {\n                font-size: 20px;\n            }\n            \n            .distributor-column-title {\n                font-size: 26px;\n            }\n            \n            .distributor-image-wrapper {\n                width: 100px;\n                min-width: 100px;\n                height: 100px;\n                margin-right: 18px;\n            }\n            \n            .distributor-conclusion-section {\n                padding: 35px 40px;\n                max-width: 800px;\n            }\n            \n            .distributor-conclusion-text {\n                font-size: 22px;\n            }\n            \n            .distributor-conclusion-highlight {\n                font-size: 24px;\n            }\n        }\n        \n        \/* MOBILE: Icon above text layout *\/\n        @media (max-width: 768px) {\n            .distributor-container {\n                padding: 80px 20px 40px;\n            }\n            \n            .distributor-main-title-section {\n                padding-top: 30px;\n                margin-bottom: 50px;\n            }\n            \n            .distributor-main-title {\n                font-size: 36px;\n            }\n            \n            .distributor-intro-text {\n                font-size: 18px;\n                margin-bottom: 60px;\n            }\n            \n            \/* Keep 2 columns for header *\/\n            .distributor-header-row {\n                display: flex;\n                flex-direction: row;\n                gap: 20px;\n                margin-bottom: 20px;\n                justify-content: center;\n            }\n            \n            .distributor-header-column {\n                flex: 0 1 40%;\n            }\n            \n            .distributor-column-title {\n                font-size: 22px;\n                margin-bottom: 20px;\n                text-align: center;\n            }\n            \n            \/* Keep 2 columns for content rows *\/\n            .distributor-boxes-row {\n                display: flex;\n                flex-direction: row;\n                gap: 20px;\n                justify-content: center;\n            }\n            \n            .distributor-column {\n                flex: 0 1 40%;\n            }\n            \n            \/* Hide arrow on mobile *\/\n            .distributor-arrow {\n                display: none;\n            }\n            \n            .distributor-box {\n                padding: 20px 15px;\n                min-height: auto;\n            }\n            \n            \/* Grey box: icon above text *\/\n            .distributor-box-grey .distributor-box-content-container {\n                flex-direction: column;\n                align-items: center;\n                text-align: center;\n            }\n            \n            .distributor-box-grey .distributor-image-wrapper {\n                width: 60px !important;\n                min-width: 60px !important;\n                height: 60px !important;\n                margin-right: 0;\n                margin-bottom: 12px;\n            }\n            \n            .distributor-box-grey .distributor-box-content {\n                font-size: 14px;\n                font-weight: 600;\n            }\n            \n            \/* Blue box adjustments *\/\n            .distributor-box-blue {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n            }\n            \n            .distributor-box-blue .distributor-box-content {\n                font-size: 14px;\n                text-align: center;\n            }\n            \n            .distributor-conclusion-section {\n                padding: 30px 25px;\n                max-width: 90%;\n            }\n            \n            .distributor-conclusion-text {\n                font-size: 18px;\n            }\n            \n            .distributor-conclusion-highlight {\n                font-size: 20px;\n            }\n            \n            .distributor-cta-button,\n            .distributor-cta-button:link,\n            .distributor-cta-button:visited,\n            .distributor-cta-button:hover,\n            .distributor-cta-button:active,\n            a.distributor-cta-button,\n            a.distributor-cta-button:link,\n            a.distributor-cta-button:visited,\n            a.distributor-cta-button:hover,\n            a.distributor-cta-button:active {\n                padding: 16px 28px !important;\n                font-size: 16px !important;\n                width: auto;\n                display: inline-block;\n                white-space: nowrap;\n                flex-shrink: 0;\n            }\n        }\n        \n        @media (max-width: 640px) {\n            .distributor-container {\n                padding: 60px 15px 30px;\n            }\n            \n            .distributor-main-title-section {\n                padding-top: 20px;\n                margin-bottom: 40px;\n            }\n            \n            .distributor-main-title {\n                font-size: 30px;\n            }\n            \n            .distributor-intro-text {\n                font-size: 16px;\n                margin-bottom: 50px;\n            }\n            \n            .distributor-header-row {\n                gap: 15px;\n            }\n            \n            .distributor-column-title {\n                font-size: 20px;\n                margin-bottom: 18px;\n            }\n            \n            .distributor-section-row {\n                margin-bottom: 40px;\n            }\n            \n            .distributor-boxes-row {\n                gap: 15px;\n            }\n            \n            .distributor-box {\n                padding: 15px 12px;\n            }\n            \n            .distributor-box-grey .distributor-image-wrapper {\n                width: 50px !important;\n                min-width: 50px !important;\n                height: 50px !important;\n                margin-bottom: 10px;\n            }\n            \n            .distributor-box-grey .distributor-box-content {\n                font-size: 13px;\n            }\n            \n            .distributor-box-blue .distributor-box-content {\n                font-size: 13px;\n            }\n            \n            .distributor-conclusion-section {\n                padding: 25px 20px;\n            }\n            \n            .distributor-conclusion-text {\n                font-size: 16px;\n            }\n            \n            .distributor-conclusion-highlight {\n                font-size: 18px;\n            }\n            \n            .distributor-cta-button,\n            a.distributor-cta-button {\n                font-size: 15px !important;\n                padding: 14px 24px !important;\n                white-space: nowrap;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .distributor-header-row {\n                gap: 10px;\n            }\n            \n            .distributor-boxes-row {\n                gap: 10px;\n            }\n            \n            .distributor-column {\n                flex: 0 1 45%;\n            }\n            \n            .distributor-column-title {\n                font-size: 18px;\n            }\n            \n            .distributor-box {\n                padding: 12px 10px;\n            }\n            \n            .distributor-box-grey .distributor-image-wrapper {\n                width: 45px !important;\n                min-width: 45px !important;\n                height: 45px !important;\n                margin-bottom: 8px;\n            }\n            \n            .distributor-box-grey .distributor-box-content {\n                font-size: 12px;\n            }\n            \n            .distributor-box-blue .distributor-box-content {\n                font-size: 12px;\n            }\n            \n            .distributor-conclusion-section {\n                padding: 20px 15px;\n            }\n            \n            .distributor-conclusion-text {\n                font-size: 15px;\n            }\n            \n            .distributor-conclusion-highlight {\n                font-size: 16px;\n            }\n            \n            .distributor-cta-button,\n            a.distributor-cta-button {\n                font-size: 14px !important;\n                padding: 12px 20px !important;\n                white-space: nowrap;\n            }\n        }\n        \n        @media (max-width: 360px) {\n            .distributor-box-grey .distributor-image-wrapper {\n                width: 40px !important;\n                min-width: 40px !important;\n                height: 40px !important;\n                margin-bottom: 6px;\n            }\n            \n            .distributor-box-grey .distributor-box-content {\n                font-size: 11px;\n            }\n            \n            .distributor-box-blue .distributor-box-content {\n                font-size: 11px;\n            }\n            \n            .distributor-cta-button,\n            a.distributor-cta-button {\n                font-size: 13px !important;\n                padding: 10px 16px !important;\n                white-space: nowrap;\n            }\n        }\n    <\/style>\n    \n    <div class=\"distributor-container\">\n        <section class=\"distributor-main-title-section\">\n            <h1 class=\"distributor-main-title\">\n                What MedTech distributors<br>are really required to do under the MDR\n            <\/h1>\n            <p class=\"distributor-intro-text\">\n                Many distributors underestimate how strongly they are involved under the MDR. Under Article 14 of the EU MDR, you are responsible for ensuring that all products you distribute are compliant, traceable, and properly documented.\n            <\/p>\n        <\/section>\n        \n        <!-- Header Row with Titles -->\n        <div class=\"distributor-header-row\">\n            <div class=\"distributor-header-column\">\n                <h2 class=\"distributor-column-title\">Your obligation<\/h2>\n            <\/div>\n            <div class=\"distributor-header-column\">\n                <h2 class=\"distributor-column-title\">What this means in practice<\/h2>\n            <\/div>\n        <\/div>\n        \n        <!-- Row 1 -->\n        <section class=\"distributor-section-row\" id=\"row-1\">\n            <div class=\"distributor-boxes-row\">\n                <div class=\"distributor-column\">\n                    <div class=\"distributor-box distributor-box-grey\">\n                        <div class=\"distributor-box-content-container\">\n                            <div class=\"distributor-image-wrapper\">\n                                <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/12\/ce.png\" \n                                     alt=\"CE marking check\" \n                                     class=\"distributor-image-small\"\n                                     data-image=\"row1\">\n                                <div class=\"distributor-image-overlay\"><\/div>\n                            <\/div>\n                            <div class=\"distributor-box-content\">CE and UDI checks<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"distributor-arrow\">\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                    <\/svg>\n                <\/div>\n                \n                <div class=\"distributor-column\">\n                    <div class=\"distributor-box distributor-box-blue\">\n                        <div class=\"distributor-box-content\">Check every delivery: CE marking, UDI, and the language of the accompanying documentation.<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Row 2 -->\n        <section class=\"distributor-section-row\" id=\"row-2\">\n            <div class=\"distributor-boxes-row\">\n                <div class=\"distributor-column\">\n                    <div class=\"distributor-box distributor-box-grey\">\n                        <div class=\"distributor-box-content-container\">\n                            <div class=\"distributor-image-wrapper\">\n                                <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/12\/traceability_medtech_distributor.png\" \n                                     alt=\"Traceability system\" \n                                     class=\"distributor-image-small\"\n                                     data-image=\"row2\">\n                                <div class=\"distributor-image-overlay\"><\/div>\n                            <\/div>\n                            <div class=\"distributor-box-content\">Traceability<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"distributor-arrow\">\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                    <\/svg>\n                <\/div>\n                \n                <div class=\"distributor-column\">\n                    <div class=\"distributor-box distributor-box-blue\">\n                        <div class=\"distributor-box-content\">You must be able to identify at any time who supplied you - and who you supplied.<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Row 3 -->\n        <section class=\"distributor-section-row\" id=\"row-3\">\n            <div class=\"distributor-boxes-row\">\n                <div class=\"distributor-column\">\n                    <div class=\"distributor-box distributor-box-grey\">\n                        <div class=\"distributor-box-content-container\">\n                            <div class=\"distributor-image-wrapper\">\n                                <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/12\/warning-shield.png\" \n                                     alt=\"Warning shield\" \n                                     class=\"distributor-image-small\"\n                                     data-image=\"row3\">\n                                <div class=\"distributor-image-overlay\"><\/div>\n                            <\/div>\n                            <div class=\"distributor-box-content\">Complaints & recalls<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"distributor-arrow\">\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                    <\/svg>\n                <\/div>\n                \n                <div class=\"distributor-column\">\n                    <div class=\"distributor-box distributor-box-blue\">\n                        <div class=\"distributor-box-content\">Record and assess complaints and report them to the manufacturer or authorities when required.<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Row 4 -->\n        <section class=\"distributor-section-row\" id=\"row-4\">\n            <div class=\"distributor-boxes-row\">\n                <div class=\"distributor-column\">\n                    <div class=\"distributor-box distributor-box-grey\">\n                        <div class=\"distributor-box-content-container\">\n                            <div class=\"distributor-image-wrapper\">\n                                <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/12\/trained_medtech_team.png\" \n                                     alt=\"Trained team\" \n                                     class=\"distributor-image-small\"\n                                     data-image=\"row4\">\n                                <div class=\"distributor-image-overlay\"><\/div>\n                            <\/div>\n                            <div class=\"distributor-box-content\">Training & responsibility<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"distributor-arrow\">\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                    <\/svg>\n                <\/div>\n                \n                <div class=\"distributor-column\">\n                    <div class=\"distributor-box distributor-box-blue\">\n                        <div class=\"distributor-box-content\">Only trained employees are allowed to inspect and distribute medical devices.<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <section class=\"distributor-conclusion-section\">\n            <p class=\"distributor-conclusion-text\">\n                Without a system, this means paperwork, searching, and stress. With TRYPTIC QMS, processes are clearly structured, digitally supported, and transparently documented \u2013 from goods receipt to complaints.\n            <\/p>\n            <p class=\"distributor-conclusion-highlight\">\n                \ud83d\udc49 Fulfill all distributor obligations - without overwhelm.\n            <\/p>\n        <\/section>\n        \n        <section class=\"distributor-cta-section\">\n            <a href=\"#section-6-form\" class=\"distributor-cta-button\" id=\"distributor-cta-button\">Start your free MDR check now<\/a>\n        <\/section>\n    <\/div>\n    \n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Smooth scroll to section 6 on button click\n        const ctaButton = document.getElementById('distributor-cta-button');\n        if (ctaButton) {\n            ctaButton.addEventListener('click', function(e) {\n                e.preventDefault();\n                const target = document.getElementById('section-6-form');\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        }\n        \n        \/\/ Get all images and their containers\n        const images = document.querySelectorAll('.distributor-image-small');\n        const imageWrappers = document.querySelectorAll('.distributor-image-wrapper');\n        const rows = document.querySelectorAll('.distributor-section-row');\n        \n        \/\/ Function to trigger bounce animation\n        function triggerBounce(image, wrapper, direction = 'up') {\n            image.classList.remove('distributor-bounce-up', 'distributor-bounce-down', 'distributor-bounce-active');\n            wrapper.classList.remove('distributor-image-pulse');\n            \n            void image.offsetWidth;\n            \n            if (direction === 'up') {\n                image.classList.add('distributor-bounce-up');\n            } else {\n                image.classList.add('distributor-bounce-down');\n            }\n            \n            wrapper.classList.add('distributor-image-pulse');\n            \n            setTimeout(() => {\n                image.classList.remove('distributor-bounce-up', 'distributor-bounce-down');\n            }, 800);\n            \n            setTimeout(() => {\n                wrapper.classList.remove('distributor-image-pulse');\n            }, 1500);\n        }\n        \n        function startContinuousBounce(image) {\n            image.classList.add('distributor-bounce-active');\n        }\n        \n        function stopContinuousBounce(image) {\n            image.classList.remove('distributor-bounce-active');\n        }\n        \n        const observerOptions = {\n            threshold: [0.1, 0.3, 0.5, 0.7, 0.9],\n            rootMargin: '0px 0px -100px 0px'\n        };\n        \n        let lastScrollY = window.scrollY;\n        let scrollDirection = 'down';\n        let lastTriggeredRow = null;\n        \n        window.addEventListener('scroll', function() {\n            const currentScrollY = window.scrollY;\n            scrollDirection = currentScrollY > lastScrollY ? 'down' : 'up';\n            lastScrollY = currentScrollY;\n        });\n        \n        const scrollObserver = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                const rowId = entry.target.id;\n                const image = entry.target.querySelector('.distributor-image-small');\n                const wrapper = entry.target.querySelector('.distributor-image-wrapper');\n                \n                if (!image || !wrapper) return;\n                \n                if (entry.isIntersecting) {\n                    const intersectionRatio = entry.intersectionRatio;\n                    \n                    if (intersectionRatio > 0.3 && intersectionRatio < 0.9 && lastTriggeredRow !== rowId) {\n                        lastTriggeredRow = rowId;\n                        \n                        const bounceDirection = scrollDirection === 'down' ? 'up' : 'down';\n                        \n                        setTimeout(() => {\n                            triggerBounce(image, wrapper, bounceDirection);\n                        }, 300);\n                        \n                        setTimeout(() => {\n                            startContinuousBounce(image);\n                        }, 1500);\n                    }\n                    \n                    if (intersectionRatio > 0.7) {\n                        startContinuousBounce(image);\n                    }\n                } else {\n                    stopContinuousBounce(image);\n                    if (lastTriggeredRow === rowId) {\n                        lastTriggeredRow = null;\n                    }\n                }\n            });\n        }, observerOptions);\n        \n        rows.forEach(row => {\n            scrollObserver.observe(row);\n        });\n        \n        imageWrappers.forEach(wrapper => {\n            const image = wrapper.querySelector('.distributor-image-small');\n            \n            wrapper.addEventListener('mouseenter', function() {\n                stopContinuousBounce(image);\n                triggerBounce(image, wrapper, 'up');\n                \n                setTimeout(() => {\n                    if (wrapper.getBoundingClientRect().top < window.innerHeight && \n                        wrapper.getBoundingClientRect().bottom > 0) {\n                        startContinuousBounce(image);\n                    }\n                }, 2000);\n            });\n            \n            wrapper.addEventListener('click', function() {\n                stopContinuousBounce(image);\n                triggerBounce(image, wrapper, 'up');\n                \n                image.style.transform = 'scale(1.2)';\n                setTimeout(() => {\n                    image.style.transform = '';\n                }, 300);\n                \n                setTimeout(() => {\n                    if (wrapper.getBoundingClientRect().top < window.innerHeight && \n                        wrapper.getBoundingClientRect().bottom > 0) {\n                        startContinuousBounce(image);\n                    }\n                }, 2500);\n            });\n        });\n        \n        setTimeout(() => {\n            images.forEach((image, index) => {\n                const wrapper = image.parentElement;\n                setTimeout(() => {\n                    triggerBounce(image, wrapper, 'up');\n                    \n                    setTimeout(() => {\n                        if (wrapper.getBoundingClientRect().top < window.innerHeight && \n                            wrapper.getBoundingClientRect().bottom > 0) {\n                            startContinuousBounce(image);\n                        }\n                    }, 1000 + (index * 500));\n                }, index * 400);\n            });\n        }, 1000);\n        \n        let resizeTimeout;\n        window.addEventListener('resize', function() {\n            clearTimeout(resizeTimeout);\n            resizeTimeout = setTimeout(() => {\n                images.forEach((image, index) => {\n                    const wrapper = image.parentElement;\n                    if (wrapper.getBoundingClientRect().top < window.innerHeight && \n                        wrapper.getBoundingClientRect().bottom > 0) {\n                        setTimeout(() => {\n                            triggerBounce(image, wrapper, 'down');\n                        }, index * 200);\n                    }\n                });\n            }, 500);\n        });\n    });\n    <\/script>\n    \n    \n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59251a0 elementor-widget elementor-widget-shortcode\" data-id=\"59251a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <style>\n        @import url('https:\/\/api.fontshare.com\/v2\/css?f[]=satoshi@300,400,500,700,900&display=swap');\n        \n        .solution-4-section {\n            background-color: #02102D;\n            padding: 100px 20px;\n            font-family: 'Satoshi', sans-serif;\n            color: white;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        \n        .solution-4-content {\n            max-width: 1400px;\n            width: 100%;\n        }\n        \n        .solution-4-logo {\n            margin-bottom: 55px;\n            text-align: center;\n        }\n        \n        .solution-4-logo img {\n            max-width: 300px;\n            height: auto;\n        }\n        \n        .solution-4-title {\n            font-size: 55px;\n            font-weight: 700;\n            margin-bottom: 80px;\n            line-height: 1.1;\n            letter-spacing: -0.02em;\n            color: #ffffff;\n            text-align: center;\n            max-width: 1200px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        \n        .solution-4-title .tryptic-highlight {\n            color: #F4AF53;\n        }\n        \n        .solution-4-benefits {\n            width: 100%;\n            margin-bottom: 60px;\n        }\n        \n        .solution-4-benefits-container {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 20px;\n        }\n        \n        .solution-4-benefits-row {\n            display: flex;\n            gap: 20px;\n            justify-content: center;\n            width: 100%;\n        }\n        \n        .solution-4-benefits-row:first-child {\n            max-width: 1200px;\n        }\n        \n        .solution-4-benefits-row:last-child {\n            max-width: 800px;\n        }\n        \n        .solution-4-benefits-box {\n            background: rgba(255, 255, 255, 0.08);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border: 1px solid rgba(255, 255, 255, 0.15);\n            padding: 35px 20px;\n            transition: all 0.3s ease;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            min-height: 180px;\n            border-radius: 4px;\n            box-shadow: \n                0 4px 15px rgba(0, 0, 0, 0.2),\n                inset 0 1px 1px rgba(255, 255, 255, 0.1);\n        }\n        \n        .solution-4-benefits-box:hover {\n            transform: translateY(-5px);\n            background: rgba(255, 255, 255, 0.12);\n            border-color: rgba(255, 255, 255, 0.25);\n            box-shadow: \n                0 8px 25px rgba(0, 0, 0, 0.3),\n                inset 0 1px 1px rgba(255, 255, 255, 0.15);\n        }\n        \n        .solution-4-benefits-box h3 {\n            font-size: 26px;\n            font-weight: 700;\n            margin-bottom: 12px;\n            color: #ffffff;\n        }\n        \n        .solution-4-benefits-box p {\n            font-size: 18px;\n            line-height: 1.5;\n            color: rgba(255, 255, 255, 0.85);\n            margin: 0;\n        }\n        \n        .solution-4-button-container {\n            text-align: center;\n            margin: 60px 0 0;\n        }\n        \n        \/* Updated button styles *\/\n        .solution-4-button,\n        .solution-4-button:link,\n        .solution-4-button:visited,\n        .solution-4-button:hover,\n        .solution-4-button:active,\n        a.solution-4-button {\n            display: inline-block;\n            background-color: #f4af53 !important;\n            color: #000000 !important;\n            font-size: 18px !important;\n            font-weight: 600 !important;\n            padding: 16px 32px !important;\n            border-radius: 5px !important;\n            text-decoration: none !important;\n            text-transform: none !important;\n            letter-spacing: normal !important;\n            border: none !important;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(244, 175, 83, 0.4) !important;\n        }\n        \n        .solution-4-button:hover,\n        a.solution-4-button:hover {\n            background-color: #e59d3d !important;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(244, 175, 83, 0.5) !important;\n        }\n        \n        \/* Trust Section Styles *\/\n        .solution-4-trust-section {\n            background-color: #ffffff;\n            padding: 100px 20px;\n            width: 100%;\n            font-family: 'Satoshi', sans-serif;\n        }\n        \n        .solution-4-trust-content {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n        \n        .solution-4-trust-title {\n            font-size: 48px;\n            font-weight: 700;\n            color: #02102D;\n            margin-bottom: 30px;\n            line-height: 1.2;\n            text-align: center;\n        }\n        \n        .solution-4-trust-title .tryptic-highlight {\n            color: #F4AF53;\n        }\n        \n        .solution-4-trust-text {\n            font-size: 20px;\n            font-weight: 400;\n            color: #333333;\n            line-height: 1.6;\n            margin-bottom: 60px;\n            text-align: center;\n            max-width: 1000px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        \n        .solution-4-trust-anchors {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 40px;\n            margin-bottom: 60px;\n        }\n        \n        .solution-4-trust-anchor {\n            text-align: center;\n            padding: 30px 20px;\n        }\n        \n        .solution-4-trust-icon {\n            width: 250px;\n            height: 250px;\n            margin: 0 auto 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n        }\n        \n        .solution-4-trust-icon img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s ease-out;\n        }\n        \n        .solution-4-trust-icon.animate img {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .solution-4-trust-anchor:nth-child(1) .solution-4-trust-icon img {\n            transition-delay: 0.1s;\n        }\n        \n        .solution-4-trust-anchor:nth-child(2) .solution-4-trust-icon img {\n            transition-delay: 0.3s;\n        }\n        \n        .solution-4-trust-anchor:nth-child(3) .solution-4-trust-icon img {\n            transition-delay: 0.5s;\n        }\n        \n        .solution-4-trust-anchor-title {\n            font-size: 24px;\n            font-weight: 700;\n            color: #02102D;\n            margin-bottom: 15px;\n        }\n        \n        .solution-4-trust-anchor-desc {\n            font-size: 18px;\n            font-weight: 400;\n            color: #555555;\n            line-height: 1.5;\n        }\n        \n        .solution-4-trust-cta {\n            text-align: center;\n            padding: 40px 20px;\n            background: rgba(244, 175, 83, 0.1);\n            border-radius: 8px;\n            margin-top: 40px;\n        }\n        \n        .solution-4-trust-cta-text {\n            font-size: 22px;\n            font-weight: 600;\n            color: #02102D;\n            margin-bottom: 20px;\n        }\n        \n        .solution-4-timeline-section {\n            width: 100%;\n            margin-top: 0;\n            padding-top: 0;\n        }\n        \n        .solution-4-timeline-title {\n            font-size: 91px;\n            font-weight: 700;\n            margin-bottom: 20px;\n            color: #ffffff;\n            line-height: 1.1;\n            text-align: center;\n            max-width: 1200px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        \n        .solution-4-timeline-subtitle {\n            font-size: 24px;\n            font-weight: 400;\n            margin-bottom: 60px;\n            color: rgba(255, 255, 255, 0.85);\n            line-height: 1.5;\n            text-align: center;\n        }\n        \n        .solution-4-timeline-container {\n            display: flex;\n            gap: 30px;\n        }\n        \n        .solution-4-timeline-left {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n        }\n        \n        .solution-4-timeline-right {\n            flex: 1;\n        }\n        \n        .solution-4-timeline-rectangle {\n            background: transparent;\n            border: 2px solid #F4AF53;\n            padding: 8px 16px;\n            display: flex;\n            align-items: center;\n            min-height: 45px;\n            position: relative;\n        }\n        \n        .solution-4-rectangle-week {\n            font-size: 36px;\n            font-weight: 900;\n            min-width: 70px;\n            color: #F4AF53;\n            text-align: center;\n        }\n        \n        .solution-4-rectangle-desc {\n            font-size: 20px;\n            font-weight: 500;\n            color: #ffffff;\n            padding-left: 20px;\n            border-left: 2px solid rgba(244, 175, 83, 0.3);\n            margin-left: 12px;\n            line-height: 1.2;\n        }\n        \n        .solution-4-rectangle-desc strong {\n            font-weight: 700;\n        }\n        \n        .solution-4-rectangle-desc span {\n            font-weight: 400;\n        }\n        \n        .solution-4-button-container-bottom {\n            text-align: center;\n            margin-top: 60px;\n        }\n        \n        .solution-4-implementation-title {\n            font-size: 48px;\n            font-weight: 700;\n            margin-bottom: 30px;\n            color: #ffffff;\n            line-height: 1.2;\n            text-align: center;\n            max-width: 1000px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        \n        .solution-4-implementation-subtitle {\n            font-size: 28px;\n            font-weight: 400;\n            margin-bottom: 60px;\n            color: rgba(255, 255, 255, 0.9);\n            line-height: 1.4;\n            text-align: center;\n            max-width: 900px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        \n        @media (max-width: 1200px) {\n            .solution-4-section {\n                padding: 80px 20px;\n            }\n            \n            .solution-4-trust-section {\n                padding: 80px 20px;\n            }\n            \n            .solution-4-title,\n            .solution-4-timeline-title {\n                font-size: 65px;\n            }\n            \n            .solution-4-benefits-row {\n                flex-direction: column;\n                align-items: center;\n            }\n            \n            .solution-4-benefits-box {\n                width: 100%;\n                max-width: 600px;\n                min-height: 160px;\n            }\n            \n            .solution-4-benefits-box h3 {\n                font-size: 24px;\n            }\n            \n            .solution-4-benefits-box p {\n                font-size: 17px;\n            }\n            \n            .solution-4-benefits-row:last-child {\n                max-width: 600px;\n            }\n            \n            .solution-4-timeline-container {\n                flex-direction: column;\n            }\n            \n            .solution-4-rectangle-week {\n                font-size: 32px;\n                min-width: 60px;\n            }\n            \n            .solution-4-rectangle-desc {\n                font-size: 18px;\n            }\n            \n            .solution-4-timeline-right {\n                display: none;\n            }\n            \n            .solution-4-trust-anchors {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n            \n            .solution-4-trust-title {\n                font-size: 40px;\n            }\n            \n            .solution-4-trust-text {\n                font-size: 18px;\n            }\n            \n            .solution-4-implementation-title {\n                font-size: 40px;\n            }\n            \n            .solution-4-implementation-subtitle {\n                font-size: 24px;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .solution-4-section {\n                padding: 60px 20px;\n            }\n            \n            .solution-4-trust-section {\n                padding: 60px 20px;\n            }\n            \n            .solution-4-title,\n            .solution-4-timeline-title {\n                font-size: 48px;\n            }\n            \n            .solution-4-timeline-subtitle {\n                font-size: 20px;\n            }\n            \n            .solution-4-rectangle-week {\n                font-size: 28px;\n                min-width: 50px;\n            }\n            \n            .solution-4-rectangle-desc {\n                font-size: 16px;\n                padding-left: 12px;\n                margin-left: 10px;\n            }\n            \n            .solution-4-timeline-rectangle {\n                padding: 6px 12px;\n                min-height: 40px;\n            }\n            \n            .solution-4-logo img {\n                max-width: 250px;\n            }\n            \n            .solution-4-benefits-box {\n                padding: 25px 20px;\n                min-height: 140px;\n            }\n            \n            .solution-4-benefits-box h3 {\n                font-size: 22px;\n            }\n            \n            .solution-4-benefits-box p {\n                font-size: 16px;\n            }\n            \n            .solution-4-benefits-row {\n                gap: 15px;\n            }\n            \n            .solution-4-benefits-container {\n                gap: 15px;\n            }\n            \n            .solution-4-trust-title {\n                font-size: 32px;\n            }\n            \n            .solution-4-trust-text {\n                font-size: 17px;\n            }\n            \n            .solution-4-trust-anchor-title {\n                font-size: 22px;\n            }\n            \n            .solution-4-trust-anchor-desc {\n                font-size: 16px;\n            }\n            \n            .solution-4-trust-cta-text {\n                font-size: 20px;\n            }\n            \n            .solution-4-trust-icon {\n                width: 120px;\n                height: 120px;\n            }\n            \n            .solution-4-trust-icon img {\n                width: 100%;\n                height: 100%;\n            }\n            \n            .solution-4-implementation-title {\n                font-size: 32px;\n            }\n            \n            .solution-4-implementation-subtitle {\n                font-size: 20px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .solution-4-section {\n                padding: 40px 15px;\n            }\n            \n            .solution-4-trust-section {\n                padding: 40px 15px;\n            }\n            \n            .solution-4-title,\n            .solution-4-timeline-title {\n                font-size: 36px;\n            }\n            \n            .solution-4-timeline-subtitle {\n                font-size: 18px;\n            }\n            \n            .solution-4-benefits-box {\n                padding: 20px 15px;\n                min-height: 130px;\n            }\n            \n            .solution-4-benefits-box h3 {\n                font-size: 20px;\n                margin-bottom: 8px;\n            }\n            \n            .solution-4-benefits-box p {\n                font-size: 15px;\n            }\n            \n            .solution-4-rectangle-week {\n                font-size: 24px;\n                min-width: 45px;\n            }\n            \n            .solution-4-rectangle-desc {\n                font-size: 14px;\n                padding-left: 10px;\n                margin-left: 8px;\n            }\n            \n            .solution-4-timeline-rectangle {\n                padding: 6px 10px;\n                min-height: 35px;\n            }\n            \n            .solution-4-logo img {\n                max-width: 200px;\n            }\n            \n            .solution-4-timeline-left {\n                gap: 5px;\n            }\n            \n            .solution-4-button,\n            a.solution-4-button {\n                font-size: 16px !important;\n                padding: 14px 28px !important;\n            }\n            \n            .solution-4-trust-title {\n                font-size: 28px;\n            }\n            \n            .solution-4-trust-text {\n                font-size: 16px;\n            }\n            \n            .solution-4-trust-anchor-title {\n                font-size: 20px;\n            }\n            \n            .solution-4-trust-anchor-desc {\n                font-size: 15px;\n            }\n            \n            .solution-4-trust-cta-text {\n                font-size: 18px;\n            }\n            \n            .solution-4-trust-icon {\n                width: 100px;\n                height: 100px;\n            }\n            \n            .solution-4-trust-icon img {\n                width: 100%;\n                height: 100%;\n            }\n            \n            .solution-4-implementation-title {\n                font-size: 28px;\n            }\n            \n            .solution-4-implementation-subtitle {\n                font-size: 18px;\n            }\n        }\n    <\/style>\n    \n    <div class=\"solution-4-section\">\n        <div class=\"solution-4-content\">\n            <!-- Logo -->\n            <div class=\"solution-4-logo\">\n                <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/12\/TRYPTIC-QMS.png\" alt=\"TRYPTIC QMS Logo\">\n            <\/div>\n            \n            <!-- Title -->\n            <h1 class=\"solution-4-title\">How TRYPTIC QMS makes your <br> day-to-day work easier<\/h1>\n            \n            <!-- Benefits Section -->\n            <div class=\"solution-4-benefits\">\n                <div class=\"solution-4-benefits-container\">\n                    <!-- First row: 3 boxes -->\n                    <div class=\"solution-4-benefits-row\">\n                        <div class=\"solution-4-benefits-box\">\n                            <h3>MDR-compliant - without the effort<\/h3>\n                            <p>Meet all distributor obligations under MDR Article 14 automatically - without stacks of paper or documentation pressure.<\/p>\n                        <\/div>\n                        \n                        <div class=\"solution-4-benefits-box\">\n                            <h3>Everything in one place<\/h3>\n                            <p>Documents, training records, and inspection logs - centrally stored and easy to find at any time.<\/p>\n                        <\/div>\n                        \n                        <div class=\"solution-4-benefits-box\">\n                            <h3>Clear processes<\/h3>\n                            <p>From goods receipt to complaints: everyone knows what to do. No duplicate work, no chaos.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Second row: 2 boxes centered -->\n                    <div class=\"solution-4-benefits-row\">\n                        <div class=\"solution-4-benefits-box\">\n                            <h3>Evidence at the push of a button<\/h3>\n                            <p>CE, UDI, supplier, or customer - all information available within seconds.<\/p>\n                        <\/div>\n                        \n                        <div class=\"solution-4-benefits-box\">\n                            <h3>AI support when problems arise<\/h3>\n                            <p>Identifies patterns, saves time, and supports root cause analysis, complaints, and CAPA processes.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Center Button -->\n            <div class=\"solution-4-button-container\">\n                <a href=\"#section-6-form\" class=\"solution-4-button solution-4-scroll-btn\">Get to know TRYPTIC QMS - free MDR check<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- Trust Section -->\n    <div class=\"solution-4-trust-section\">\n        <div class=\"solution-4-trust-content\">\n            <h2 class=\"solution-4-trust-title\"><span class=\"tryptic-highlight\">TRYPTIC QMS<\/span> - built on decades<br>of experience in the MedTech industry<\/h2>\n            \n            <p class=\"solution-4-trust-text\">\n                Our team at pro-MedTech has supported distributors, manufacturers, and importers for many years in implementing MDR, ISO, and MDSAP requirements. From this hands-on experience, TRYPTIC QMS <br> was created: a system that works because it's rooted in real industry practice.\n            <\/p>\n            \n            <div class=\"solution-4-trust-anchors\">\n                <div class=\"solution-4-trust-anchor\">\n                    <div class=\"solution-4-trust-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/12\/medtech_qualitysystem.png\" alt=\"Practice-based\">\n                    <\/div>\n                    <h3 class=\"solution-4-trust-anchor-title\">Practice-based<\/h3>\n                    <p class=\"solution-4-trust-anchor-desc\">\n                        Developed by certified MDR and ISO 13485 experts with a deep understanding of distributors' daily challenges.\n                    <\/p>\n                <\/div>\n                \n                <div class=\"solution-4-trust-anchor\">\n                    <div class=\"solution-4-trust-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/12\/Supply-chain-management-and-distribution.png\" alt=\"Proven in real use\">\n                    <\/div>\n                    <h3 class=\"solution-4-trust-anchor-title\">Proven in real use<\/h3>\n                    <p class=\"solution-4-trust-anchor-desc\">\n                        Successfully implemented in collaboration with MedTech companies in day-to-day operations.\n                    <\/p>\n                <\/div>\n                \n                <div class=\"solution-4-trust-anchor\">\n                    <div class=\"solution-4-trust-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/12\/BAFA_funding.png\" alt=\"Funding opportunity\">\n                    <\/div>\n                    <h3 class=\"solution-4-trust-anchor-title\">Funding opportunity<\/h3>\n                    <p class=\"solution-4-trust-anchor-desc\">\n                        Potential BAFA funding available as part of consulting or digitalization projects.\n                    <\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"solution-4-trust-cta\">\n                <p class=\"solution-4-trust-cta-text\">\ud83d\udc49 Start your free MDR check now - in just 5 minutes, you'll know where your company stands.<\/p>\n                <a href=\"#section-6-form\" class=\"solution-4-button solution-4-scroll-btn\">Free MDR Compliance Check<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- Implementation Section -->\n    <div class=\"solution-4-section\">\n        <div class=\"solution-4-content\">\n            <div class=\"solution-4-timeline-section\">\n                <h2 class=\"solution-4-implementation-title\">In 6 weeks to your MDR-compliant QMS<\/h2>\n                <p class=\"solution-4-implementation-subtitle\">Fast. Clear. Practical.<br>Step by step - without disrupting your day-to-day operations.<\/p>\n                \n                <div class=\"solution-4-timeline-container\">\n                    <!-- Left Column - All 6 rectangles stacked -->\n                    <div class=\"solution-4-timeline-left\">\n                        <div class=\"solution-4-timeline-rectangle\">\n                            <div class=\"solution-4-rectangle-week\">W1<\/div>\n                            <div class=\"solution-4-rectangle-desc\"><strong>Analysis & kickoff:<\/strong> <span>We review your processes and identify gaps.<\/span><\/div>\n                        <\/div>\n                        \n                        <div class=\"solution-4-timeline-rectangle\">\n                            <div class=\"solution-4-rectangle-week\">W2<\/div>\n                            <div class=\"solution-4-rectangle-desc\"><strong>QMS setup:<\/strong> <span>Your system is tailored to your products and processes.<\/span><\/div>\n                        <\/div>\n                        \n                        <div class=\"solution-4-timeline-rectangle\">\n                            <div class=\"solution-4-rectangle-week\">W3<\/div>\n                            <div class=\"solution-4-rectangle-desc\"><strong>Integration:<\/strong> <span>Goods receipt, traceability, complaints \u2014 digital and structured.<\/span><\/div>\n                        <\/div>\n                        \n                        <div class=\"solution-4-timeline-rectangle\">\n                            <div class=\"solution-4-rectangle-week\">W4<\/div>\n                            <div class=\"solution-4-rectangle-desc\"><strong>Testing & refinement:<\/strong> <span>We optimize forms and validate day-to-day usability.<\/span><\/div>\n                        <\/div>\n                        \n                        <div class=\"solution-4-timeline-rectangle\">\n                            <div class=\"solution-4-rectangle-week\">W5<\/div>\n                            <div class=\"solution-4-rectangle-desc\"><strong>Training & rollout:<\/strong> <span>Your team is trained and gets started with clear responsibilities.<\/span><\/div>\n                        <\/div>\n                        \n                        <div class=\"solution-4-timeline-rectangle\">\n                            <div class=\"solution-4-rectangle-week\">W6<\/div>\n                            <div class=\"solution-4-rectangle-desc\"><strong>Go-live & audit check:<\/strong> <span>Final refinements, audit simulation - you're MDR-compliant.<\/span><\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Right Column - Animation -->\n                    <div class=\"solution-4-timeline-right\">\n<script src=\"https:\/\/unpkg.com\/@lottiefiles\/dotlottie-wc@0.8.5\/dist\/dotlottie-wc.js\" type=\"module\"><\/script>\n<dotlottie-wc src=\"https:\/\/lottie.host\/0345060c-ffde-4c1c-96c2-5b9c99f533bb\/lpObpH7AMV.lottie\" style=\"width: 600px;height: 600px\" autoplay loop><\/dotlottie-wc>\n                    <\/div>\n                <\/div>\n                \n                <!-- Bottom Button -->\n                <div class=\"solution-4-button-container-bottom\">\n                    <a href=\"#section-6-form\" class=\"solution-4-button solution-4-scroll-btn\">MDR-ready in 6 weeks - get started now<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Smooth scroll to section 6 for all buttons\n        const scrollButtons = document.querySelectorAll('.solution-4-scroll-btn');\n        scrollButtons.forEach(function(btn) {\n            btn.addEventListener('click', function(e) {\n                e.preventDefault();\n                const target = document.getElementById('section-6-form');\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n        \n        \/\/ Scroll animation for trust section images\n        const observerOptions = {\n            threshold: 0.2,\n            rootMargin: '0px 0px -50px 0px'\n        };\n        \n        const observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('animate');\n                }\n            });\n        }, observerOptions);\n        \n        const trustIcons = document.querySelectorAll('.solution-4-trust-icon');\n        trustIcons.forEach(function(icon) {\n            observer.observe(icon);\n        });\n    });\n    <\/script>\n    \n    \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c1f7e5 elementor-widget elementor-widget-shortcode\" data-id=\"6c1f7e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <style>\n        .section-5-container {\n            font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif;\n            width: 100%;\n            max-width: 1440px;\n            margin: 0 auto;\n            padding: 80px 40px;\n            background: #ffffff;\n            position: relative;\n        }\n        \n        .section-5-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n        \n        .section-5-logo {\n            width: 300px;\n            height: auto;\n            margin-bottom: 30px;\n            filter: none;\n            box-shadow: none;\n        }\n        \n        .section-5-brand {\n            font-size: 48px;\n            font-weight: 900;\n            color: #f4af53;\n            margin: 0 0 20px 0;\n            letter-spacing: 2px;\n        }\n        \n        .section-5-title {\n            font-size: 72px;\n            font-weight: 900;\n            line-height: 1.1;\n            margin: 0 0 20px 0;\n            letter-spacing: -2px;\n        }\n        \n        .section-5-subtitle {\n            font-size: 24px;\n            font-weight: 400;\n            color: #333;\n            margin: 0;\n        }\n        \n        .section-5-cards {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            margin-bottom: 60px;\n            flex-wrap: nowrap;\n        }\n        \n        .section-5-card {\n            background: rgba(229, 229, 229, 0.8);\n            padding: 40px 30px;\n            flex: 1;\n            max-width: 380px;\n            min-height: 400px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n            border: 1px solid rgba(0, 0, 0, 0.05);\n            transition: transform 0.3s ease;\n        }\n        \n        .section-5-card:hover {\n            transform: translateY(-5px);\n        }\n        \n        .card-stars {\n            display: flex;\n            gap: 8px;\n            margin-bottom: 20px;\n            min-height: 40px;\n            align-items: center;\n        }\n        \n        .card-star {\n            width: 35px;\n            height: 35px;\n            fill: #f4af53;\n            opacity: 0;\n            transform: scale(0) rotate(-180deg);\n            transition: all 0.4s ease;\n        }\n        \n        .card-star.animate {\n            opacity: 1;\n            transform: scale(1) rotate(0deg);\n        }\n        \n        .card-star.pulse {\n            animation: starPulse 1.5s ease-in-out infinite;\n        }\n        \n        @keyframes starPulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.15);\n            }\n        }\n        \n        .card-title {\n            font-size: 28px;\n            font-weight: 700;\n            margin: 0 0 10px 0;\n            color: #000;\n        }\n        \n        .card-tagline {\n            font-size: 18px;\n            font-weight: 400;\n            color: #555;\n            margin: 0 0 25px 0;\n            font-style: italic;\n        }\n        \n        .card-features {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            text-align: left;\n            width: 100%;\n        }\n        \n        .card-features li {\n            font-size: 17px;\n            line-height: 1.5;\n            padding: 8px 0;\n            padding-left: 25px;\n            position: relative;\n            color: #333;\n        }\n        \n        .card-features li::before {\n            content: '+';\n            position: absolute;\n            left: 0;\n            color: #f4af53;\n            font-weight: 700;\n            font-size: 20px;\n        }\n        \n        .section-5-cta {\n            text-align: center;\n        }\n        \n        .section-5-button,\n        .section-5-button:link,\n        .section-5-button:visited,\n        .section-5-button:hover,\n        .section-5-button:active,\n        a.section-5-button,\n        a.section-5-button:link,\n        a.section-5-button:visited,\n        a.section-5-button:hover,\n        a.section-5-button:active {\n            display: inline-block;\n            background-color: #f4af53 !important;\n            color: #000000 !important;\n            font-size: 18px !important;\n            font-weight: 600 !important;\n            padding: 16px 26px !important;\n            border-radius: 5px !important;\n            text-decoration: none !important;\n            pointer-events: auto;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(244, 175, 83, 0.4) !important;\n            border: none !important;\n            cursor: pointer;\n        }\n        \n        .section-5-button:hover,\n        a.section-5-button:hover {\n            background-color: #e59d3d !important;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(244, 175, 83, 0.5) !important;\n        }\n        \n        \/* Responsive *\/\n        @media (max-width: 1024px) {\n            .section-5-title {\n                font-size: 58px;\n            }\n            \n            .section-5-cards {\n                gap: 20px;\n            }\n            \n            .section-5-card {\n                padding: 35px 25px;\n                min-height: 380px;\n            }\n            \n            .card-title {\n                font-size: 24px;\n            }\n            \n            .card-features li {\n                font-size: 16px;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .section-5-container {\n                padding: 60px 20px;\n            }\n            \n            .section-5-logo {\n                width: 220px;\n            }\n            \n            .section-5-brand {\n                font-size: 36px;\n            }\n            \n            .section-5-title {\n                font-size: 48px;\n            }\n            \n            .section-5-subtitle {\n                font-size: 20px;\n            }\n            \n            .section-5-cards {\n                flex-wrap: wrap;\n                gap: 40px;\n            }\n            \n            .section-5-card {\n                max-width: 100%;\n                min-width: 100%;\n                min-height: auto;\n                padding: 35px 30px;\n            }\n            \n            .card-star {\n                width: 30px;\n                height: 30px;\n            }\n            \n            .card-title {\n                font-size: 26px;\n            }\n\t\t\t\n\t\t\t     \/* Button matching image-swap-snippet *\/\n        .cta-button,\n        .cta-button:link,\n        .cta-button:visited,\n        .cta-button:hover,\n        .cta-button:active,\n        a.cta-button,\n        a.cta-button:link,\n        a.cta-button:visited,\n        a.cta-button:hover,\n        a.cta-button:active {\n            display: inline-block;\n            padding: 16px 26px !important;\n        }\n        }\n        \n        @media (max-width: 480px) {\n            .section-5-container {\n                padding: 50px 15px;\n            }\n            \n            .section-5-logo {\n                width: 180px;\n            }\n            \n            .section-5-brand {\n                font-size: 28px;\n            }\n            \n            .section-5-title {\n                font-size: 38px;\n            }\n            \n            .section-5-subtitle {\n                font-size: 18px;\n            }\n            \n            .section-5-card {\n                padding: 30px 20px;\n            }\n            \n            .card-star {\n                width: 25px;\n                height: 25px;\n            }\n            \n            .card-title {\n                font-size: 22px;\n            }\n            \n            .card-tagline {\n                font-size: 16px;\n            }\n            \n            .card-features li {\n                font-size: 15px;\n            }\n\t\t\t\n\t\t\t\t\t\t     \/* Button matching image-swap-snippet *\/\n        .cta-button,\n        .cta-button:link,\n        .cta-button:visited,\n        .cta-button:hover,\n        .cta-button:active,\n        a.cta-button,\n        a.cta-button:link,\n        a.cta-button:visited,\n        a.cta-button:hover,\n        a.cta-button:active {\n            display: inline-block;\n            padding: 16px 26px !important;\n        }\n            \n            .section-5-button,\n            a.section-5-button {\n                font-size: 16px !important;\n                padding: 14px 28px !important;\n                width: 100%;\n                max-width: 300px;\n            }\n        }\n    <\/style>\n    \n    <div class=\"section-5-container\">\n        <div class=\"section-5-header\">\n            <h2 class=\"section-5-brand\">TRYPTIC QMS<\/h2>\n            <h2 class=\"section-5-title\">Smart, Simple, Safe<\/h2>\n            <p class=\"section-5-subtitle\">3 paths to MDR compliance<\/p>\n            <p class=\"section-5-subtitle\">The right package for every distributor: from entry-level to scaling.<\/p>\n        <\/div>\n        \n        <div class=\"section-5-cards\">\n            <!-- Card 1: CONFORMITY -->\n            <div class=\"section-5-card\" data-stars=\"1\">\n                <div class=\"card-stars\">\n                    <svg class=\"card-star\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"card-title\">CONFORMITY<\/h3>\n                <p class=\"card-tagline\">Get started with confidence<\/p>\n                <ul class=\"card-features\">\n                    <li>Individual QMS setup and alignment with your processes<\/li>\n                    <li>MDR-compliant in just 6 weeks<\/li>\n                    <li>Training and certificate for your team<\/li>\n                <\/ul>\n                <p>\ud83d\udcac Ideal for distributors who want to get started quickly and without stress.<\/p>\n            <\/div>\n            \n            <!-- Card 2: INTEGRITY -->\n            <div class=\"section-5-card\" data-stars=\"2\">\n                <div class=\"card-stars\">\n                    <svg class=\"card-star\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n                    <svg class=\"card-star\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"card-title\">INTEGRITY<\/h3>\n                <p class=\"card-tagline\">Processes under control<\/p>\n                <ul class=\"card-features\">\n                    <li>All features from CONFORMITY<\/li>\n                    <li>Advanced workflows and customer-specific SOPs<\/li>\n                    <li>4 weeks of support and BAFA funding included<\/li>\n                <\/ul>\n                <p>\ud83d\udcac For growing distributors with team structures<\/p>\n            <\/div>\n            \n            <!-- Card 3: TRINITY -->\n            <div class=\"section-5-card\" data-stars=\"3\">\n                <div class=\"card-stars\">\n                    <svg class=\"card-star\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n                    <svg class=\"card-star\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n                    <svg class=\"card-star\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"card-title\">TRINITY<\/h3>\n                <p class=\"card-tagline\">Ready to scale<\/p>\n                <ul class=\"card-features\">\n                    <li>All features from INTEGRITY<\/li>\n                    <li>ISO 13485 & MDSAP ready<\/li>\n                    <li>AI-driven process optimization and 6 months of support<\/li>\n                <\/ul>\n                <p>\ud83d\udcac For distributors with ambition - national and international.<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"section-5-cta\">\n            <a href=\"#section-6-form\" class=\"section-5-button\" id=\"scrollToSection6\">Find the right package - free MDR check<\/a>\n        <\/div>\n    <\/div>\n    \n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Star animation code\n        const observerOptions = {\n            threshold: 0.3,\n            rootMargin: '0px 0px -50px 0px'\n        };\n        \n        let starInterval = null;\n        \n        function animateStars() {\n            const cards = document.querySelectorAll('.section-5-card');\n            \n            cards.forEach(function(card, cardIndex) {\n                const stars = card.querySelectorAll('.card-star');\n                \n                stars.forEach(function(star, starIndex) {\n                    star.classList.remove('animate', 'pulse');\n                    const delay = (cardIndex * 300) + (starIndex * 150);\n                    \n                    setTimeout(function() {\n                        star.classList.add('animate');\n                        setTimeout(function() {\n                            star.classList.add('pulse');\n                        }, 400);\n                    }, delay);\n                });\n            });\n        }\n        \n        const observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (entry.isIntersecting) {\n                    animateStars();\n                    starInterval = setInterval(function() {\n                        const allStars = document.querySelectorAll('.section-5-card .card-star');\n                        allStars.forEach(function(star) {\n                            star.classList.remove('animate', 'pulse');\n                        });\n                        setTimeout(animateStars, 100);\n                    }, 4000);\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n        \n        const section5 = document.querySelector('.section-5-container');\n        if (section5) {\n            observer.observe(section5);\n        }\n        \n        \/\/ Smooth scroll to section 6\n        const scrollButton = document.getElementById('scrollToSection6');\n        if (scrollButton) {\n            scrollButton.addEventListener('click', function(e) {\n                e.preventDefault();\n                const section6 = document.getElementById('section-6-form');\n                if (section6) {\n                    section6.scrollIntoView({ \n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        }\n    });\n    <\/script>\n    \n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-373f682 e-con-full e-flex e-con e-parent\" data-id=\"373f682\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f48edc elementor-widget elementor-widget-shortcode\" data-id=\"8f48edc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <style>\n        .section-6-container {\n            font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif;\n            width: 100%;\n            background-color: #0A468E;\n            padding: 80px 40px;\n            box-sizing: border-box;\n            margin: 0;\n            border: none;\n            outline: none;\n        }\n        \n        .section-6-inner {\n            max-width: 1440px;\n            margin: 0 auto;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: 60px;\n        }\n        \n        .section-6-left {\n            flex: 1;\n            max-width: 550px;\n        }\n        \n        .section-6-title {\n            font-size: 48px;\n            font-weight: 700;\n            color: #ffffff;\n            line-height: 1.2;\n            margin: 0 0 30px 0;\n        }\n        \n        .section-6-subtitle {\n            font-size: 20px;\n            font-weight: 400;\n            color: #ffffff;\n            line-height: 1.6;\n            margin: 0 0 10px 0;\n        }\n        \n        .section-6-description {\n            font-size: 16px;\n            font-weight: 600;\n            color: #f4af53;\n            margin: 0 0 40px 0;\n        }\n        \n        .section-6-image {\n            width: 100%;\n            max-width: 350px;\n            height: auto;\n        }\n        \n        .section-6-right {\n            flex: 1;\n            max-width: 500px;\n        }\n        \n        @media (max-width: 1024px) {\n            .section-6-inner { gap: 40px; }\n            .section-6-title { font-size: 40px; }\n            .section-6-left, .section-6-right { max-width: 48%; }\n        }\n        \n        @media (max-width: 768px) {\n            .section-6-container { padding: 60px 20px; }\n            .section-6-inner { flex-direction: column; align-items: center; }\n            .section-6-left, .section-6-right { max-width: 100%; width: 100%; }\n            .section-6-left { text-align: center; }\n            .section-6-title { font-size: 36px; }\n            .section-6-subtitle { font-size: 18px; }\n            .section-6-image { max-width: 350px; margin: 0 auto; display: block; }\n        }\n        \n        @media (max-width: 480px) {\n            .section-6-container { padding: 50px 15px; }\n            .section-6-title { font-size: 28px; }\n            .section-6-subtitle { font-size: 16px; }\n            .section-6-description { font-size: 14px; }\n        }\n    <\/style>\n    \n    <div class=\"section-6-container\" id=\"section-6-form\">\n        <div class=\"section-6-inner\">\n            <div class=\"section-6-left\">\n                <h2 class=\"section-6-title\">In just 5 minutes, you'll know how MDR-ready your company is.<\/h2>\n                <p class=\"section-6-subtitle\">Find out which distributor obligations you already meet - and where action is still needed.<\/p>\n                <p class=\"section-6-description\">Free, with no obligation.<\/p>\n                <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/12\/Team-performance-Project-dashboard-Task-management.png\" alt=\"Team Performance\" class=\"section-6-image\">\n            <\/div>\n            \n            <div class=\"section-6-right\">\n                    \n    <style>\n        .mdr-form-container {\n            background: #ffffff;\n            padding: 40px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n            border: none;\n            font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif;\n        }\n        .mdr-form {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n        .mdr-form-group {\n            display: flex;\n            flex-direction: column;\n        }\n        .mdr-form-label {\n            font-size: 14px;\n            font-weight: 500;\n            color: #333;\n            margin-bottom: 6px;\n        }\n        .mdr-form-label .optional {\n            font-size: 12px;\n            color: #888;\n            font-weight: 400;\n        }\n        .mdr-form-input {\n            padding: 14px 16px;\n            font-size: 16px;\n            border: 1px solid #ddd;\n            border-radius: 5px;\n            transition: border-color 0.3s ease, box-shadow 0.3s ease;\n            font-family: inherit;\n        }\n        .mdr-form-input:focus {\n            outline: none;\n            border-color: #0A468E;\n            box-shadow: 0 0 0 3px rgba(10, 70, 142, 0.1);\n        }\n        .mdr-form-input::placeholder {\n            color: #888;\n        }\n        .mdr-form-submit,\n        .mdr-form-submit:link,\n        .mdr-form-submit:visited,\n        .mdr-form-submit:hover,\n        .mdr-form-submit:active,\n        button.mdr-form-submit {\n            display: inline-block;\n            background-color: #f4af53 !important;\n            color: #000000 !important;\n            font-size: 18px !important;\n            font-weight: 600 !important;\n            padding: 16px 32px !important;\n            border-radius: 5px !important;\n            text-decoration: none !important;\n            text-transform: none !important;\n            letter-spacing: normal !important;\n            border: none !important;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(244, 175, 83, 0.4) !important;\n            width: 100%;\n            margin-top: 10px;\n            font-family: inherit;\n        }\n        .mdr-form-submit:hover,\n        button.mdr-form-submit:hover {\n            background-color: #e59d3d !important;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(244, 175, 83, 0.5) !important;\n        }\n        .mdr-form-submit:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none !important;\n        }\n        .mdr-checkbox-group {\n            margin-top: 5px;\n        }\n        .mdr-checkbox-label {\n            display: flex;\n            align-items: flex-start;\n            cursor: pointer;\n            font-size: 14px;\n            color: #333;\n            line-height: 1.4;\n            gap: 10px;\n        }\n        .mdr-checkbox-label input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            margin: 0;\n            flex-shrink: 0;\n            cursor: pointer;\n            accent-color: #0A468E;\n        }\n        .mdr-checkbox-label .label-text {\n            flex: 1;\n        }\n        .mdr-checkbox-label .label-text a {\n            color: #0A468E;\n            text-decoration: underline;\n        }\n        .mdr-checkbox-label .label-text a:hover {\n            color: #063366;\n        }\n        .mdr-checkbox-label .required {\n            color: #dc3545;\n            font-weight: 600;\n        }\n        .mdr-checkbox-label .optional {\n            color: #888;\n            font-size: 12px;\n        }\n        .mdr-recaptcha {\n            margin: 10px 0;\n        }\n        .mdr-form-message {\n            padding: 18px 20px;\n            border-radius: 8px;\n            text-align: center;\n            font-weight: 600;\n            font-size: 15px;\n            display: none;\n            margin-bottom: 20px;\n            animation: slideDown 0.4s ease;\n        }\n        @keyframes slideDown {\n            from { opacity: 0; transform: translateY(-10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        .mdr-form-message.success {\n            background-color: #d4edda;\n            color: #155724;\n            border: 1px solid #c3e6cb;\n        }\n        .mdr-form-message.success::before {\n            content: '\u2713 ';\n        }\n        .mdr-form-message.error {\n            background-color: #f8d7da;\n            color: #721c24;\n            border: 1px solid #f5c6cb;\n        }\n        .mdr-form-message.error::before {\n            content: '\u2715 ';\n        }\n        @media (max-width: 768px) {\n            .mdr-form-container { padding: 30px; }\n        }\n        @media (max-width: 480px) {\n            .mdr-form-container { padding: 25px 20px; }\n            .mdr-form-input { padding: 12px 14px; font-size: 15px; }\n            .mdr-form-submit, button.mdr-form-submit {\n                font-size: 16px !important;\n                padding: 14px 28px !important;\n            }\n        }\n    <\/style>\n    \n    <div class=\"mdr-form-container\">\n        <div class=\"mdr-form-message\" id=\"mdrContactFormMessage\"><\/div>\n        \n        <form class=\"mdr-form\" id=\"mdrContactForm\" action=\"javascript:void(0);\" onsubmit=\"return false;\" method=\"post\">\n            <div class=\"mdr-form-group\">\n                <label class=\"mdr-form-label\" for=\"mdrContactForm-name\">Name<\/label>\n                <input type=\"text\" id=\"mdrContactForm-name\" name=\"name\" class=\"mdr-form-input\" placeholder=\"Name\" required>\n            <\/div>\n            \n            <div class=\"mdr-form-group\">\n                <label class=\"mdr-form-label\" for=\"mdrContactForm-company\">Company<\/label>\n                <input type=\"text\" id=\"mdrContactForm-company\" name=\"company\" class=\"mdr-form-input\" placeholder=\"Company\" required>\n            <\/div>\n            \n            <div class=\"mdr-form-group\">\n                <label class=\"mdr-form-label\" for=\"mdrContactForm-email\">Email<\/label>\n                <input type=\"email\" id=\"mdrContactForm-email\" name=\"email\" class=\"mdr-form-input\" placeholder=\"Email\" required>\n            <\/div>\n            \n            <div class=\"mdr-form-group\">\n                <label class=\"mdr-form-label\" for=\"mdrContactForm-phone\">Phone <span class=\"optional\">(optional)<\/span><\/label>\n                <input type=\"tel\" id=\"mdrContactForm-phone\" name=\"phone\" class=\"mdr-form-input\" placeholder=\"Phone\">\n            <\/div>\n            \n            <div class=\"mdr-form-group\">\n                <label class=\"mdr-form-label\" for=\"mdrContactForm-website\">Website <span class=\"optional\">(optional)<\/span><\/label>\n                <input type=\"url\" id=\"mdrContactForm-website\" name=\"website\" class=\"mdr-form-input\" placeholder=\"Website\">\n            <\/div>\n            \n            <div class=\"mdr-form-group mdr-checkbox-group\">\n                <label class=\"mdr-checkbox-label\">\n                    <input type=\"checkbox\" name=\"privacy_consent\" required>\n                    <span class=\"label-text\">I agree to the <a href=\"\/privacy-policy\" target=\"_blank\">Privacy Policy<\/a>. <span class=\"required\">*<\/span><\/span>\n                <\/label>\n            <\/div>\n            \n            <div class=\"mdr-form-group mdr-checkbox-group\">\n                <label class=\"mdr-checkbox-label\">\n                    <input type=\"checkbox\" name=\"marketing_consent\">\n                    <span class=\"label-text\">I agree to receive product information and offers <span class=\"optional\">(optional)<\/span><\/span>\n                <\/label>\n            <\/div>\n            \n            <div class=\"mdr-recaptcha\">\n                <div class=\"g-recaptcha\" data-sitekey=\"6Ldp3j0sAAAAAGSlLzA5-CpetahSDVVWRQd1Ggeb\"><\/div>\n            <\/div>\n            \n            <button type=\"submit\" class=\"mdr-form-submit\">Get the free MDR checklist by email<\/button>\n        <\/form>\n    <\/div>\n    \n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        if (typeof emailjs !== 'undefined') {\n            emailjs.init('P-kzwABkc6v9mRzcb');\n        }\n        \n        const formId = 'mdrContactForm';\n        const form = document.getElementById(formId);\n        const messageEl = document.getElementById(formId + 'Message');\n        \n        if (form && !form.hasAttribute('data-initialized')) {\n            form.setAttribute('data-initialized', 'true');\n            \n            form.addEventListener('submit', function(e) {\n                e.preventDefault();\n                e.stopPropagation();\n                \n                const submitBtn = form.querySelector('.mdr-form-submit');\n                const originalText = submitBtn.textContent;\n                submitBtn.disabled = true;\n                submitBtn.textContent = 'Sending...';\n                \n                \/\/ Validate reCAPTCHA\n                if (typeof grecaptcha === 'undefined') {\n                    messageEl.className = 'mdr-form-message error';\n                    messageEl.textContent = 'reCAPTCHA not loaded. Please refresh the page.';\n                    messageEl.style.display = 'block';\n                    submitBtn.disabled = false;\n                    submitBtn.textContent = originalText;\n                    return false;\n                }\n                \n                const recaptchaResponse = grecaptcha.getResponse();\n                if (!recaptchaResponse) {\n                    messageEl.className = 'mdr-form-message error';\n                    messageEl.textContent = 'Please complete the reCAPTCHA.';\n                    messageEl.style.display = 'block';\n                    submitBtn.disabled = false;\n                    submitBtn.textContent = originalText;\n                    return false;\n                }\n                \n                const formData = new FormData(form);\n                const data = {\n                    name: formData.get('name'),\n                    company: formData.get('company'),\n                    email: formData.get('email'),\n                    phone: formData.get('phone') || '',\n                    website: formData.get('website') || '',\n                    privacy_consent: formData.get('privacy_consent') === 'on' ? 'Yes' : 'No',\n                    marketing_consent: formData.get('marketing_consent') === 'on' ? 'Yes' : 'No',\n                    recaptcha_token: recaptchaResponse\n                };\n                \n                \/\/ Send to Monday.com via WordPress REST API\n                fetch('https:\/\/pro-medtech.de\/de\/wp-json\/mdr-form\/v1\/submit', {\n                    method: 'POST',\n                    headers: {\n                        'Content-Type': 'application\/json',\n                        'X-WP-Nonce': '829572cfbc'\n                    },\n                    body: JSON.stringify(data)\n                })\n                .then(response => response.json())\n                .then(result => {\n                    if (result.success) {\n                        \/\/ Also send via EmailJS\n                        if (typeof emailjs !== 'undefined') {\n                            const templateParams = {\n                                name: data.name,\n                                company: data.company,\n                                email: data.email,\n                                phone: data.phone || 'Not provided',\n                                website: data.website || 'Not provided',\n                                privacy_consent: data.privacy_consent,\n                                marketing_consent: data.marketing_consent\n                            };\n                            emailjs.send('service_a6i5ta7', 'template_dngmeg9', templateParams);\n                        }\n                        \n                        messageEl.className = 'mdr-form-message success';\n                        messageEl.textContent = 'Thank you! Your request has been sent successfully. We will contact you shortly.';\n                        messageEl.style.display = 'block';\n                        form.style.display = 'none';\n                    } else {\n                        throw new Error(result.message || 'Submission failed');\n                    }\n                })\n                .catch(function(error) {\n                    console.error('Form error:', error);\n                    messageEl.className = 'mdr-form-message error';\n                    messageEl.textContent = 'Oops! Something went wrong. Please try again or contact us directly.';\n                    messageEl.style.display = 'block';\n                    submitBtn.disabled = false;\n                    submitBtn.textContent = originalText;\n                })\n                .finally(function() {\n                    if (typeof grecaptcha !== 'undefined') {\n                        grecaptcha.reset();\n                    }\n                });\n                \n                return false;\n            });\n        }\n    });\n    <\/script>\n    \n                <\/div>\n        <\/div>\n    <\/div>\n    \n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-225dd14 e-con-full e-flex e-con e-parent\" data-id=\"225dd14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6f97bd elementor-widget elementor-widget-shortcode\" data-id=\"b6f97bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <footer class=\"tryptic-footer\">\n        <div class=\"footer-container\">\n            <div class=\"footer-content\">\n                <!-- Logo Section -->\n                <div class=\"footer-section footer-logo\">\n                    <div class=\"logo-container\">\n                        <img decoding=\"async\" src=\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/05\/Artboard-12-e1748348998526.png\" alt=\"pro-MedTech\" class=\"footer-logo-img\">\n                    <\/div>\n                    <div class=\"footer-legal-links\">\n                        <a href=\"https:\/\/pro-medtech.de\/privacy-policy\/\" class=\"legal-link\">Imprint & Privacy Policy<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Copyright Section -->\n            <div class=\"footer-bottom\">\n                <div class=\"copyright\">\n                    <p>Copyright 2025 - 2026 pro-MedTech GmbH<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <style>\n        .tryptic-footer {\n            background-color: #0A468E;\n            color: white;\n            font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            padding: 40px 0 20px;\n        }\n\n        .footer-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .footer-content {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 30px;\n        }\n\n        .footer-section {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .footer-logo {\n            align-items: flex-start;\n        }\n\n        .footer-logo-img {\n            max-height: 60px;\n            width: auto;\n            object-fit: contain;\n            margin-bottom: 20px;\n        }\n\n        .logo-container {\n            display: flex;\n            justify-content: flex-start;\n            width: 100%;\n        }\n\n        .footer-legal-links {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n\n        .legal-link {\n            color: white;\n            text-decoration: none;\n            font-size: 14px;\n            transition: color 0.3s ease;\n        }\n\n        .legal-link:hover {\n            color: #F4AF53;\n        }\n\n        .footer-bottom {\n            border-top: 1px solid rgba(255, 255, 255, 0.2);\n            padding-top: 20px;\n            text-align: center;\n        }\n\n        .copyright p {\n            font-size: 14px;\n            color: rgba(255, 255, 255, 0.8);\n            margin: 0;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .tryptic-footer {\n                padding: 30px 0 15px;\n            }\n            \n            .footer-content {\n                flex-direction: column;\n                align-items: center;\n                text-align: center;\n                margin-bottom: 25px;\n            }\n            \n            .footer-logo {\n                align-items: center;\n            }\n            \n            .footer-logo-img {\n                max-height: 50px;\n                margin-bottom: 15px;\n            }\n            \n            .logo-container {\n                justify-content: center;\n            }\n            \n            .footer-legal-links {\n                align-items: center;\n                margin-top: 10px;\n            }\n            \n            .footer-container {\n                padding: 0 15px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .tryptic-footer {\n                padding: 25px 0 15px;\n            }\n            \n            .footer-logo-img {\n                max-height: 40px;\n            }\n            \n            .legal-link {\n                font-size: 13px;\n            }\n            \n            .copyright p {\n                font-size: 12px;\n            }\n        }\n    <\/style>\n    \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_angie_page":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-3114","page","type-page","status-publish","hentry","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tryptic QMS - pro-MedTech<\/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:\/\/pro-medtech.de\/de\/medicalqms\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tryptic QMS - pro-MedTech\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pro-medtech.de\/de\/medicalqms\/\" \/>\n<meta property=\"og:site_name\" content=\"pro-MedTech\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-29T11:49:45+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pro-medtech.de\/medicalqms\/\",\"url\":\"https:\/\/pro-medtech.de\/medicalqms\/\",\"name\":\"Tryptic QMS - pro-MedTech\",\"isPartOf\":{\"@id\":\"https:\/\/pro-medtech.de\/de\/#website\"},\"datePublished\":\"2025-12-08T18:19:29+00:00\",\"dateModified\":\"2025-12-29T11:49:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/pro-medtech.de\/medicalqms\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pro-medtech.de\/medicalqms\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pro-medtech.de\/medicalqms\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/pro-medtech.de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tryptic QMS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pro-medtech.de\/de\/#website\",\"url\":\"https:\/\/pro-medtech.de\/de\/\",\"name\":\"pro-MedTech\",\"description\":\"Guide.Innovate.Execute\",\"publisher\":{\"@id\":\"https:\/\/pro-medtech.de\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pro-medtech.de\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/pro-medtech.de\/de\/#organization\",\"name\":\"pro-MedTech\",\"url\":\"https:\/\/pro-medtech.de\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/pro-medtech.de\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/05\/Artboard-12-e1748348998526.png\",\"contentUrl\":\"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/05\/Artboard-12-e1748348998526.png\",\"width\":1080,\"height\":308,\"caption\":\"pro-MedTech\"},\"image\":{\"@id\":\"https:\/\/pro-medtech.de\/de\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tryptic QMS - pro-MedTech","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:\/\/pro-medtech.de\/de\/medicalqms\/","og_locale":"de_DE","og_type":"article","og_title":"Tryptic QMS - pro-MedTech","og_url":"https:\/\/pro-medtech.de\/de\/medicalqms\/","og_site_name":"pro-MedTech","article_modified_time":"2025-12-29T11:49:45+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pro-medtech.de\/medicalqms\/","url":"https:\/\/pro-medtech.de\/medicalqms\/","name":"Tryptic QMS - pro-MedTech","isPartOf":{"@id":"https:\/\/pro-medtech.de\/de\/#website"},"datePublished":"2025-12-08T18:19:29+00:00","dateModified":"2025-12-29T11:49:45+00:00","breadcrumb":{"@id":"https:\/\/pro-medtech.de\/medicalqms\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pro-medtech.de\/medicalqms\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pro-medtech.de\/medicalqms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pro-medtech.de\/"},{"@type":"ListItem","position":2,"name":"Tryptic QMS"}]},{"@type":"WebSite","@id":"https:\/\/pro-medtech.de\/de\/#website","url":"https:\/\/pro-medtech.de\/de\/","name":"pro-MedTech","description":"Guide.Innovate.Execute","publisher":{"@id":"https:\/\/pro-medtech.de\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pro-medtech.de\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/pro-medtech.de\/de\/#organization","name":"pro-MedTech","url":"https:\/\/pro-medtech.de\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/pro-medtech.de\/de\/#\/schema\/logo\/image\/","url":"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/05\/Artboard-12-e1748348998526.png","contentUrl":"https:\/\/pro-medtech.de\/wp-content\/uploads\/2025\/05\/Artboard-12-e1748348998526.png","width":1080,"height":308,"caption":"pro-MedTech"},"image":{"@id":"https:\/\/pro-medtech.de\/de\/#\/schema\/logo\/image\/"}}]}},"blog_post_layout_featured_media_urls":{"thumbnail":"","full":""},"categories_names":null,"comments_number":"0","_links":{"self":[{"href":"https:\/\/pro-medtech.de\/de\/wp-json\/wp\/v2\/pages\/3114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pro-medtech.de\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pro-medtech.de\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pro-medtech.de\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pro-medtech.de\/de\/wp-json\/wp\/v2\/comments?post=3114"}],"version-history":[{"count":56,"href":"https:\/\/pro-medtech.de\/de\/wp-json\/wp\/v2\/pages\/3114\/revisions"}],"predecessor-version":[{"id":4019,"href":"https:\/\/pro-medtech.de\/de\/wp-json\/wp\/v2\/pages\/3114\/revisions\/4019"}],"wp:attachment":[{"href":"https:\/\/pro-medtech.de\/de\/wp-json\/wp\/v2\/media?parent=3114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}