{"id":18811,"date":"2026-01-20T17:15:55","date_gmt":"2026-01-20T17:15:55","guid":{"rendered":"https:\/\/framos.com\/produkte-losungen\/modulare-bildsensormodule-amp-entwicklungskits\/12-40-mp-camera-modules\/"},"modified":"2026-05-13T07:07:59","modified_gmt":"2026-05-13T07:07:59","slug":"12-40-mp-camera-modules","status":"publish","type":"page","link":"https:\/\/framos.com\/de\/produkte-dienstleistungen\/kameramodule\/12-40-mp-camera-modules\/","title":{"rendered":"12 &#8211; 40 MP hochaufl\u00f6sende Kameramodule"},"content":{"rendered":"<p>  \r\n  <!-- ALpine.js Logic Handler (Moved TOP for bulletproof WP execution) -->\r\n  <script>\r\n    if (typeof window.framosProductFinder === 'undefined') {\r\n        window.framosProductFinder = function(initData) {\r\n            return {\r\n                products: initData.products,\r\n                sensors: initData.sensors,\r\n                interfaces: initData.interfaces,\r\n                skeletonCount: initData.skeletonCount,\r\n                i18n: initData.i18n,\r\n                \r\n                activeEnclosure: 'All',\r\n                \/\/ Auto-select the sensor if there is only 1 type passed in the shortcode\r\n                activeSensor: initData.sensors.length === 1 ? initData.sensors[0] : 'All',\r\n                \r\n                isModalOpen: false,\r\n                activeProduct: null,\r\n\r\n                init() {\r\n                    \/\/ Initialize lucide icons if they exist in the global scope\r\n                    if (typeof lucide !== 'undefined') {\r\n                        setTimeout(() => lucide.createIcons(), 50);\r\n                    }\r\n                },\r\n\r\n                get filteredProducts() {\r\n                    return this.products.filter(p => {\r\n                        let enclosureMatch = true;\r\n                        let sensorMatch = true;\r\n\r\n                        \/\/ Check Enclosure Tab\r\n                        if (this.activeEnclosure === 'Housed' && !p.is_housed) enclosureMatch = false;\r\n                        if (this.activeEnclosure === 'None' && p.is_housed) enclosureMatch = false;\r\n\r\n                        \/\/ Check Sensor Dropdown\r\n                        if (this.activeSensor !== 'All' && p.sensor !== this.activeSensor) sensorMatch = false;\r\n\r\n                        return enclosureMatch && sensorMatch;\r\n                    });\r\n                },\r\n\r\n                openModal(product) {\r\n                    this.activeProduct = product;\r\n                    this.isModalOpen = true;\r\n                    document.body.style.overflow = 'hidden';\r\n                },\r\n\r\n                closeModal() {\r\n                    this.isModalOpen = false;\r\n                    setTimeout(() => { this.activeProduct = null; }, 300);\r\n                    document.body.style.overflow = '';\r\n                }\r\n            };\r\n        };\r\n    }\r\n  <\/script>\r\n\r\n  <!-- Pass the safely encoded JSON directly into our globally available function -->\r\n  <section class=\"py-12 px-4 bg-gray-50 dark:bg-[#171b1e] transition-colors\" x-data=\"framosProductFinder({&quot;products&quot;:[{&quot;id&quot;:15650,&quot;model&quot;:&quot;FSM:GO IMX676 Kameramodul im Geh\\u00e4use mit 16\\u00b0 HFOV-Objektiv&quot;,&quot;formatted_model&quot;:&quot;FSM:GO IMX676 Kameramodul im Geh\\u00e4use mit 16\\u00b0 HFOV-Objektiv&quot;,&quot;lensTitle&quot;:&quot;Sensor Module&quot;,&quot;sensor&quot;:&quot;IMX676&quot;,&quot;shutter&quot;:&quot;&quot;,&quot;url&quot;:&quot;https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/fsmgo-de-2\\\/fsmgo-housed-camera-sensor-module-with-imx676-sensor-and-16-hfov-lens-29106\\\/&quot;,&quot;image&quot;:&quot;https:\\\/\\\/framos.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/web__0003_FSM-GO_Housing_L16_Front.jpg&quot;,&quot;is_housed&quot;:false,&quot;buy_now&quot;:null,&quot;attributes&quot;:[{&quot;label&quot;:&quot;Aufl\\u00f6sung [MP]&quot;,&quot;value&quot;:&quot;12.62 MP&quot;},{&quot;label&quot;:&quot;Objektiv Typ&quot;,&quot;value&quot;:&quot;16\\u00b0 HFOV&quot;},{&quot;label&quot;:&quot;Geh\\u00e4use Typ&quot;,&quot;value&quot;:&quot;Housed&quot;},{&quot;label&quot;:&quot;Chromatik&quot;,&quot;value&quot;:&quot;Color&quot;}]},{&quot;id&quot;:15652,&quot;model&quot;:&quot;FSM:GO IMX676 Kameramodul im Geh\\u00e4use mit 92\\u00b0 HFOV-Objektiv&quot;,&quot;formatted_model&quot;:&quot;FSM:GO IMX676 Kameramodul im Geh\\u00e4use mit 92\\u00b0 HFOV-Objektiv&quot;,&quot;lensTitle&quot;:&quot;Sensor Module&quot;,&quot;sensor&quot;:&quot;IMX676&quot;,&quot;shutter&quot;:&quot;&quot;,&quot;url&quot;:&quot;https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/fsmgo-de-2\\\/fsmgo-housed-camera-sensor-module-with-imx676-sensor-and-92-hfov-lens-29107\\\/&quot;,&quot;image&quot;:&quot;https:\\\/\\\/framos.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/FMS-GO-IMX676-medium-1000-1600.jpg&quot;,&quot;is_housed&quot;:false,&quot;buy_now&quot;:null,&quot;attributes&quot;:[{&quot;label&quot;:&quot;Aufl\\u00f6sung [MP]&quot;,&quot;value&quot;:&quot;12.62 MP&quot;},{&quot;label&quot;:&quot;Objektiv Typ&quot;,&quot;value&quot;:&quot;92\\u00b0 HFOV&quot;},{&quot;label&quot;:&quot;Geh\\u00e4use Typ&quot;,&quot;value&quot;:&quot;Housed&quot;},{&quot;label&quot;:&quot;Chromatik&quot;,&quot;value&quot;:&quot;Color&quot;}]},{&quot;id&quot;:15654,&quot;model&quot;:&quot;FSM:GO IMX676 Kameramodul im Geh\\u00e4use mit 102\\u00b0 HFOV-Objektiv&quot;,&quot;formatted_model&quot;:&quot;FSM:GO IMX676 Kameramodul im Geh\\u00e4use mit 102\\u00b0 HFOV-Objektiv&quot;,&quot;lensTitle&quot;:&quot;Sensor Module&quot;,&quot;sensor&quot;:&quot;IMX676&quot;,&quot;shutter&quot;:&quot;&quot;,&quot;url&quot;:&quot;https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/fsmgo-de-2\\\/fsmgo-housed-camera-sensor-module-with-imx676-sensor-and-102-hfov-lens-29108\\\/&quot;,&quot;image&quot;:&quot;https:\\\/\\\/framos.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/web__0006_FSM-GO_Housing_L54_Front-1.jpg&quot;,&quot;is_housed&quot;:false,&quot;buy_now&quot;:null,&quot;attributes&quot;:[{&quot;label&quot;:&quot;Aufl\\u00f6sung [MP]&quot;,&quot;value&quot;:&quot;12.62 MP&quot;},{&quot;label&quot;:&quot;Objektiv Typ&quot;,&quot;value&quot;:&quot;102\\u00b0 HFOV&quot;},{&quot;label&quot;:&quot;Geh\\u00e4use Typ&quot;,&quot;value&quot;:&quot;Housed&quot;},{&quot;label&quot;:&quot;Chromatik&quot;,&quot;value&quot;:&quot;Color&quot;}]},{&quot;id&quot;:15656,&quot;model&quot;:&quot;FSM:GO IMX676 Kameramodul im Geh\\u00e4use mit 185\\u00b0 HFOV-Objektiv&quot;,&quot;formatted_model&quot;:&quot;FSM:GO IMX676 Kameramodul im Geh\\u00e4use mit 185\\u00b0 HFOV-Objektiv&quot;,&quot;lensTitle&quot;:&quot;Sensor Module&quot;,&quot;sensor&quot;:&quot;IMX676&quot;,&quot;shutter&quot;:&quot;&quot;,&quot;url&quot;:&quot;https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/fsmgo-de-2\\\/fsmgo-housed-camera-sensor-module-with-imx676-sensor-and-185-hfov-lens-29109\\\/&quot;,&quot;image&quot;:&quot;https:\\\/\\\/framos.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/web__0005_FSM-GO_Housing_L185_Front.jpg&quot;,&quot;is_housed&quot;:false,&quot;buy_now&quot;:null,&quot;attributes&quot;:[{&quot;label&quot;:&quot;Aufl\\u00f6sung [MP]&quot;,&quot;value&quot;:&quot;12.62 MP&quot;},{&quot;label&quot;:&quot;Objektiv Typ&quot;,&quot;value&quot;:&quot;185\\u00b0 HFOV&quot;},{&quot;label&quot;:&quot;Geh\\u00e4use Typ&quot;,&quot;value&quot;:&quot;Housed&quot;},{&quot;label&quot;:&quot;Chromatik&quot;,&quot;value&quot;:&quot;Color&quot;}]},{&quot;id&quot;:13590,&quot;model&quot;:&quot;FSM:GO IMX676 Kameramodul mit 185\\u00b0 HFOV-Objektiv&quot;,&quot;formatted_model&quot;:&quot;FSM:GO IMX676 Kameramodul mit 185\\u00b0 HFOV-Objektiv&quot;,&quot;lensTitle&quot;:&quot;with FOV: 185\\u00b0H (IMX676), F2, IRC@650nm Lens&quot;,&quot;sensor&quot;:&quot;IMX676&quot;,&quot;shutter&quot;:&quot;&quot;,&quot;url&quot;:&quot;https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/fsmgo-de-2\\\/fsmgo-with-imx676-sensor-and-185-hfov-lens-27357\\\/&quot;,&quot;image&quot;:&quot;https:\\\/\\\/framos.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/FSM-GO-IMX676C-M12A-L185A-PM-A1Q1-Left-Side-Front-2.jpg&quot;,&quot;is_housed&quot;:false,&quot;buy_now&quot;:&quot;https:\\\/\\\/eu.mouser.com\\\/ProductDetail\\\/FRAMOS\\\/FSMGO-IMX676C-M12-L185A-PM-A1Q1?qs=sGAEpiMZZMu3sxpa5v1qro5FY7hlnl9MYXHphSWrR%2Fo%3D&quot;,&quot;attributes&quot;:[{&quot;label&quot;:&quot;Aufl\\u00f6sung [MP]&quot;,&quot;value&quot;:&quot;12.62 MP&quot;},{&quot;label&quot;:&quot;Objektiv Typ&quot;,&quot;value&quot;:&quot;185\\u00b0 HFOV&quot;},{&quot;label&quot;:&quot;Geh\\u00e4use Typ&quot;,&quot;value&quot;:&quot;None&quot;},{&quot;label&quot;:&quot;Chromatik&quot;,&quot;value&quot;:&quot;Color&quot;}]},{&quot;id&quot;:13552,&quot;model&quot;:&quot;FSM:GO IMX676 Kameramodul mit 92\\u00b0 HFOV-Objektiv&quot;,&quot;formatted_model&quot;:&quot;FSM:GO IMX676 Kameramodul mit 92\\u00b0 HFOV-Objektiv&quot;,&quot;lensTitle&quot;:&quot;with FOV: 92\\u00b0H (IMX676), F2.7, IRC@660nm Lens&quot;,&quot;sensor&quot;:&quot;IMX676&quot;,&quot;shutter&quot;:&quot;&quot;,&quot;url&quot;:&quot;https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/fsmgo-de-2\\\/fsmgo-with-imx676-sensor-and-92-hfov-lens-27356\\\/&quot;,&quot;image&quot;:&quot;https:\\\/\\\/framos.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/FSM-GO-IMX676C-M12A-M12-L92A-PM-A1Q1-Left-Side-Front.jpg&quot;,&quot;is_housed&quot;:false,&quot;buy_now&quot;:&quot;https:\\\/\\\/eu.mouser.com\\\/ProductDetail\\\/FRAMOS\\\/FSMGO-IMX676C-M12-L92A-PM-A1Q1?qs=sGAEpiMZZMu3sxpa5v1qro5FY7hlnl9MgFKsnginyqc%3D&quot;,&quot;attributes&quot;:[{&quot;label&quot;:&quot;Aufl\\u00f6sung [MP]&quot;,&quot;value&quot;:&quot;12.62 MP&quot;},{&quot;label&quot;:&quot;Objektiv Typ&quot;,&quot;value&quot;:&quot;92\\u00b0 HFOV&quot;},{&quot;label&quot;:&quot;Geh\\u00e4use Typ&quot;,&quot;value&quot;:&quot;None&quot;},{&quot;label&quot;:&quot;Chromatik&quot;,&quot;value&quot;:&quot;Color&quot;}]},{&quot;id&quot;:13549,&quot;model&quot;:&quot;FSM:GO IMX676 Kameramodul mit 16\\u00b0 HFOV-Objektiv&quot;,&quot;formatted_model&quot;:&quot;FSM:GO IMX676 Kameramodul mit 16\\u00b0 HFOV-Objektiv&quot;,&quot;lensTitle&quot;:&quot;with FOV: 16\\u00b0H (IMX676), F2, IRC@650nm Lens&quot;,&quot;sensor&quot;:&quot;IMX676&quot;,&quot;shutter&quot;:&quot;&quot;,&quot;url&quot;:&quot;https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/fsmgo-de-2\\\/fsmgo-with-imx676-sensor-and-16-hfov-lens-27355\\\/&quot;,&quot;image&quot;:&quot;https:\\\/\\\/framos.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/FSM-GO-IMX676C-M12A-L16A-PM-A1Q1-Left-Side-Front.jpg&quot;,&quot;is_housed&quot;:false,&quot;buy_now&quot;:&quot;https:\\\/\\\/eu.mouser.com\\\/ProductDetail\\\/FRAMOS\\\/FSMGO-IMX676C-M12-L16A-PM-A1Q1?qs=sGAEpiMZZMu3sxpa5v1qro5FY7hlnl9M3m%2FXMVF4jMM%3D&quot;,&quot;attributes&quot;:[{&quot;label&quot;:&quot;Aufl\\u00f6sung [MP]&quot;,&quot;value&quot;:&quot;12.62 MP&quot;},{&quot;label&quot;:&quot;Objektiv Typ&quot;,&quot;value&quot;:&quot;16\\u00b0 HFOV&quot;},{&quot;label&quot;:&quot;Geh\\u00e4use Typ&quot;,&quot;value&quot;:&quot;None&quot;},{&quot;label&quot;:&quot;Chromatik&quot;,&quot;value&quot;:&quot;Color&quot;}]}],&quot;sensors&quot;:[&quot;IMX676&quot;],&quot;interfaces&quot;:[{&quot;id&quot;:&quot;gmsl&quot;,&quot;name&quot;:&quot;GMSL3 \\\/ Coaxial&quot;,&quot;tagline&quot;:&quot;Automotive Grade&quot;,&quot;benefits&quot;:[&quot;Cables up to 15m&quot;,&quot;Single-cable power\\\/data&quot;],&quot;image&quot;:&quot;option-gmsl.jpg&quot;,&quot;link&quot;:&quot;https:\\\/\\\/www.mouser.ca\\\/ProductDetail\\\/FRAMOS\\\/FFA-GMSL3-Kit-5m&quot;},{&quot;id&quot;:&quot;ffc&quot;,&quot;name&quot;:&quot;PixelMate\\u2122 \\\/ FFC&quot;,&quot;tagline&quot;:&quot;High-Density Embedded&quot;,&quot;benefits&quot;:[&quot;Low-cost cabling&quot;,&quot;Ideal for tight routing&quot;],&quot;image&quot;:&quot;option-ffc.jpg&quot;,&quot;link&quot;:&quot;https:\\\/\\\/www.mouser.ca\\\/ProductDetail\\\/FRAMOS\\\/FFA-FFC40-Kit-0.2m&quot;}],&quot;skeletonCount&quot;:0,&quot;i18n&quot;:{&quot;allModules&quot;:&quot;All Modules&quot;,&quot;boardLevel&quot;:&quot;Board-Level&quot;,&quot;housedOnly&quot;:&quot;Housed&quot;,&quot;filterSens&quot;:&quot;Filter by Sensor:&quot;,&quot;allSensors&quot;:&quot;All Sensors&quot;,&quot;showing&quot;:&quot;Showing&quot;,&quot;of&quot;:&quot;of&quot;,&quot;modules&quot;:&quot;modules&quot;,&quot;reqQuote&quot;:&quot;Request Quote&quot;,&quot;buyNow&quot;:&quot;Jetzt kaufen&quot;,&quot;details&quot;:&quot;Produkt Details&quot;,&quot;chooseInt&quot;:&quot;Interface w\\u00e4hlen&quot;,&quot;noMatch&quot;:&quot;No matching vision modules found.&quot;,&quot;reset&quot;:&quot;Filter zur\\u00fccksetzen&quot;,&quot;comingSoon&quot;:&quot;Demn\\u00e4chst&quot;,&quot;ecosystemInt&quot;:&quot;Ecosystem Integration&quot;,&quot;interfaceDesc&quot;:&quot;FSM:GO modules are equipped natively with a compact high-performance interface. Choose an adapter below to extend connectivity to your exact production platform requirement.&quot;}})\">\r\n    <div class=\"max-w-7xl mx-auto\">\r\n      \r\n      <!-- ==========================================\r\n           ORIGINAL STATIC TEXT & APPLICATIONS HEADER \r\n           ========================================== -->\r\n            <div id=\"product-lineup\" class=\"flex flex-col lg:flex-row items-start justify-between gap-12 mb-16\">\r\n        <div class=\"max-w-xl\">\r\n          <h2 class=\"text-3xl md:text-4xl font-framos-bold text-framosDarkBlue dark:text-white leading-tight pt-0\">\r\n            FSM:GO Kamera-Module          <\/h2>\r\n          <p class=\"text-slate-600 dark:text-slate-300\">\r\n            FSM:GO-Kameramodule werden in eingebetteten Bildverarbeitungssystemen eingesetzt, bei denen ein kompaktes Design, ein geringer Stromverbrauch und eine zuverl\u00e4ssige Bildqualit\u00e4t erforderlich sind.          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"flex-grow max-w-2xl pt-1\">\r\n          <div class=\"flex items-center gap-2 mb-8\">\r\n            <span class=\"h-px w-8 bg-primary\"><\/span>\r\n            <span class=\"text-xs font-bold uppercase tracking-widest text-primary\">\r\n              M\u00f6gliche Anwendungen            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"grid grid-cols-2 sm:grid-cols-3 gap-y-8 gap-x-6\">\r\n                          <div class=\"flex flex-col gap-3 group cursor-default\">\r\n                <div class=\"flex items-center gap-3\">\r\n                  <i data-lucide=\"factory\" class=\"w-5 h-5 text-primary opacity-90 group-hover:opacity-100 transition-opacity\"><\/i>\r\n                  <span class=\"text-sm font-bold text-framosDarkBlue dark:text-slate-200 leading-snug\">\r\n                    Industrielle Automatisierung\n                  <\/span>\r\n                <\/div>\r\n              <\/div>\r\n                          <div class=\"flex flex-col gap-3 group cursor-default\">\r\n                <div class=\"flex items-center gap-3\">\r\n                  <i data-lucide=\"bot\" class=\"w-5 h-5 text-primary opacity-90 group-hover:opacity-100 transition-opacity\"><\/i>\r\n                  <span class=\"text-sm font-bold text-framosDarkBlue dark:text-slate-200 leading-snug\">\r\n                    Autonome Roboter                  <\/span>\r\n                <\/div>\r\n              <\/div>\r\n                          <div class=\"flex flex-col gap-3 group cursor-default\">\r\n                <div class=\"flex items-center gap-3\">\r\n                  <i data-lucide=\"stethoscope\" class=\"w-5 h-5 text-primary opacity-90 group-hover:opacity-100 transition-opacity\"><\/i>\r\n                  <span class=\"text-sm font-bold text-framosDarkBlue dark:text-slate-200 leading-snug\">\r\n                    Medizin &amp; Healthcare\n                  <\/span>\r\n                <\/div>\r\n              <\/div>\r\n                          <div class=\"flex flex-col gap-3 group cursor-default\">\r\n                <div class=\"flex items-center gap-3\">\r\n                  <i data-lucide=\"shield-check\" class=\"w-5 h-5 text-primary opacity-90 group-hover:opacity-100 transition-opacity\"><\/i>\r\n                  <span class=\"text-sm font-bold text-framosDarkBlue dark:text-slate-200 leading-snug\">\r\n                    Sicherheit &amp; Biometrie                  <\/span>\r\n                <\/div>\r\n              <\/div>\r\n                          <div class=\"flex flex-col gap-3 group cursor-default\">\r\n                <div class=\"flex items-center gap-3\">\r\n                  <i data-lucide=\"leaf\" class=\"w-5 h-5 text-primary opacity-90 group-hover:opacity-100 transition-opacity\"><\/i>\r\n                  <span class=\"text-sm font-bold text-framosDarkBlue dark:text-slate-200 leading-snug\">\r\n                    Landwirtschaft Tech                  <\/span>\r\n                <\/div>\r\n              <\/div>\r\n                          <div class=\"flex flex-col gap-3 group cursor-default\">\r\n                <div class=\"flex items-center gap-3\">\r\n                  <i data-lucide=\"car\" class=\"w-5 h-5 text-primary opacity-90 group-hover:opacity-100 transition-opacity\"><\/i>\r\n                  <span class=\"text-sm font-bold text-framosDarkBlue dark:text-slate-200 leading-snug\">\r\n                    Intelligente Verkehrssysteme\n                  <\/span>\r\n                <\/div>\r\n              <\/div>\r\n                      <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- ==========================================\r\n           B2B ENGINEERING SHOWROOM CONTROLS \r\n           ========================================== -->\r\n      \r\n      <!-- EMPTY STATE -->\r\n      <div x-show=\"filteredProducts.length === 0\" class=\"p-16 rounded-2xl text-center border-2 border-dashed bg-white dark:bg-[#23282d] border-gray-300 dark:border-gray-700 hidden\" style=\"display: none;\" :style=\"{ display: filteredProducts.length === 0 ? 'block' : 'none' }\">\r\n        <div class=\"w-12 h-12 rounded-full bg-rose-100 flex items-center justify-center mx-auto mb-4 text-rose-500 font-bold text-xl\">!<\/div>\r\n        <h3 class=\"text-lg font-bold mb-2 dark:text-white\" x-text=\"i18n.noMatch\"><\/h3>\r\n        <button @click=\"activeEnclosure = 'All'; activeSensor = 'All'\" class=\"px-6 py-2.5 bg-primary text-white text-xs font-bold rounded-lg uppercase tracking-wider transition-all hover:bg-cyan-600 mt-4\" x-text=\"i18n.reset\"  data-cta=\"true\" data-cta-id=\"fsmgo-hd-cards-shortcode.1.\" data-cta-label=\"\" data-cta-location=\"fsmgo-hd-cards-shortcode@12-40-mp-camera-modules\" data-cta-destination=\"\" data-cta-type=\"button\"><\/button>\r\n      <\/div>\r\n\r\n      <!-- ==========================================\r\n           PRODUCT SHOWCASE GRID\r\n           ========================================== -->\r\n      <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\">\r\n        \r\n        <!-- Active Products -->\r\n        <template x-for=\"product in filteredProducts\" :key=\"product.id\">\r\n          <div class=\"bg-white dark:bg-framosDarkBlue rounded-[2rem] border border-slate-100 dark:border-slate-700 shadow-sm overflow-hidden h-full flex flex-col transition-all hover:shadow-xl\">\r\n            <div class=\"p-6 flex flex-col flex-grow relative\">\r\n              \r\n              <!-- Technical Visual Render -->\r\n              <div class=\"aspect-square bg-slate-50 dark:bg-slate-800\/50 rounded-2xl mb-6 overflow-hidden relative\">\r\n                <!-- Shutter Badge -->\r\n                <template x-if=\"product.shutter\">\r\n                  <div class=\"absolute top-2 right-2 z-10 bg-framosDarkBlue text-white text-[9px] font-bold px-2 py-1 rounded shadow uppercase tracking-wider\" x-text=\"product.shutter\"><\/div>\r\n                <\/template>\r\n                \r\n                <img :src=\"product.image\" class=\"w-full h-full object-contain p-4 transition-transform duration-500 hover:scale-105\" alt=\"\">\r\n              <\/div>\r\n\r\n              <!-- Title -->\r\n              <h3 class=\"text-[16px] text-framosDarkBlue dark:text-white font-bold leading-tight mb-0 pb-8 uppercase\" x-html=\"product.formatted_model\"><\/h3>\r\n              \r\n              <!-- Spec Data -->\r\n              <div class=\"space-y-1 text-[12px] mb-6\">\r\n                <template x-for=\"attr in product.attributes\" :key=\"attr.label\">\r\n                  <div class=\"grid grid-cols-[1fr_auto] gap-3\">\r\n                    <span class=\"text-slate-400 font-medium\" x-text=\"attr.label\"><\/span>\r\n                    <span class=\"text-slate-700 dark:text-slate-200 font-bold text-right\" x-text=\"attr.value\"><\/span>\r\n                  <\/div>\r\n                <\/template>\r\n              <\/div>\r\n\r\n              <!-- CTA Links -->\r\n              <div class=\"mt-auto\">\r\n                <template x-if=\"product.buy_now\">\r\n                  <a :href=\"product.buy_now\" target=\"_blank\" rel=\"noopener\" class=\"block w-full py-3 rounded-xl bg-framosDarkBlue dark:bg-primary text-white text-center font-bold hover:bg-black transition-all mb-3\"  data-cta=\"true\" data-cta-id=\"fsmgo-hd-cards-shortcode.2.\" data-cta-label=\"\" data-cta-location=\"fsmgo-hd-cards-shortcode@12-40-mp-camera-modules\" data-cta-destination=\"\" data-cta-type=\"button\" x-text=\"i18n.buyNow\"><\/a>\r\n                <\/template>\r\n                <a :href=\"product.url\" class=\"block text-center text-primary text-sm font-bold hover:underline mb-6\"  data-cta=\"true\" data-cta-id=\"fsmgo-hd-cards-shortcode.3.\" data-cta-label=\"\" data-cta-location=\"fsmgo-hd-cards-shortcode@12-40-mp-camera-modules\" data-cta-destination=\"\" data-cta-type=\"inline\" x-text=\"i18n.details\"><\/a>\r\n              <\/div>\r\n\r\n              <!-- Interface Trigger -->\r\n              <div class=\"pt-4 border-t border-slate-50 dark:border-slate-800\">\r\n                <button @click=\"openModal(product)\" class=\"w-full border border-slate-200 dark:border-slate-600 rounded-xl py-3 px-4 text-[11px] font-bold uppercase tracking-wider flex justify-between items-center hover:border-primary hover:text-primary transition-all group bg-white dark:bg-framosDarkBlue\"  data-cta=\"true\" data-cta-id=\"fsmgo-hd-cards-shortcode.4.\" data-cta-label=\"\" data-cta-location=\"fsmgo-hd-cards-shortcode@12-40-mp-camera-modules\" data-cta-destination=\"\" data-cta-type=\"button\">\r\n                  <span x-text=\"i18n.chooseInt\"><\/span>\r\n                  <!-- Inline Info SVG -->\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4 text-primary\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 16v-4\"><\/path><path d=\"M12 8h.01\"><\/path><\/svg>\r\n                <\/button>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/template>\r\n\r\n        <!-- Skeleton Coming Soon Cards -->\r\n        <template x-for=\"i in skeletonCount\" :key=\"'skel-'+i\">\r\n           <div class=\"bg-white\/40 dark:bg-framosDarkBlue\/40 rounded-[2rem] border border-slate-100 dark:border-slate-800 shadow-sm overflow-hidden h-full flex flex-col transition-all pointer-events-none select-none\">\r\n              <div class=\"p-6 flex flex-col flex-grow relative animate-pulse\">\r\n                \r\n                <div class=\"absolute top-8 right-8 z-10\">\r\n                  <span class=\"inline-flex items-center rounded-full bg-primary\/10 px-3 py-1 text-[10px] font-black uppercase tracking-widest text-primary border border-primary\/20 backdrop-blur-md\" x-text=\"i18n.comingSoon\"><\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"aspect-square bg-slate-100 dark:bg-slate-800 rounded-2xl mb-6 flex-shrink-0\"><\/div>\r\n                \r\n                <div class=\"h-4 bg-slate-200 dark:bg-slate-700 rounded w-3\/4 mb-2 pb-0\"><\/div>\r\n                <div class=\"h-4 bg-slate-200 dark:bg-slate-700 rounded w-1\/2 mb-8 pb-0\"><\/div>\r\n                \r\n                <div class=\"space-y-4 mb-6\">\r\n                  <div class=\"flex justify-between items-center\"><div class=\"h-2.5 bg-slate-100 dark:bg-slate-800 rounded w-1\/3\"><\/div><div class=\"h-2.5 bg-slate-200 dark:bg-slate-700 rounded w-1\/4\"><\/div><\/div>\r\n                  <div class=\"flex justify-between items-center\"><div class=\"h-2.5 bg-slate-100 dark:bg-slate-800 rounded w-1\/4\"><\/div><div class=\"h-2.5 bg-slate-200 dark:bg-slate-700 rounded w-1\/3\"><\/div><\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"mt-auto\"><\/div>\r\n                <div class=\"mt-6 pt-4 border-t border-slate-50 dark:border-slate-800\">\r\n                   <div class=\"h-12 bg-slate-100 dark:bg-slate-800 rounded-xl w-full\"><\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n        <\/template>\r\n\r\n      <\/div>\r\n      \r\n      <!-- ==========================================\r\n           INTERFACE SELECTOR MODAL\r\n           ========================================== -->\r\n      <div x-show=\"isModalOpen\" class=\"fixed inset-0 z-[9999] bg-framosDarkBlue\/90 backdrop-blur-sm flex items-center justify-center p-4 transition-opacity\" style=\"display: none;\">\r\n        <div class=\"w-full max-w-2xl rounded-2xl p-8 relative shadow-2xl bg-white dark:bg-[#23282d] text-slate-800 dark:text-white border dark:border-gray-700 overflow-y-auto max-h-[90vh]\" @click.away=\"closeModal()\">\r\n          \r\n          <button @click=\"closeModal()\" class=\"absolute top-4 right-4 text-gray-400 hover:text-rose-500 transition-colors p-2\"  data-cta=\"true\" data-cta-id=\"fsmgo-hd-cards-shortcode.5.\" data-cta-label=\"\" data-cta-location=\"fsmgo-hd-cards-shortcode@12-40-mp-camera-modules\" data-cta-destination=\"\" data-cta-type=\"button\">\r\n             \u2715\r\n          <\/button>\r\n\r\n          <div class=\"mb-6\">\r\n            <span class=\"text-[10px] font-mono uppercase bg-primary text-white px-2 py-0.5 rounded font-bold\" x-text=\"i18n.ecosystemInt\"><\/span>\r\n            <h3 class=\"text-xl font-extrabold mt-2 uppercase\" x-text=\"activeProduct ? activeProduct.model : ''\"><\/h3>\r\n          <\/div>\r\n\r\n          <p class=\"text-xs text-slate-500 dark:text-slate-400 leading-relaxed mb-6\" x-text=\"i18n.interfaceDesc\"><\/p>\r\n\r\n          <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n            <template x-for=\"item in interfaces\" :key=\"item.id\">\r\n              <a :href=\"item.link\" target=\"_blank\" class=\"group flex flex-col p-5 rounded-2xl border border-gray-200 dark:border-gray-700 hover:border-primary hover:bg-gray-50 dark:hover:bg-framosDarkBlue transition-all cursor-pointer\"  data-cta=\"true\" data-cta-id=\"fsmgo-hd-cards-shortcode.6.\" data-cta-label=\"\" data-cta-location=\"fsmgo-hd-cards-shortcode@12-40-mp-camera-modules\" data-cta-destination=\"\" data-cta-type=\"inline\">\r\n                 <div class=\"flex-grow\">\r\n                   <h3 class=\"font-black text-[14px] leading-tight text-framosDarkBlue dark:text-white mb-1\" x-text=\"item.name\"><\/h3>\r\n                   <p class=\"text-primary text-[11px] font-bold mb-4 uppercase tracking-wider\" x-text=\"item.tagline\"><\/p>\r\n                   \r\n                   <div class=\"space-y-2 mt-4 pt-4 border-t border-gray-100 dark:border-gray-700\">\r\n                     <template x-for=\"benefit in item.benefits\">\r\n                       <div class=\"flex items-start gap-2\">\r\n                         <div class=\"w-1.5 h-1.5 bg-primary rounded-full shrink-0 mt-1\"><\/div>\r\n                         <span class=\"text-[11px] text-gray-600 dark:text-gray-400 font-semibold\" x-text=\"benefit\"><\/span>\r\n                       <\/div>\r\n                     <\/template>\r\n                   <\/div>\r\n                 <\/div>\r\n              <\/a>\r\n            <\/template>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  ]<\/p>\n    <div id=\"fsmgo-1\" class=\"framos-fsmgo-section wp-block-framos-content-image relative bg-white dark:bg-secondary100 transition-colors duration-500 py-12 lg:py-24\">\r\n        \r\n        <!-- Background Grid Pattern -->\r\n        <div class=\"absolute inset-0 z-0 pointer-events-none overflow-hidden\" aria-hidden=\"true\">\r\n            <svg class=\"absolute inset-0 w-full h-full stroke-gray-200 dark:stroke-gray-700 [mask-image:radial-gradient(50%_50%_at_bottom_left,white,transparent)]\">\r\n                <defs>\r\n                    <pattern id=\"pattern-grid-fsmgo-1\" width=\"50\" height=\"50\" y=\"-1\" patternUnits=\"userSpaceOnUse\">\r\n                        <path d=\"M.5 200V.5H200\" fill=\"none\"><\/path>\r\n                    <\/pattern>\r\n                <\/defs>\r\n                <rect width=\"100%\" height=\"100%\" stroke-width=\"0\" fill=\"url(#pattern-grid-fsmgo-1)\"><\/rect>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"mx-auto max-w-7xl px-6 lg:px-8 relative z-10\">\r\n            <div class=\"mx-auto flex max-w-2xl flex-col lg:flex-row-reverse lg:max-w-none lg:items-start gap-16\">\r\n                \r\n                <!-- CONTENT SIDE -->\r\n                <div class=\"w-full lg:w-1\/2 reveal-content-fsmgo-1\" x-data=\"{ open: true }\">\r\n                    <h2 class=\"text-balance text-3xl font-semibold tracking-tight sm:text-4xl uppercase leading-tight mb-2\">\r\n                        FSM:GO IMX676<br>\r\n                        <span class=\"text-primary\">12MP HDR VISION<\/span>\r\n                    <\/h2>\r\n\r\n                    <div class=\"my-8 text-gray-600 dark:text-gray-200 space-y-4\">\r\n                        <p>FSM:GO IMX676 kombiniert Sony STARVIS 2 Technologie mit hochaufl\u00f6sender 12,6 MP Bildverarbeitung und liefert au\u00dfergew\u00f6hnliche Detailgenauigkeit im sichtbaren und Near-IR Bereich.<\/p>\n<p> F\u00fcr Anwendungen mit hohem Datenbedarf und erweitertem Dynamikumfang entwickelt, liefert es scharfe, kontrastreiche Bilder unter unterschiedlichsten Lichtbedingungen.<\/p>\n                    <\/div>\r\n\r\n                    <div class=\"max-w-xl lg:mt-2 lg:max-w-lg lg:border-t lg:border-gray-900\/10 dark:lg:border-white\/10 lg:pt-6\">\r\n                        <dl class=\"framos-accordions divide-y divide-gray-900\/10 dark:divide-white\/10\">\r\n                            <div class=\"py-4\">\r\n                                <dt>\r\n                                    <button @click=\"open = !open\" class=\"flex w-full items-start justify-between text-left text-gray-900 dark:text-white focus:outline-none border-0 bg-transparent p-0 cursor-pointer group\"  data-cta=\"true\" data-cta-id=\"left-right-block.1.\" data-cta-label=\"\" data-cta-location=\"left-right-block@12-40-mp-camera-modules\" data-cta-destination=\"\" data-cta-type=\"button\">\r\n                                        <h3 class=\"text-lg font-extrabold uppercase tracking-tight text-secondary dark:text-white\">HAUPTVORTEILE<\/h3>\r\n                                        <span class=\"text-primary text-2xl transition-transform duration-300\" :class=\"open ? 'rotate-180' : ''\">\r\n                                            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                                <path x-show=\"!open\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path>\r\n                                                <path x-show=\"open\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 12H4\"><\/path>\r\n                                            <\/svg>\r\n                                        <\/span>\r\n                                    <\/button>\r\n                                <\/dt>\r\n                                <dd x-show=\"open\" x-collapse class=\"mt-6\">\r\n                                    <ul class=\"space-y-6\">\r\n                                                                                    <li class=\"relative pl-8 group\">\r\n                                                <span class=\"absolute left-0 top-3 w-4 h-[2px] bg-primary group-hover:w-6 transition-all\"><\/span>\r\n                                                <span class=\"text-base font-medium opacity-90\">12,6 MP Sony STARVIS 2 Sensor f\u00fcr hohe Detailaufl\u00f6sung und erweiterte Bilddaten.<\/span>\r\n                                            <\/li>\r\n                                                                                    <li class=\"relative pl-8 group\">\r\n                                                <span class=\"absolute left-0 top-3 w-4 h-[2px] bg-primary group-hover:w-6 transition-all\"><\/span>\r\n                                                <span class=\"text-base font-medium opacity-90\">Hervorragende Low-Light- und Near-IR Sensitivit\u00e4t f\u00fcr flexible Einsatzm\u00f6glichkeiten.<\/span>\r\n                                            <\/li>\r\n                                                                                    <li class=\"relative pl-8 group\">\r\n                                                <span class=\"absolute left-0 top-3 w-4 h-[2px] bg-primary group-hover:w-6 transition-all\"><\/span>\r\n                                                <span class=\"text-base font-medium opacity-90\">Optimierte Vision-Pipeline-Treiber mit plattformspezifischem ISP Tuning.<\/span>\r\n                                            <\/li>\r\n                                                                                    <li class=\"relative pl-8 group\">\r\n                                                <span class=\"absolute left-0 top-3 w-4 h-[2px] bg-primary group-hover:w-6 transition-all\"><\/span>\r\n                                                <span class=\"text-base font-medium opacity-90\">Flexible Geh\u00e4useoptionen mit PixelMate\u2122, FFC und GMSL.<\/span>\r\n                                            <\/li>\r\n                                                                            <\/ul>\r\n                                <\/dd>\r\n                            <\/div>\r\n                        <\/dl>\r\n                    <\/div>\r\n\r\n                    <!-- ACF Managed Buttons -->\r\n                    <div class=\"mt-12 flex flex-wrap items-center gap-4 sm:gap-6\">\r\n                                                    <a href=\"https:\/\/framos.com\/de\/produkt\/module\/fsmgo-de-2\/fsmgo-with-imx676-sensor-27363\/\"\r\n                               target=\"_blank\" rel=\"noopener noreferrer\"                               class=\"rounded-full group relative bg-primary px-7 md:px-11 py-2.5 text-base border-0 text-white visited:text-white shadow-sm hover:bg-framosDarkBlue hover:text-white dark:bg-primary dark:text-white sm:w-auto flex items-center md:ml-0 transition-all\"  data-cta=\"true\" data-cta-id=\"left-right-block.2.\" data-cta-label=\"\" data-cta-location=\"left-right-block@12-40-mp-camera-modules\" data-cta-destination=\"\" data-cta-type=\"button\">\r\n                                Produkt ansehen                                <div class=\"ml-1 -rotate-45 transition-all duration-200 group-hover:rotate-0\">\r\n                                    <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\">\r\n                                        <path d=\"M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z\" fill=\"currentColor\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" \/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                            <\/a>\r\n                        \r\n                                                    <a href=\"\/products-services\/camera-modules\/fsm-go-camera-modules\/\"\r\n                                                              class=\"text-sm\/6 font-semibold pl-6 md:pl-0 text-gray-900 dark:text-gray-200 visited:text-gray-700 dark:visited:text-gray-200 hover:text-primary dark:hover:text-primary transition-colors\"  data-cta=\"true\" data-cta-id=\"left-right-block.3.\" data-cta-label=\"\" data-cta-location=\"left-right-block@12-40-mp-camera-modules\" data-cta-destination=\"\" data-cta-type=\"button\">\r\n                                FSM:GO Kameramodule ansehen <span aria-hidden=\"true\">\u2192<\/span>\r\n                            <\/a>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                <!-- CARD SIDE (Sticky) -->\r\n                <div class=\"w-full lg:w-1\/2 lg:sticky lg:top-24 reveal-card-fsmgo-1\">\r\n                    <div class=\"relative p-10 lg:p-14 text-center text-secondary shadow-[0_40px_80px_-15px_rgba(0,0,0,0.1)] overflow-hidden rounded-2xl bg-gray-50\/50\">\r\n                        \r\n                        <!-- Internal Decorative Backgrounds -->\r\n                        <div class=\"absolute inset-0 -z-10 overflow-hidden pointer-events-none\">\r\n                            <div class=\"absolute -left-1\/4 bottom-0 w-[150%] h-[60%] bg-gray-100\/50 -rotate-6 origin-bottom-left\"><\/div>\r\n                            <div class=\"absolute right-8 top-1\/3 opacity-30 w-16 h-20\" style=\"background-image: radial-gradient(#23282d 1.5px, transparent 1.5px); background-size: 8px 8px;\"><\/div>\r\n                            <div class=\"absolute left-6 top-1\/2 opacity-30 w-12 h-16\" style=\"background-image: radial-gradient(#23282d 1.5px, transparent 1.5px); background-size: 8px 8px;\"><\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"relative z-10 space-y-3 mb-12\">\r\n                            <h4 class=\"text-2xl lg:text-3xl font-extrabold tracking-tight uppercase leading-tight\">NUTZEN SIE DAS KOMPLETTE VISION AI ECOSYSTEM<\/h4>\r\n                            <p class=\"text-lg font-medium text-gray-500 dark:text-gray-700\">Open-Source-Treiber <br>Abgestimmte ISP-Pipelines inbegriffen<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"relative z-10 mb-12 flex justify-center\">\r\n                            <img decoding=\"async\" src=\"https:\/\/framos.com\/wp-content\/uploads\/2026\/02\/FSM-GO-IMX676-Render.png\" class=\"w-full max-w-[340px] h-auto drop-shadow-2xl floating-anim-fsmgo-1\">\r\n                        <\/div>\r\n\r\n                        <!-- Specs -->\r\n                        <div class=\"relative z-10 grid grid-cols-4 gap-2 mb-14 border-b border-gray-200\/50 pb-12\">\r\n                                                            <div class=\"space-y-1 \">\r\n                                    <div class=\"text-xl lg:text-2xl font-black\">\r\n                                        12.6                                                                                    <span class=\"text-xs ml-0.5\">MP<\/span>\r\n                                                                            <\/div>\r\n                                    <div class=\"text-[10px] font-bold uppercase opacity-50 tracking-wider\">Aufl\u00f6sung<\/div>\r\n                                <\/div>\r\n                                                            <div class=\"space-y-1 border-l border-gray-200\/50\">\r\n                                    <div class=\"text-xl lg:text-2xl font-black\">\r\n                                        2.0                                                                                    <span class=\"text-xs ml-0.5\">\u00b5m<\/span>\r\n                                                                            <\/div>\r\n                                    <div class=\"text-[10px] font-bold uppercase opacity-50 tracking-wider\">Pixel Gr\u00f6\u00dfe<\/div>\r\n                                <\/div>\r\n                                                            <div class=\"space-y-1 border-l border-gray-200\/50\">\r\n                                    <div class=\"text-xl lg:text-2xl font-black\">\r\n                                        1\/1.6&quot;                                                                            <\/div>\r\n                                    <div class=\"text-[10px] font-bold uppercase opacity-50 tracking-wider\">Format<\/div>\r\n                                <\/div>\r\n                                                            <div class=\"space-y-1 border-l border-gray-200\/50\">\r\n                                    <div class=\"text-xl lg:text-2xl font-black\">\r\n                                        Rolling                                                                            <\/div>\r\n                                    <div class=\"text-[10px] font-bold uppercase opacity-50 tracking-wider\">Shutter<\/div>\r\n                                <\/div>\r\n                                                    <\/div>\r\n\r\n                        <!-- Conditionally Display Ecosystem Logos -->\r\n                                                    <div class=\"relative z-10 space-y-5 mb-8\">\r\n                                <p class=\"text-[11px] font-black uppercase tracking-[0.3em] text-gray-400 dark:text-gray-700\">Mehr als ein Kameramodul<\/p>\r\n                                <div class=\"bg-white dark:bg-gray-800 px-4 py-3 rounded-full shadow-sm ring-1 ring-black\/[0.03] inline-flex items-center gap-4 lg:gap-6 flex-wrap justify-center\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/framos.com\/wp-content\/themes\/framos\/images\/logo-nvidia.svg\" class=\"h-3 w-auto\">\r\n                                    <div class=\"hidden sm:block w-px h-4 bg-gray-200\"><\/div>                                        <img decoding=\"async\" src=\"https:\/\/framos.com\/wp-content\/themes\/framos\/images\/logo-qualcomm.svg\" class=\"h-3 w-auto\">\r\n                                    <div class=\"hidden sm:block w-px h-4 bg-gray-200\"><\/div>                                        <img decoding=\"async\" src=\"https:\/\/framos.com\/wp-content\/themes\/framos\/images\/logo-nxp.svg\" class=\"h-3 w-auto\">\r\n                                    <div class=\"hidden sm:block w-px h-4 bg-gray-200\"><\/div>                                        <img decoding=\"async\" src=\"https:\/\/framos.com\/wp-content\/themes\/framos\/images\/logo-rpi.svg\" class=\"h-3 w-auto\">\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                        \r\n                        <!-- Standalone Custom Icon Section -->\r\n                        <div class=\"relative z-10 pt-4 flex flex-col items-center gap-2\">\r\n                            <span class=\"text-[10px] font-bold uppercase tracking-widest text-gray-500 opacity-80\">Plattformoptimierte Treiber verf\u00fcgbar<\/span>\r\n                                                            <a href=\"https:\/\/github.com\/framosimaging\" target=\"_blank\" data-cta=\"true\" data-cta-id=\"left-right-block.4.\" data-cta-label=\"\" data-cta-location=\"left-right-block@12-40-mp-camera-modules\" data-cta-destination=\"\" data-cta-type=\"inline\" rel=\"noopener\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/framos.com\/wp-content\/uploads\/2026\/02\/logo-github.svg\" alt=\"Icon\" class=\"h-8 lg:h-10 w-auto hover:opacity-70 transition-opacity\">\r\n                                <\/a>\r\n                                                    <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        if (typeof gsap !== 'undefined') {\r\n            const id = \"fsmgo-1\";\r\n            gsap.from(\".reveal-card-\" + id, { y: 60, opacity: 0, duration: 1.4, ease: \"expo.out\", scrollTrigger: { trigger: \"#\" + id, start: \"top 80%\" } });\r\n            gsap.from(\".reveal-content-\" + id, { x: 40, opacity: 0, duration: 1.2, ease: \"power3.out\", delay: 0.2, scrollTrigger: { trigger: \"#\" + id, start: \"top 80%\" } });\r\n            gsap.to(\".floating-anim-\" + id, { y: 15, rotation: 1, duration: 4, repeat: -1, yoyo: true, ease: \"sine.inOut\" });\r\n        }\r\n    });\r\n    <\/script>\r\n    <\/div>\r\n    \r\n    \r\n    \n\n<div class=\"wp-block-group py-24\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"pre-heading wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center max-w-4xl mx-auto\"><strong>GESAMTES PORTFOLIO AN 50+ MP KAMERAMODULEN ENTDECKEN<\/strong><\/h2>\n\n\n\n<p class=\"paragraph-c pb-16 wp-block-paragraph\">W\u00e4hlen Sie aus dem vollst\u00e4ndigen Portfolio an 12\u201340 MP Kameramodulen, einschlie\u00dflich FSM:GO und Entwicklungsprodukte. Evaluieren Sie Sensorformate, Optikkompatibilit\u00e4t und Integrationsstrategien, um hochpr\u00e4zise Bildverarbeitungsl\u00f6sungen vor der finalen Hardwareentscheidung zu optimieren. <\/p>\n\n\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/animations\/shift-away.css\"\/>\r\n<script src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/tippy.js@6\"><\/script>\r\n\r\n<div class=\"w-full max-w-[1500px] mx-auto px-4 font-sans mt-1 mb-2 flex justify-center\">\r\n    <button onclick=\"document.getElementById('framos-ecosystem-modal').classList.remove('hidden'); document.getElementById('framos-ecosystem-modal').classList.add('flex');\" \r\n            class=\"rounded-full inline-flex items-center gap-2 bg-primary px-8 py-3 visited:text-white text-white hover:bg-framosDarkBlue transition-all group\"  data-cta=\"true\" data-cta-id=\"resolution-grid.1.\" data-cta-label=\"\" data-cta-location=\"resolution-grid@12-40-mp-camera-modules\" data-cta-destination=\"\" data-cta-type=\"button\">\r\n        <svg class=\"w-5 h-5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n        <span class=\"font-semibold text-sm\">\r\n            Mehr zu Entwicklungsprodukten        <\/span>\r\n    <\/button>\r\n<\/div>\r\n\r\n<div id=\"framos-ecosystem-modal\" class=\"hidden fixed inset-0 z-[100] items-center justify-center p-4 sm:p-6 font-sans\">\r\n    <div class=\"absolute inset-0 bg-framosDarkBlue\/60 dark:bg-black\/70 backdrop-blur-sm transition-opacity\" \r\n         onclick=\"document.getElementById('framos-ecosystem-modal').classList.add('hidden'); document.getElementById('framos-ecosystem-modal').classList.remove('flex');\"><\/div>\r\n    \r\n    <div class=\"relative w-full max-w-3xl bg-white dark:bg-[#152332] rounded-2xl shadow-2xl overflow-hidden border border-framosDarkBlue\/10 dark:border-white\/10 transform transition-all flex flex-col max-h-[90vh]\">\r\n        \r\n        <button onclick=\"document.getElementById('framos-ecosystem-modal').classList.add('hidden'); document.getElementById('framos-ecosystem-modal').classList.remove('flex');\" \r\n                class=\"absolute top-4 right-4 z-10 p-2 text-framosDarkBlue\/40 hover:text-framosDarkBlue dark:text-white\/40 dark:hover:text-white bg-slate-50 hover:bg-slate-100 dark:bg-white\/5 dark:hover:bg-white\/10 rounded-full transition-colors focus:outline-none\"  data-cta=\"true\" data-cta-id=\"resolution-grid.2.\" data-cta-label=\"\" data-cta-location=\"resolution-grid@12-40-mp-camera-modules\" data-cta-destination=\"\" data-cta-type=\"button\">\r\n            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\r\n        <\/button>\r\n\r\n        <div class=\"p-8 sm:p-10 overflow-y-auto custom-scrollbar\">\r\n            <h3 class=\"text-2xl font-bold text-framosDarkBlue dark:text-white mb-6 pr-8\">\r\n                Erweiterte Entwicklungsprodukte            <\/h3>\r\n\r\n            <p class=\"text-[15px] text-framosDarkBlue\/80 dark:text-white\/80 mb-5 leading-relaxed\">\r\n                Entwicklungsprodukte bieten zus\u00e4tzliche Sensor- und Konfigurationsoptionen innerhalb dieses Aufl\u00f6sungsbereichs. Sie sind f\u00fcr Entwicklungsteams ausgelegt, die spezifische Anforderungen evaluieren, fr\u00fche Prototypen entwickeln oder kundenspezifische Designs umsetzen, bei denen zus\u00e4tzliche Flexibilit\u00e4t erforderlich ist.\n            <\/p>\r\n\r\n            <p class=\"text-[15px] text-framosDarkBlue\/80 dark:text-white\/80 mb-8 leading-relaxed\">\r\n                Die Integrationsunterst\u00fctzung variiert je nach Plattform und Konfiguration. Treiberverf\u00fcgbarkeit und ISP Tuning sind eingeschr\u00e4nkter, w\u00e4hrend kompatible Objektive verf\u00fcgbar sind, jedoch Auswahl und Fokussierung als Teil des Designprozesses erfordern. Bei Bedarf steht Unterst\u00fctzung durch FRAMOS zur Verf\u00fcgung.\n            <\/p>\r\n\r\n            <div class=\"mb-10 flex justify-center bg-slate-50 dark:bg-black\/20 p-6 rounded-xl border border-framosDarkBlue\/5 dark:border-white\/5\">\r\n                <img decoding=\"async\" src=\"https:\/\/framos.com\/wp-content\/themes\/framos\/images\/fsm-popup.png\" alt=\"FRAMOS Ecosystem Concept\" class=\"w-full max-w-lg object-contain rounded drop-shadow-sm\" \/>\r\n            <\/div>\r\n\r\n            <div class=\"flex gap-4 items-start bg-primary\/10 dark:bg-primary\/20 border-l-4 border-primary p-5 rounded-r-xl\">\r\n                <svg class=\"w-6 h-6 shrink-0 text-primary mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                <p class=\"text-[15px] text-framosDarkBlue dark:text-white font-medium leading-relaxed\">\r\n                    <strong class=\"text-primary font-bold\">FSM:GO<\/strong>  bleibt der empfohlene Ausgangspunkt f\u00fcr Teams, die validierte Treiber, abgestimmte ISP Pipelines, werkseitig integrierte Optiken und einen klar strukturierten Weg zur Integration und Skalierung suchen.                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<div id=\"framos-filtered-grids\" class=\"w-full max-w-[1500px] mx-auto px-4 py-8 font-sans\">\r\n  <div id=\"framos-filtered-grids-6a3450050a83d\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n  \/\/ \u2500\u2500 Dynamic Data Injected from PHP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n  var DATA = [{\"sku\":\"29012\",\"code\":\"FSM-IMX811\",\"format\":\"1.2\\\"\",\"resolution\":\"19200\\u00d712800\",\"megapixels\":247,\"fps\":\"5.3 FPS\",\"proto\":\"slvs-ec\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx811-color-29012\\\/\"},{\"sku\":\"26324\",\"code\":\"FSM-IMX530\",\"format\":\"1.2\\\"\",\"resolution\":\"5320\\u00d74600\",\"megapixels\":24.5,\"fps\":\"25 FPS\",\"proto\":\"slvs\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx530-sensor-module-26324\\\/\"},{\"sku\":\"26363\",\"code\":\"FSM-IMX421\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"1944\\u00d71472\",\"megapixels\":2.8,\"fps\":\"409 FPS\",\"proto\":\"slvs\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx421-sensor-module-26363\\\/\"},{\"sku\":\"26341\",\"code\":\"FSM-IMX264\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"2464\\u00d72056\",\"megapixels\":5.07,\"fps\":\"35 FPS\",\"proto\":\"sub\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx264-sensor-module-26341\\\/\"},{\"sku\":\"26566\",\"code\":\"FSM-IMX568\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"2448\\u00d72048\",\"megapixels\":5.1,\"fps\":\"96 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx568-sensor-module-26566\\\/\"},{\"sku\":\"26357\",\"code\":\"FSM-IMX335\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"2592\\u00d71944\",\"megapixels\":5,\"fps\":\"80 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx335-sensor-module-26357\\\/\"},{\"sku\":\"27195\",\"code\":\"FSM-IMX675\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"2592\\u00d71944\",\"megapixels\":5,\"fps\":\"80 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx675-sensor-module-27195\\\/\"},{\"sku\":\"26371\",\"code\":\"FSM-IMX485\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"3840\\u00d72160\",\"megapixels\":8.3,\"fps\":\"90 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx485-sensor-module-26371\\\/\"},{\"sku\":\"26378\",\"code\":\"FSM-IMX585\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"3840\\u00d72160\",\"megapixels\":8.3,\"fps\":\"90 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx585-sensor-module-26378\\\/\"},{\"sku\":\"26380\",\"code\":\"FSM-IMX678\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"3840\\u00d72160\",\"megapixels\":8.3,\"fps\":\"60 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx678-sensor-module-26380\\\/\"},{\"sku\":\"27364\",\"code\":\"FSM-IMX678\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"3840\\u00d72160\",\"megapixels\":8.3,\"fps\":\"60 FPS\",\"proto\":\"mipi\",\"fsmgo\":true,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/fsmgo-de-2\\\/fsmgo-with-imx678-sensor-27364\\\/\"},{\"sku\":\"29902\",\"code\":\"FSM-IMX838\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"3840\\u00d72160\",\"megapixels\":8,\"fps\":\"60 FPS\",\"proto\":\"mipi\",\"fsmgo\":true,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/fsmgo-de-2\\\/fsmgo-imx838-camera-module-with-54-hfov-lens-29902\\\/\"},{\"sku\":\"26355\",\"code\":\"FSM-IMX334\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"3840\\u00d72160\",\"megapixels\":8.3,\"fps\":\"60 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx334-sensor-module-26355\\\/\"},{\"sku\":\"26361\",\"code\":\"FSM-IMX415\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"3864\\u00d72176\",\"megapixels\":8.4,\"fps\":\"60 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx415-sensor-module-26361\\\/\"},{\"sku\":\"26382\",\"code\":\"FSM-IMX715\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"3864\\u00d72176\",\"megapixels\":8.4,\"fps\":\"90 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx715-sensor-module-26382\\\/\"},{\"sku\":\"26351\",\"code\":\"FSM-IMX304\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"4112\\u00d73008\",\"megapixels\":12.4,\"fps\":\"23 FPS\",\"proto\":\"sub\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx304-sensor-module-26351\\\/\"},{\"sku\":\"26374\",\"code\":\"FSM-IMX565\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"4128\\u00d73008\",\"megapixels\":12.4,\"fps\":\"42 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx565-sensor-module-26374\\\/\"},{\"sku\":\"26359\",\"code\":\"FSM-IMX412\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"4056\\u00d73040\",\"megapixels\":12.3,\"fps\":\"60 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx412-sensor-module-26359\\\/\"},{\"sku\":\"26376\",\"code\":\"FSM-IMX577\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"4056\\u00d73040\",\"megapixels\":12.3,\"fps\":\"60 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx577-sensor-module-26376\\\/\"},{\"sku\":\"26343\",\"code\":\"FSM-IMX283\",\"format\":\"2\\\/3\\\"\",\"resolution\":\"5496\\u00d73672\",\"megapixels\":20.2,\"fps\":\"25 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx283-sensor-module-26343\\\/\"},{\"sku\":\"26347\",\"code\":\"FSM-IMX296\",\"format\":\"1\\\/3\\\"\",\"resolution\":\"1440\\u00d71080\",\"megapixels\":1.6,\"fps\":\"60 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx296-sensor-module-26347\\\/\"},{\"sku\":\"26349\",\"code\":\"FSM-IMX297\",\"format\":\"1\\\/3\\\"\",\"resolution\":\"720\\u00d7540\",\"megapixels\":0.4,\"fps\":\"120 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx297-sensor-module-26349\\\/\"},{\"sku\":\"26365\",\"code\":\"FSM-IMX462\",\"format\":\"1\\\/3\\\"\",\"resolution\":\"1920\\u00d71080\",\"megapixels\":2.1,\"fps\":\"120 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx462-sensor-module-26365\\\/\"},{\"sku\":\"26577\",\"code\":\"FSM-IMX662\",\"format\":\"1\\\/3\\\"\",\"resolution\":\"1920\\u00d71080\",\"megapixels\":2.4,\"fps\":\"120 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx662-sensor-module-26577\\\/\"},{\"sku\":\"27362\",\"code\":\"FSM-IMX662\",\"format\":\"1\\\/3\\\"\",\"resolution\":\"1920\\u00d71080\",\"megapixels\":2.4,\"fps\":\"120 FPS\",\"proto\":\"mipi\",\"fsmgo\":true,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/fsmgo-de-2\\\/fsmgo-with-imx662-sensor-27362\\\/\"},{\"sku\":\"27355\",\"code\":\"FSM-IMX676\",\"format\":\"1\\\/3\\\"\",\"resolution\":\"3552\\u00d73552\",\"megapixels\":12.62,\"fps\":\"60 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/fsmgo-de-2\\\/fsmgo-with-imx676-sensor-and-16-hfov-lens-27355\\\/\"},{\"sku\":\"27363\",\"code\":\"FSM-IMX676\",\"format\":\"1\\\/3\\\"\",\"resolution\":\"3552\\u00d73552\",\"megapixels\":12.62,\"fps\":\"60 FPS\",\"proto\":\"mipi\",\"fsmgo\":true,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/fsmgo-de-2\\\/fsmgo-with-imx676-sensor-27363\\\/\"},{\"sku\":\"26353\",\"code\":\"FSM-IMX327\",\"format\":\"1\\\/3\\\"\",\"resolution\":\"1920\\u00d71080\",\"megapixels\":2.1,\"fps\":\"60 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx327-sensor-module-26353\\\/\"},{\"sku\":\"26369\",\"code\":\"FSM-IMX477\",\"format\":\"1\\\/3\\\"\",\"resolution\":\"4056\\u00d73040\",\"megapixels\":12.3,\"fps\":\"60 FPS\",\"proto\":\"mipi\",\"fsmgo\":false,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/framos-sensor-module\\\/fsm-imx477-sensor-module-26369\\\/\"},{\"sku\":\"28640\",\"code\":\"FSM-IMX900\",\"format\":\"1\\\/3\\\"\",\"resolution\":\"2064\\u00d71552\",\"megapixels\":3.2,\"fps\":\"60 FPS\",\"proto\":\"mipi\",\"fsmgo\":true,\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkt\\\/module\\\/fsmgo-de-2\\\/fsmgo-with-imx900-sensor-28640\\\/\"}];\r\n  var MP_RANGES = [{\"label\":\"0.4\\u20132 MP\",\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkte-dienstleistungen\\\/kameramodule\\\/0-4-2-mp-camera-modules\\\/\",\"minMP\":0,\"maxMP\":2.49},{\"label\":\"3\\u20135 MP\",\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkte-dienstleistungen\\\/kameramodule\\\/3-5-mp-camera-modules\\\/\",\"minMP\":2.5,\"maxMP\":6.49},{\"label\":\"8 MP\",\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkte-dienstleistungen\\\/kameramodule\\\/8-mp-camera-modules\\\/\",\"minMP\":6.5,\"maxMP\":10.49},{\"label\":\"12\\u201340 MP\",\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkte-dienstleistungen\\\/kameramodule\\\/12-40-mp-camera-modules\\\/\",\"minMP\":10.5,\"maxMP\":44.99},{\"label\":\"50+ MP\",\"url\":\"https:\\\/\\\/framos.com\\\/de\\\/produkte-dienstleistungen\\\/kameramodule\\\/50mp-camera-modules\\\/\",\"minMP\":45,\"maxMP\":9999}];\r\n  var I18N = {\"fsmgo\":\"FSM:GO\",\"dev\":\"DEV PRODUKTE\",\"dev_ecosystem\":\"DEV PRODUKTE\",\"format\":\"Format\",\"sku\":\"SKU\",\"code\":\"Code\",\"mp\":\"MP\",\"fps\":\"FPS\",\"proto\":\"Proto\",\"format_mp\":\"Format \\\/ MP\",\"mp_range\":\"MP Range\",\"empty\":\"No products in this range yet\"};\r\n  var FORMATS = [\"1.2\\\"\",\"2\\\/3\\\"\",\"1\\\/3\\\"\"];\r\n  var CURRENT_RANGE_INDEX = 0;\r\n\r\n  \/\/ \u2500\u2500 External Image Assets \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n  var IMG_GO = 'https:\/\/framos.com\/wp-content\/themes\/framos\/images\/grid-fsmgo.png';\r\n  var IMG_DEV = 'https:\/\/framos.com\/wp-content\/themes\/framos\/images\/grid-fsm.png';\r\n\r\n  \/\/ \u2500\u2500 Tooltips (We keep Tippy CSS inline as it's injected externally) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n  var tippyStyle = document.createElement('style');\r\n  tippyStyle.textContent =\r\n    '.tippy-box[data-theme~=\"framos\"] { @apply bg-framosDarkBlue text-white font-mono text-xs p-1 rounded-md shadow-lg dark:bg-secondary100 dark:border dark:border-white\/10; }' +\r\n    '.tippy-box[data-theme~=\"framos\"] .tippy-arrow { @apply text-framosDarkBlue dark:text-secondary100; }' +\r\n    '.tippy-box[data-theme~=\"framos\"] .tippy-content { @apply py-2 px-2.5; }';\r\n  \/\/ Fallback if Tailwind @apply fails in inline styles:\r\n  tippyStyle.textContent =\r\n    '.tippy-box[data-theme~=\"framos\"] { background-color: #1B2E41; color: white; font-family: ui-monospace, monospace; font-size: 12px; padding: 4px; border-radius: 6px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }' +\r\n    '.dark .tippy-box[data-theme~=\"framos\"] { background-color: #171b1e; border: 1px solid rgba(255,255,255,0.1); }' +\r\n    '.tippy-box[data-theme~=\"framos\"] .tippy-arrow { color: #1B2E41; }' +\r\n    '.dark .tippy-box[data-theme~=\"framos\"] .tippy-arrow { color: #171b1e; }' +\r\n    '.tippy-box[data-theme~=\"framos\"] .tippy-content { padding: 8px 10px; }';\r\n  document.head.appendChild(tippyStyle);\r\n\r\n  function tooltipContent(mod) {\r\n    return '<div class=\"font-bold text-[13px] mb-[2px]\">' + mod.code + '<\/div>' +\r\n      '<div class=\"text-primary100 font-bold\">' + mod.resolution + ' \u00b7 ' + mod.megapixels.toFixed(2) + ' ' + I18N.mp + '<\/div>' +\r\n      '<div class=\"opacity-90\">' + mod.fps + ' \u00b7 ' + mod.proto.toUpperCase() + '<\/div>' +\r\n      '<div class=\"opacity-60 mt-1 text-[10px]\">' + I18N.format + ': ' + mod.format + ' \u00b7 ' + I18N.sku + ': ' + mod.sku + '<\/div>' +\r\n      (mod.fsmgo ? '<div class=\"text-primary100 font-bold mt-1\">\u2605 ' + I18N.fsmgo + '<\/div>' : '');\r\n  }\r\n\r\n  \/\/ \u2500\u2500 Card builder \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n  function makeCard(mod, mp, setHovered) {\r\n    var isGo = mod.fsmgo;\r\n    \r\n    var card = document.createElement('a');\r\n    card.href = mod.url || '#';\r\n    \r\n    \/\/ Core Card Tailwind Utilities\r\n    card.className = 'relative w-full rounded px-2 pb-[5px] pt-[8px] cursor-pointer transition-all duration-150 font-mono box-border block hover:-translate-y-[1px] hover:shadow-[0_4px_12px_-4px_rgba(0,0,0,0.2)] hover:no-underline hover:z-20 ' +\r\n                     (isGo ? 'bg-primary text-white shadow-sm' \r\n                           : 'bg-framosSkyBlue\/40 border border-primary100 text-framosDarkBlue hover:bg-primary100 hover:text-framosDarkBlue dark:bg-framosDarkBlue\/60 dark:border-white\/10 dark:text-white dark:hover:bg-framosDarkBlue\/90 dark:hover:text-white');\r\n\r\n    var badge = document.createElement('span');\r\n    badge.className = 'absolute -top-2 right-1 text-[9px] font-bold px-1 py-[1px] rounded leading-[1.4] z-10 uppercase tracking-wide ' +\r\n                      (isGo ? 'bg-framosDarkBlue text-white' \r\n                            : 'bg-white\/85 text-framosDarkBlue border border-black\/5 dark:bg-secondary\/90 dark:text-white dark:border-white\/10');\r\n    badge.textContent = isGo ? I18N.fsmgo : I18N.dev;\r\n    card.appendChild(badge);\r\n\r\n    var inner = document.createElement('div');\r\n    inner.className = 'flex items-end justify-between gap-1 h-full';\r\n\r\n    var textBlock = document.createElement('div');\r\n    textBlock.className =\r\n      'flex-1 min-w-0 flex flex-col justify-end h-full pb-[2px] ' +\r\n      (isGo\r\n        ? 'text-white visited:text-white'\r\n        : 'text-framosDarkBlue visited:text-framosDarkBlue dark:text-white dark:visited:text-white');\r\n    \r\n    var code = document.createElement('div');\r\n    code.className = 'text-[11px] font-bold whitespace-nowrap overflow-hidden text-ellipsis leading-[1.2]';\r\n    code.textContent = mod.code;\r\n    \r\n    var res = document.createElement('div');\r\n    res.className = 'text-[9px] mt-[1px] opacity-80 leading-none';\r\n    res.textContent = mod.resolution;\r\n    \r\n    textBlock.appendChild(code);\r\n    textBlock.appendChild(res);\r\n\r\n    var img = document.createElement('img');\r\n    img.src = isGo ? IMG_GO : IMG_DEV;\r\n    img.alt = ''; \r\n    img.className = 'w-[18px] h-[18px] shrink-0 opacity-80 block mb-[2px]';\r\n\r\n    inner.appendChild(textBlock);\r\n    inner.appendChild(img);\r\n    card.appendChild(inner);\r\n\r\n    tippy(card, {\r\n      content: tooltipContent(mod), allowHTML: true,\r\n      placement: 'top', animation: 'shift-away',\r\n      theme: 'framos', appendTo: function() { return document.body; },\r\n    });\r\n\r\n    card.addEventListener('mouseenter', function() { setHovered(mp); });\r\n    card.addEventListener('mouseleave', function() { setHovered(null); });\r\n    return card;\r\n  }\r\n\r\n  \/\/ \u2500\u2500 Legend \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n  function makeLegend() {\r\n    var legend = document.createElement('div');\r\n    legend.className = 'flex items-center gap-5 text-[10px] font-mono text-framosDarkBlue\/70 dark:text-white\/70 mt-4 justify-end';\r\n    legend.innerHTML =\r\n      '<span class=\"flex items-center gap-1.5\"><span class=\"inline-block w-3 h-3 rounded-sm bg-primary\"><\/span>' + I18N.fsmgo + '<\/span>' +\r\n      '<span class=\"flex items-center gap-1.5\"><span class=\"inline-block w-3 h-3 rounded-sm bg-framosSkyBlue\/40 border border-primary100 dark:bg-framosDarkBlue\/60 dark:border-white\/20\"><\/span>' + I18N.dev_ecosystem + '<\/span>';\r\n    return legend;\r\n  }\r\n\r\n  \/\/ \u2500\u2500 Build inner grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n  function buildFilteredGrid(filteredMPs, filteredData, rangeLabel) {\r\n    var cellMap = {};\r\n    filteredData.forEach(function(m) {\r\n      var key = m.format + '|' + m.megapixels + '|' + m.fsmgo;\r\n      if (!cellMap[key]) cellMap[key] = [];\r\n      cellMap[key].push(m);\r\n    });\r\n\r\n    var colCount = filteredMPs.length;\r\n    var minWidth = Math.max(300, colCount * 140 + 120);\r\n\r\n    var gridEl = document.createElement('div');\r\n    gridEl.className = 'grid border-l border-t border-framosDarkBlue\/10 dark:border-white\/10';\r\n    gridEl.style.gridTemplateColumns = '120px repeat(' + colCount + ', minmax(0, 1fr))';\r\n    gridEl.style.minWidth = minWidth + 'px';\r\n\r\n    var colCells = {};\r\n    filteredMPs.forEach(function(mp) { colCells[mp] = []; });\r\n    var hoveredMP = null;\r\n    function setHovered(mp) {\r\n      if (hoveredMP === mp) return;\r\n      if (hoveredMP !== null) colCells[hoveredMP].forEach(function(c) { \r\n        c.classList.remove('bg-primary\/5', 'dark:bg-primary\/10'); \r\n      });\r\n      hoveredMP = mp;\r\n      if (mp !== null) colCells[mp].forEach(function(c) { \r\n        c.classList.add('bg-primary\/5', 'dark:bg-primary\/10'); \r\n      });\r\n    }\r\n\r\n    \/\/ Common Cell Classes\r\n    var cellBaseCls = 'border-r border-b border-framosDarkBlue\/10 dark:border-white\/10 p-1 flex flex-col gap-1.5 items-start min-h-[60px] transition-colors duration-150';\r\n\r\n    \/\/ \u2500\u2500 Range banner \u2500\u2500\r\n    var cornerDiv = document.createElement('div');\r\n    cornerDiv.className = 'border-r border-b border-framosDarkBlue\/10 dark:border-white\/10 bg-slate-100 dark:bg-secondary100 px-3 py-1.5 flex items-center';\r\n    var cLbl = document.createElement('span');\r\n    cLbl.className = 'text-[10px] text-framosDarkBlue\/50 dark:text-white\/50 uppercase tracking-[0.1em] font-bold font-mono';\r\n    cLbl.textContent = I18N.mp_range;\r\n    cornerDiv.appendChild(cLbl);\r\n    gridEl.appendChild(cornerDiv);\r\n\r\n    var rangeTitle = document.createElement('div');\r\n    rangeTitle.className = 'border-r border-b border-framosDarkBlue\/10 dark:border-white\/10 bg-primary\/5 dark:bg-primary\/10 flex items-center justify-center gap-1.5 px-2 py-1.5';\r\n    rangeTitle.style.gridColumn = 'span ' + colCount;\r\n    var rLbl = document.createElement('span');\r\n    rLbl.className = 'text-[10px] font-bold text-primary whitespace-nowrap font-mono';\r\n    rLbl.textContent = rangeLabel;\r\n    rangeTitle.appendChild(rLbl);\r\n    gridEl.appendChild(rangeTitle);\r\n\r\n    \/\/ \u2500\u2500 Header row \u2500\u2500\r\n    var corner = document.createElement('div');\r\n    corner.className = 'border-r border-b border-framosDarkBlue\/10 dark:border-white\/10 bg-slate-50 dark:bg-secondary100 flex flex-col items-start justify-center px-3 py-2 min-h-0 transition-colors duration-150';\r\n    var hLbl = document.createElement('span');\r\n    hLbl.className = 'font-mono text-[10px] font-bold uppercase tracking-[0.1em] text-framosDarkBlue\/50 dark:text-white\/50';\r\n    hLbl.textContent = I18N.format_mp;\r\n    corner.appendChild(hLbl);\r\n    gridEl.appendChild(corner);\r\n\r\n    filteredMPs.forEach(function(mp) {\r\n      var hcell = document.createElement('div');\r\n      hcell.className = 'border-r border-b border-framosDarkBlue\/10 dark:border-white\/10 bg-slate-50 dark:bg-secondary100 flex flex-col items-center justify-center px-1 py-2 min-h-0 transition-colors duration-150';\r\n      hcell.innerHTML = '<span class=\"font-mono text-[11px] text-framosDarkBlue\/70 dark:text-white\/70 text-center leading-[1.3] font-bold\">' + (mp%1===0?mp.toFixed(0):mp.toFixed(2)) + '<br><span class=\"opacity-50\">' + I18N.mp + '<\/span><\/span>';\r\n      colCells[mp].push(hcell);\r\n      gridEl.appendChild(hcell);\r\n    });\r\n\r\n    \/\/ \u2500\u2500 Format bands \u2500\u2500\r\n    FORMATS.forEach(function(format, fi) {\r\n      var isLast = fi === FORMATS.length - 1;\r\n      \r\n      \/\/ GO sub-row\r\n      var goLabel = document.createElement('div');\r\n      goLabel.className = cellBaseCls + ' justify-end [border-bottom-style:dashed] px-3 py-2';\r\n      goLabel.innerHTML = '<div class=\"font-mono text-[11px] font-bold text-framosDarkBlue\/80 dark:text-white\/80\">' + format + '<\/div><div class=\"font-mono text-[8px] font-bold uppercase tracking-[0.06em] text-primary\/80\">FSM:GO<\/div>';\r\n      gridEl.appendChild(goLabel);\r\n\r\n      filteredMPs.forEach(function(mp) {\r\n        var mods = cellMap[format + '|' + mp + '|true'] || [];\r\n        var cell = document.createElement('div');\r\n        cell.className = cellBaseCls + ' justify-end [border-bottom-style:dashed]';\r\n        mods.forEach(function(mod) { cell.appendChild(makeCard(mod, mp, setHovered)); });\r\n        colCells[mp].push(cell);\r\n        gridEl.appendChild(cell);\r\n      });\r\n\r\n      \/\/ DEV sub-row\r\n      var devLabel = document.createElement('div');\r\n      devLabel.className = cellBaseCls + ' justify-start px-3 py-2';\r\n      if (!isLast) devLabel.classList.add('border-b-2', 'border-framosDarkBlue\/20', 'dark:border-white\/20');\r\n      devLabel.innerHTML = '<div class=\"font-mono text-[8px] font-bold uppercase tracking-[0.06em] text-framosSkyBlue dark:text-framosSkyBlue\/80\">DEV PRODUCTS<\/div>';\r\n      gridEl.appendChild(devLabel);\r\n\r\n      filteredMPs.forEach(function(mp) {\r\n        var mods = cellMap[format + '|' + mp + '|false'] || [];\r\n        var cell = document.createElement('div');\r\n        cell.className = cellBaseCls + ' justify-start';\r\n        if (!isLast) cell.classList.add('border-b-2', 'border-framosDarkBlue\/20', 'dark:border-white\/20');\r\n        mods.forEach(function(mod) { cell.appendChild(makeCard(mod, mp, setHovered)); });\r\n        colCells[mp].push(cell);\r\n        gridEl.appendChild(cell);\r\n      });\r\n    });\r\n\r\n    return gridEl;\r\n  }\r\n\r\n  \/\/ \u2500\u2500 Render a single filtered range section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n  function renderRangeSection(rangeIndex, parentEl) {\r\n    var range     = MP_RANGES[rangeIndex];\r\n    var prevRange = rangeIndex > 0                     ? MP_RANGES[rangeIndex - 1] : null;\r\n    var nextRange = rangeIndex < MP_RANGES.length - 1 ? MP_RANGES[rangeIndex + 1] : null;\r\n\r\n    var filteredMPs  = [];\r\n    var mpSeen       = {};\r\n    DATA.forEach(function(m) {\r\n      if (m.megapixels > range.minMP && m.megapixels <= range.maxMP && !mpSeen[m.megapixels]) {\r\n        mpSeen[m.megapixels] = true;\r\n        filteredMPs.push(m.megapixels);\r\n      }\r\n    });\r\n    filteredMPs.sort(function(a, b) { return a - b; });\r\n    var filteredData = DATA.filter(function(m) {\r\n      return m.megapixels > range.minMP && m.megapixels <= range.maxMP;\r\n    });\r\n\r\n    var section = document.createElement('div');\r\n    section.className = 'mb-14';\r\n\r\n    var navWrap = document.createElement('div');\r\n    navWrap.className = 'flex gap-2 items-stretch';\r\n    section.appendChild(navWrap);\r\n\r\n    var navBtnCls = 'group flex items-center justify-center w-9 shrink-0 self-stretch rounded-md border border-framosDarkBlue\/10 dark:border-white\/10 bg-slate-100 dark:bg-secondary100 no-underline transition-all duration-150 cursor-pointer hover:bg-primary\/10 hover:border-primary\/30';\r\n    var navSpanCls = 'text-[11px] font-mono font-bold text-primary\/70 whitespace-nowrap [writing-mode:vertical-rl] uppercase tracking-[0.05em] group-hover:text-primary rotate-180 backface-hidden antialiased';\r\n\r\n    \/\/ \u2190 Prev button\r\n    if (prevRange) {\r\n      var prevBtn = document.createElement('a');\r\n      prevBtn.className = navBtnCls;\r\n      prevBtn.href = prevRange.url;\r\n      prevBtn.title = '\u2190 ' + prevRange.label;\r\n      var pSpan = document.createElement('span');\r\n      pSpan.className = navSpanCls + ' rotate-180';\r\n      pSpan.textContent = '\u2190 ' + prevRange.label;\r\n      prevBtn.appendChild(pSpan);\r\n      navWrap.appendChild(prevBtn);\r\n    } else {\r\n      var pSpacer = document.createElement('div');\r\n      pSpacer.className = 'w-9 shrink-0';\r\n      navWrap.appendChild(pSpacer);\r\n    }\r\n\r\n    var gridWrap = document.createElement('div');\r\n    gridWrap.className = 'flex-1 overflow-x-auto pb-4';\r\n    navWrap.appendChild(gridWrap);\r\n\r\n    if (filteredMPs.length === 0) {\r\n      var empty = document.createElement('div');\r\n      empty.className = 'flex items-center justify-center min-h-[200px] border border-dashed border-framosDarkBlue\/20 dark:border-white\/20 rounded-md text-[13px] text-framosDarkBlue\/40 dark:text-white\/40 font-mono';\r\n      empty.textContent = I18N.empty;\r\n      gridWrap.appendChild(empty);\r\n    } else {\r\n      var gridEl = buildFilteredGrid(filteredMPs, filteredData, range.label);\r\n      gridWrap.appendChild(gridEl);\r\n      gridWrap.appendChild(makeLegend());\r\n    }\r\n\r\n    \/\/ \u2192 Next button\r\n    if (nextRange) {\r\n      var nextBtn = document.createElement('a');\r\n      nextBtn.className = navBtnCls;\r\n      nextBtn.href = nextRange.url;\r\n      nextBtn.title = nextRange.label + ' \u2192';\r\n      var nSpan = document.createElement('span');\r\n      nSpan.className = navSpanCls;\r\n      nSpan.textContent = nextRange.label + ' \u2192';\r\n      nextBtn.appendChild(nSpan);\r\n      navWrap.appendChild(nextBtn);\r\n    } else {\r\n      var nSpacer = document.createElement('div');\r\n      nSpacer.className = 'w-9 shrink-0';\r\n      navWrap.appendChild(nSpacer);\r\n    }\r\n\r\n    parentEl.appendChild(section);\r\n  }\r\n\r\n  \/\/ \u2500\u2500 Mobile table for a range \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n  function renderMobileRange(rangeIndex, parentEl) {\r\n    var range = MP_RANGES[rangeIndex];\r\n    var filteredData = DATA.filter(function(m) {\r\n      return m.megapixels > range.minMP && m.megapixels <= range.maxMP;\r\n    }).sort(function(a, b) { return a.megapixels - b.megapixels; });\r\n\r\n    var section = document.createElement('div');\r\n    section.className = 'mb-14';\r\n    \r\n    var heading = document.createElement('div');\r\n    heading.className = 'block font-mono text-[13px] font-bold text-framosDarkBlue\/70 dark:text-white\/70 text-center tracking-tight mb-4';\r\n    heading.textContent = range.label;\r\n    section.appendChild(heading);\r\n\r\n    if (filteredData.length === 0) {\r\n      var empty = document.createElement('div');\r\n      empty.className = 'flex items-center justify-center min-h-[200px] border border-dashed border-framosDarkBlue\/20 dark:border-white\/20 rounded-md text-[13px] text-framosDarkBlue\/40 dark:text-white\/40 font-mono';\r\n      empty.textContent = I18N.empty;\r\n      section.appendChild(empty);\r\n    } else {\r\n      var tbl = document.createElement('table');\r\n      tbl.className = 'w-full border-collapse font-mono text-xs text-framosDarkBlue dark:text-white';\r\n      tbl.innerHTML = '<thead><tr><th class=\"px-2.5 py-2 border-b border-framosDarkBlue\/10 dark:border-white\/10 text-left font-bold bg-slate-50 dark:bg-secondary100\">' + I18N.code + '<\/th><th class=\"px-2.5 py-2 border-b border-framosDarkBlue\/10 dark:border-white\/10 text-left font-bold bg-slate-50 dark:bg-secondary100\">' + I18N.format + '<\/th><th class=\"px-2.5 py-2 border-b border-framosDarkBlue\/10 dark:border-white\/10 text-left font-bold bg-slate-50 dark:bg-secondary100\">' + I18N.mp + '<\/th><th class=\"px-2.5 py-2 border-b border-framosDarkBlue\/10 dark:border-white\/10 text-left font-bold bg-slate-50 dark:bg-secondary100\">' + I18N.fps + '<\/th><th class=\"px-2.5 py-2 border-b border-framosDarkBlue\/10 dark:border-white\/10 text-left font-bold bg-slate-50 dark:bg-secondary100\">' + I18N.proto + '<\/th><\/tr><\/thead><tbody>' +\r\n        filteredData.map(function(m) {\r\n          var rowClass = 'transition-colors duration-200 cursor-pointer hover:bg-primary\/5 dark:hover:bg-primary\/10 ' + (m.fsmgo ? 'bg-primary\/5 hover:bg-primary\/10 dark:bg-primary\/10 dark:hover:bg-primary\/20' : '');\r\n          var goIcon = m.fsmgo ? ' <span class=\"text-primary text-[10px]\">\u2605<\/span>' : '';\r\n          \r\n          return '<tr class=\"' + rowClass + '\" onclick=\"window.location.href=\\'' + m.url + '\\'\">' +\r\n            '<td class=\"px-2.5 py-2 border-b border-framosDarkBlue\/10 dark:border-white\/10 text-left font-bold\">' + m.code + goIcon + '<\/td>' +\r\n            '<td class=\"px-2.5 py-2 border-b border-framosDarkBlue\/10 dark:border-white\/10 text-left\">' + m.format + '<\/td><td class=\"px-2.5 py-2 border-b border-framosDarkBlue\/10 dark:border-white\/10 text-left\">' + m.megapixels + '<\/td><td class=\"px-2.5 py-2 border-b border-framosDarkBlue\/10 dark:border-white\/10 text-left\">' + m.fps + '<\/td>' +\r\n            '<td class=\"px-2.5 py-2 border-b border-framosDarkBlue\/10 dark:border-white\/10 text-left uppercase\">' + m.proto + '<\/td><\/tr>';\r\n        }).join('') + '<\/tbody>';\r\n      section.appendChild(tbl);\r\n    }\r\n    parentEl.appendChild(section);\r\n  }\r\n\r\n  \/\/ \u2500\u2500 INIT: Contextual Execution \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n  var mql = window.matchMedia('(max-width: 768px)');\r\n  var parentEl = document.getElementById('framos-filtered-grids-6a3450050a83d');\r\n\r\n  function init() {\r\n    parentEl.innerHTML = '';\r\n    var mobile = mql.matches;\r\n    \r\n    \/\/ Safety check - bounds\r\n    if (CURRENT_RANGE_INDEX < 0 || CURRENT_RANGE_INDEX >= MP_RANGES.length) {\r\n       CURRENT_RANGE_INDEX = 0; \r\n    }\r\n    \r\n    if (mobile) {\r\n      renderMobileRange(CURRENT_RANGE_INDEX, parentEl);\r\n    } else {\r\n      renderRangeSection(CURRENT_RANGE_INDEX, parentEl);\r\n    }\r\n  }\r\n\r\n  mql.addEventListener('change', function() { init(); });\r\n  init();\r\n\r\n})();\r\n<\/script>\r\n\r\n\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>GESAMTES PORTFOLIO AN 50+ MP KAMERAMODULEN ENTDECKEN W\u00e4hlen Sie aus dem vollst\u00e4ndigen Portfolio an 12\u201340 MP Kameramodulen, einschlie\u00dflich FSM:GO und Entwicklungsprodukte. Evaluieren Sie Sensorformate, Optikkompatibilit\u00e4t und Integrationsstrategien, um hochpr\u00e4zise Bildverarbeitungsl\u00f6sungen [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":11998,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"camera-module-resolution-template.php","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-18811","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/18811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/comments?post=18811"}],"version-history":[{"count":3,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/18811\/revisions"}],"predecessor-version":[{"id":20145,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/18811\/revisions\/20145"}],"up":[{"embeddable":true,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/11998"}],"wp:attachment":[{"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/media?parent=18811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}