{"id":11966,"date":"2025-05-09T19:09:21","date_gmt":"2025-05-09T19:09:21","guid":{"rendered":"https:\/\/framos.com\/product-catalog\/3d-depth-sensing\/industrial-cameras\/"},"modified":"2026-07-08T13:48:19","modified_gmt":"2026-07-08T13:48:19","slug":"industrial-cameras","status":"publish","type":"page","link":"https:\/\/framos.com\/de\/produkte-dienstleistungen\/3d-tiefensensorik\/industrial-cameras\/","title":{"rendered":"INDUSTRIALISIERTE 3D-TIEFENKAMERAS F\u00dcR ANSPRUCHSVOLLE UMGEBUNGEN"},"content":{"rendered":"\n\n<div class=\"wp-block-framos-content-image relative py-6\">\n <svg class=\"absolute inset-0 -z-10 w-full h-full stroke-gray-200 dark:stroke-gray-700 [mask-image:radial-gradient(50%_50%_at_bottom_right,white,transparent)]\" aria-hidden=\"true\">\n <defs>\n <pattern id=\"pattern-grid-6a52bce9c19b2\" width=\"50\" height=\"50\" y=\"-1\" patternUnits=\"userSpaceOnUse\">\n <path d=\"M.5 200V.5H200\" fill=\"none\" \/>\n <\/pattern>\n <\/defs>\n <rect width=\"100%\" height=\"100%\" stroke-width=\"0\" fill=\"url(#pattern-grid-6a52bce9c19b2)\" \/>\n <\/svg>\n\n <div class=\"mx-auto max-w-7xl px-6 lg:px-8\">\n <div class=\"relative isolate overflow-visible py-20 sm:rounded-3xl sm:py-12 lg:py-24\">\n \n <div class=\"relative z-10\">\n <div class=\"mx-auto flex max-w-2xl flex-col lg:flex-row lg:max-w-none lg:items-start gap-16\">\n <div class=\"w-full lg:w-1\/2\">\n <h2 class=\"font-framos-light text-3xl lg:text-4xl leading-tight mb-6 text-framosDarkBlue dark:text-white\">\n FRAMOS D400E SERIES \u2013 ROBUSTE 3D-TIEFENKAMERAS F\u00dcR DEN INDUSTRIELLEN EINSATZ <\/h2>\n\n  <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 my-8\">\n Die FRAMOS D400e Serie bringt RealSense\u2122 Tiefenerfassung in industrielle Anwendungen. Mit robusten Geh\u00e4usen, sicheren Schnittstellen und erweiterten I\/O-Funktionen sind diese 3D Kameras f\u00fcr <strong>Logistik, Fabrikautomation, Robotik<\/strong> und weitere anspruchsvolle Einsatzbereiche ausgelegt. <br><br>Als <strong>Gigabit Ethernet (GigE) <\/strong>Variante verf\u00fcgbar, kombiniert die D400e leistungsf\u00e4hige Stereo-Vision mit hoher Integrationsflexibilit\u00e4t \u2013 f\u00fcr industrielle 3D-Vision direkt einsatzbereit. <\/p>\n \n <div class=\"max-w-xl lg:mt-2 lg:max-w-lg lg:border-t lg:border-gray-900\/10 lg:pt-6\">\n <dl class=\"framos-accordions divide-y divide-gray-900\/10\">\n \n<div class=\"wp-block-framos-content-image\"><div class=\"sr-only rankmath-seo-content\"><strong>FRAMOS D400e Series &#8211; Rugged 3D Depth Cameras for Industrial Use<\/strong><span>The FRAMOS D400e series brings RealSense\u2122 depth sensing technology into industrial environments. With ruggedized enclosures, secure interfaces, and extended I\/O capabilities, these 3D depth cameras are designed for <strong>logistics<\/strong>, <strong>factory automation<\/strong>, <strong>robotics<\/strong>, and other demanding applications.<br><br>Available in <strong>Gigabit Ethernet (GigE)<\/strong> variant, the D400e combines powerful stereo vision with enhanced integration flexibility &#8211; giving you industrial-grade 3D vision straight out of the box.<\/span><\/div><div class=\"wp-block-framos-accordion py-2\">\n <dt>\n <button type=\"button\" class=\"accordion-head flex w-full items-start justify-between text-left focus:outline-none border-0 bg-transparent shadow-none p-0\" aria-expanded=\"true\"  data-cta=\"true\" data-cta-id=\"framos_accordion.1.button\" data-cta-label=\"\" data-cta-location=\"framos_accordion@industrial-cameras\" data-cta-destination=\"\" data-cta-type=\"primary\">\n <h3 class=\"text-framosDarkBlue dark:text-white text-lg font-framos-bold leading-snug py-0 m-0\">\n <strong>Key Features der D400e Series<\/strong> <\/h3>\n <span class=\"ml-6 flex h-7 items-center\">\n <svg class=\"close-icon w-6 h-6 hidden\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n <\/svg>\n <svg class=\"open-icon w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n <\/svg>\n <\/span>\n <\/button>\n <\/dt>\n <dd class=\"text-gray-600 dark:text-gray-200 accordion-body mt-2 pr-12 overflow-hidden ml-0\">\n \n<ul class=\"wp-block-list\">\n<li>Basierend auf <strong>RealSense\u2122<\/strong> Stereo-Vision-Technologie<\/li>\n\n\n\n<li>Verf\u00fcgbar als USB3- und GigE-Vision-Modelle<\/li>\n\n\n\n<li><strong>IP66-Geh\u00e4use<\/strong> f\u00fcr staub- und wasserresistenten Betrieb<\/li>\n\n\n\n<li>Flexible Montagem\u00f6glichkeiten und robustes mechanisches Design<\/li>\n\n\n\n<li>Unterst\u00fctzung f\u00fcr externe Stromversorgung, GPIO und Trigger-Funktionalit\u00e4t<\/li>\n\n\n\n<li>Globale Zeitsynchronisation mit anderen Ger\u00e4ten und Sensoren<\/li>\n\n\n\n<li>Nur mit Gigabit Ethernet verf\u00fcgbar<\/li>\n<\/ul>\n <\/dd>\n<\/div>\n<\/div>\n <\/dl>\n <\/div>\n <\/div>\n\n <div class=\"w-full lg:w-1\/2 lg:sticky lg:top-24 lg:self-start\">\n  <img decoding=\"async\"\n src=\"https:\/\/framos.com\/wp-content\/uploads\/2025\/05\/IP66-housing-on-D400e-depth-sensing-camera.jpg\"\n alt=\"\"\n class=\"relative -z-20 w-full max-w-full rounded-xl shadow-xl ring-1 ring-white\/10\"\n \/>\n  <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n <div class=\"services-block-wrapper relative isolate overflow-visible py-24 sm:py-32 section-start\">\n <div class=\"absolute inset-0 -z-10 overflow-hidden\">\n <svg class=\"w-full h-full stroke-gray-200 dark:stroke-gray-700 [mask-image:radial-gradient(50%_50%_at_bottom_left,white,transparent)]\" aria-hidden=\"true\">\n <defs>\n <pattern id=\"pattern-grid-6a52bce9c272e\" width=\"50\" height=\"50\" y=\"-1\" patternUnits=\"userSpaceOnUse\">\n <path d=\"M.5 200V.5H200\" fill=\"none\" \/>\n <\/pattern>\n <\/defs>\n <rect width=\"100%\" height=\"100%\" stroke-width=\"0\" fill=\"url(#pattern-grid-6a52bce9c272e)\" \/>\n <\/svg>\n <\/div>\n\n <div class=\"relative z-10\">\n <!-- Top: Headings -->\n <div class=\"mx-auto max-w-7xl px-6 lg:px-8\">\n <div class=\"mx-auto max-w-2xl lg:max-w-none\">\n <div class=\"max-w-7xl\">\n  <div class=\"pre-heading-wrapper text-center mb-4\">\n <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 pre-heading\">Services<\/p>\n <\/div>\n \n <h2 class=\"font-framos-light text-3xl lg:text-4xl leading-tight mb-6 text-framosDarkBlue dark:text-white text-center max-w-4xl mx-auto\">\n THE INDUSTRIAL EVOLUTION OF 3D VISION: THE FRAMOS D400E SERIES <\/h2>\n\n <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 paragraph-c\">\n Entwickelt f\u00fcr hochleistungsf\u00e4hige r\u00e4umliche Wahrnehmung in industriellen Anwendungen schlie\u00dft die D400e Serie die L\u00fccke zwischen Laborprototyp und 24\/7-Serienbetrieb. Durch die Industrialisierung bew\u00e4hrter RealSense\u2122 Technologie erm\u00f6glicht FRAMOS den Einsatz fortschrittlicher 3D-Vision in Umgebungen, in denen Standardhardware nicht ausreicht \u2013 bei voller Code-Kompatibilit\u00e4t zu bestehenden Projekten.  <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Bottom: Image + List -->\n <div class=\"bottom-div mx-auto max-w-7xl px-6 lg:px-8 mt-16\">\n <div class=\"mx-auto max-w-2xl lg:max-w-none\">\n <div class=\"lg:flex lg:items-center gap-12 lg:justify-between \">\n\n <!-- Image column -->\n <div class=\"\n flex justify-center \n lg:w-1\/2 \n lg:justify-end \n lg:pr-12 \n lg:sticky lg:top-24 lg:self-start\n \">\n  <img decoding=\"async\" src=\"https:\/\/framos.com\/wp-content\/uploads\/2026\/03\/d400-industrial-camera-agriculture.jpg\" alt=\"Sample image\" class=\"relative w-full max-w-full rounded-xl shadow-xl ring-1 ring-white\/10\" \/>\n  <\/div>\n\n\n <!-- Content column -->\n <ul role=\"list\" class=\"list-disc list-outside ml-5 mb-4 space-y-2 text-gray-600 dark:text-gray-200 lg:w-1\/2 mt-2 text-base\/7\">\n \n    <li class=\"text-base text-gray-600 dark:text-gray-200 group mt-10 first:mt-0  group\">\n  <div style=\"opacity: 1; transform: none;\">\n    <div class=\"pt-10 group-first:pt-0 group-first:before:hidden group-first:after:hidden relative\n            before:absolute before:top-0 before:left-0 before:h-px before:w-6\n            after:absolute after:top-0 after:left-8 after:right-0 after:h-px\n            before:bg-primary dark:before:bg-primary\n            after:bg-gray-300 dark:after:bg-gray-700\">\n  \n\n<h3 class=\"wp-block-heading\">NAHTLOSER \u00dcBERGANG<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00dcberf\u00fchren Sie Projekte vom Desktop-Prototyp in die industrielle Anwendung durch Wiederverwendung des bestehenden Codes auf einer produktionsreifen Plattform.<\/p>\n\n<\/div>\n\n  <\/div>\n<\/li>\n\n\n\n\n    <li class=\"text-base text-gray-600 dark:text-gray-200 group mt-10 first:mt-0  group\">\n  <div style=\"opacity: 1; transform: none;\">\n    <div class=\"pt-10 group-first:pt-0 group-first:before:hidden group-first:after:hidden relative\n            before:absolute before:top-0 before:left-0 before:h-px before:w-6\n            after:absolute after:top-0 after:left-8 after:right-0 after:h-px\n            before:bg-primary dark:before:bg-primary\n            after:bg-gray-300 dark:after:bg-gray-700\">\n  \n\n<h3 class=\"wp-block-heading\">IP66 ROBUSTHEIT<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ausgelegt f\u00fcr anspruchsvolle Umgebungen sch\u00fctzt das eloxierte Aluminiumgeh\u00e4use vor Staub, Wasser und mechanischer Belastung.<\/p>\n\n<\/div>\n\n  <\/div>\n<\/li>\n\n\n\n\n    <li class=\"text-base text-gray-600 dark:text-gray-200 group mt-10 first:mt-0  group\">\n  <div style=\"opacity: 1; transform: none;\">\n    <div class=\"pt-10 group-first:pt-0 group-first:before:hidden group-first:after:hidden relative\n            before:absolute before:top-0 before:left-0 before:h-px before:w-6\n            after:absolute after:top-0 after:left-8 after:right-0 after:h-px\n            before:bg-primary dark:before:bg-primary\n            after:bg-gray-300 dark:after:bg-gray-700\">\n  \n\n<h3 class=\"wp-block-heading\">ERWEITERTE REICHWEITE DER KONNEKTIVIT\u00c4T<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00dcberwinden Sie USB-Distanzbeschr\u00e4nkungen. Mit Gigabit Ethernet lassen sich mehrere 3D-Kameras \u00fcber Distanzen von bis zu 100 m ohne Signalverlust betreiben. <\/p>\n\n<\/div>\n\n  <\/div>\n<\/li>\n\n\n\n\n    <li class=\"text-base text-gray-600 dark:text-gray-200 group mt-10 first:mt-0  group\">\n  <div style=\"opacity: 1; transform: none;\">\n    <div class=\"pt-10 group-first:pt-0 group-first:before:hidden group-first:after:hidden relative\n            before:absolute before:top-0 before:left-0 before:h-px before:w-6\n            after:absolute after:top-0 after:left-8 after:right-0 after:h-px\n            before:bg-primary dark:before:bg-primary\n            after:bg-gray-300 dark:after:bg-gray-700\">\n  \n\n<h3 class=\"wp-block-heading\">PRODUKTIONSREIFE SYNCHRONISATION<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Entwickelt f\u00fcr komplexe Kamerasetups mit hardwarebasierter globaler Synchronisation und externem Trigger \u00fcber industrielle M12-Anschl\u00fcsse.<\/p>\n\n<\/div>\n\n  <\/div>\n<\/li>\n\n\n<div class=\"framos-seo-content\" style=\"display:none\">The Industrial Evolution of 3D Vision: The FRAMOS D400e Series<\/div>\n <\/ul>\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\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=\"has-text-align-center pre-heading wp-block-paragraph\">D400E SERIE TECHNISCHE DATEN<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">INDUSTRIELLE LEISTUNGSMETRIKEN<\/h2>\n\n\n\n<p class=\"has-text-align-center paragraph-c wp-block-paragraph\">ergleichen Sie industrielle 3D-Tiefenkameras. Die IP66-gesch\u00fctzten Systeme nutzen RealSense\u2122 Technologie f\u00fcr hochpr\u00e4zise Bildverarbeitung in anspruchsvollen Umgebungen. <\/p>\n\n\n        <div class=\"framos-d400e-series-specs w-full my-12\">\r\n            <div class=\"overflow-x-auto rounded-lg border border-gray-200 dark:border-secondary shadow-sm\">\r\n                <table class=\"w-full text-center border-collapse text-xs md:text-sm mb-0\">\r\n                    <thead class=\"bg-white dark:bg-secondary text-secondary dark:text-white border-b-2 border-primary\">\r\n                        <tr>\r\n                            <th scope=\"col\" class=\"px-3 py-4 font-bold min-w-[200px] bg-gray-200 dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                <span class=\"sr-only\">Spezifikationen<\/span>\r\n                            <\/th>\r\n                            \r\n                            <!-- D415e -->\r\n                            <th scope=\"col\" class=\"px-3 py-4 font-bold min-w-[220px] align-bottom border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                <div class=\"flex flex-col items-center justify-end h-full gap-3\">\r\n                                    <span class=\"text-lg\">D415e<\/span>\r\n                                    <img decoding=\"async\" src=\"\/wp-content\/themes\/framos\/images\/industrial-depth-camera-d415e-FRAMOS.png\" alt=\"D415e Camera\" class=\"h-12 w-auto object-contain dark:brightness-90\" loading=\"lazy\">\r\n                                    <div class=\"w-full flex flex-col gap-2 mt-2\">\r\n                                        <a href=\"\/products\/3d\/3d-cameras\/framos-depth-camera-d415e-camera-only-24363\/\" class=\"text-[11px] font-semibold bg-primary text-white py-2 px-2 rounded hover:bg-framosDarkBlue hover:text-white transition-colors text-center w-full leading-tight uppercase tracking-wide\"  data-cta=\"true\" data-cta-id=\"shortcodes.1.product-grid\" data-cta-label=\"d415e overview\" data-cta-location=\"shortcodes@industrial-cameras\" data-cta-destination=\"\" data-cta-type=\"button\">\r\n                                            Produkt\u00fcbersicht                                        <\/a>\r\n                                        <a href=\"https:\/\/www.mouser.ca\/ProductDetail\/FRAMOS\/Depth-Camera-D415e?qs=sPbYRqrBIVmZqF77lkFYqA%3D%3D\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-[11px] font-semibold border border-primary text-primary dark:text-framosSkyBlue dark:border-framosSkyBlue py-2 px-2 rounded hover:bg-primary hover:text-white dark:hover:bg-primary transition-colors text-center w-full leading-tight\" data-cta=\"true\" data-cta-id=\"shortcodes.2.distributor-link\" data-cta-label=\"d415e mouser\" data-cta-location=\"shortcodes@industrial-cameras\" data-cta-destination=\"\" data-cta-type=\"button\">\r\n                                            Jetzt kaufen (Distributor)\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/th>\r\n                            \r\n                            <!-- D435e -->\r\n                            <th scope=\"col\" class=\"px-3 py-4 font-bold min-w-[220px] align-bottom border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                <div class=\"flex flex-col items-center justify-end h-full gap-3\">\r\n                                    <span class=\"text-lg\">D435e<\/span>\r\n                                    <img decoding=\"async\" src=\"\/wp-content\/themes\/framos\/images\/industrial-depth-camera-d435e-FRAMOS.png\" alt=\"D435e Camera\" class=\"h-12 w-auto object-contain dark:brightness-90\" loading=\"lazy\">\r\n                                    <div class=\"w-full flex flex-col gap-2 mt-2\">\r\n                                        <a href=\"\/products\/3d\/3d-cameras\/framos-depth-camera-d435e-camera-only-22806\/\" class=\"text-[11px] font-semibold bg-primary text-white py-2 px-2 rounded hover:bg-framosDarkBlue hover:text-white transition-colors text-center w-full leading-tight uppercase tracking-wide\"  data-cta=\"true\" data-cta-id=\"shortcodes.3.product-grid\" data-cta-label=\"d435e overview\" data-cta-location=\"shortcodes@industrial-cameras\" data-cta-destination=\"\" data-cta-type=\"button\">\r\n                                            Produkt\u00fcbersicht                                        <\/a>\r\n                                        <a href=\"https:\/\/www.mouser.ca\/ProductDetail\/FRAMOS\/Depth-Camera-D435e?qs=7MVldsJ5UazEPhzBITTYvQ%3D%3D\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-[11px] font-semibold border border-primary text-primary dark:text-framosSkyBlue dark:border-framosSkyBlue py-2 px-2 rounded hover:bg-primary hover:text-white dark:hover:bg-primary transition-colors text-center w-full leading-tight\" data-cta=\"true\" data-cta-id=\"shortcodes.4.distributor-link\" data-cta-label=\"d435e mouser\" data-cta-location=\"shortcodes@industrial-cameras\" data-cta-destination=\"\" data-cta-type=\"button\">\r\n                                            Jetzt kaufen (Distributor)\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/th>\r\n                            \r\n                            <!-- D455e -->\r\n                            <th scope=\"col\" class=\"px-3 py-4 font-bold min-w-[220px] align-bottom\">\r\n                                <div class=\"flex flex-col items-center justify-end h-full gap-3\">\r\n                                    <span class=\"text-lg\">D455e<\/span>\r\n                                    <img decoding=\"async\" src=\"\/wp-content\/themes\/framos\/images\/industrial-depth-camera-d455e-FRAMOS.png\" alt=\"D455e Camera\" class=\"h-12 w-auto object-contain dark:brightness-90\" loading=\"lazy\">\r\n                                    <div class=\"w-full flex flex-col gap-2 mt-2\">\r\n                                        <a href=\"\/products\/3d\/3d-cameras\/framos-depth-camera-d455e-camera-only-25387\/\" class=\"text-[11px] font-semibold bg-primary text-white py-2 px-2 rounded hover:bg-framosDarkBlue hover:text-white transition-colors text-center w-full leading-tight uppercase tracking-wide\"  data-cta=\"true\" data-cta-id=\"shortcodes.5.product-grid\" data-cta-label=\"d455e overview\" data-cta-location=\"shortcodes@industrial-cameras\" data-cta-destination=\"\" data-cta-type=\"button\">\r\n                                            Produkt\u00fcbersicht                                        <\/a>\r\n                                        <a href=\"https:\/\/www.mouser.ca\/ProductDetail\/FRAMOS\/FRAMOS-Depth-Camera-D455e-camera-only?qs=e8oIoAS2J1S3%252BeVhP09nNg%3D%3D\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-[11px] font-semibold border border-primary text-primary dark:text-framosSkyBlue dark:border-framosSkyBlue py-2 px-2 rounded hover:bg-primary hover:text-white dark:hover:bg-primary transition-colors text-center w-full leading-tight\" data-cta=\"true\" data-cta-id=\"shortcodes.6.distributor-link\" data-cta-label=\"d455e mouser\" data-cta-location=\"shortcodes@industrial-cameras\" data-cta-destination=\"\" data-cta-type=\"button\">\r\n                                            Jetzt kaufen (Distributor)\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody class=\"text-secondary dark:text-gray-300\">\r\n                                                    <tr class=\"even:bg-gray-50 odd:bg-white dark:even:bg-secondary100 dark:odd:bg-secondary border-b border-gray-100 dark:border-gray-700\/50 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-150\">\r\n                                <th scope=\"row\" class=\"px-3 py-3 font-bold text-left text-secondary dark:text-white align-middle bg-gray-200 dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                    RealSense\u2122-Tiefenmodul\u00b9                                <\/th>\r\n                                                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">D410<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">D430<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle\">D450<\/td>\r\n                                                            <\/tr>\r\n                                                    <tr class=\"even:bg-gray-50 odd:bg-white dark:even:bg-secondary100 dark:odd:bg-secondary border-b border-gray-100 dark:border-gray-700\/50 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-150\">\r\n                                <th scope=\"row\" class=\"px-3 py-3 font-bold text-left text-secondary dark:text-white align-middle bg-gray-200 dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                    Tiefe Technologie                                <\/th>\r\n                                                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">Aktiv IR Stereo<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">Aktiv IR Stereo<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle\">Aktiv IR Stereo<\/td>\r\n                                                            <\/tr>\r\n                                                    <tr class=\"even:bg-gray-50 odd:bg-white dark:even:bg-secondary100 dark:odd:bg-secondary border-b border-gray-100 dark:border-gray-700\/50 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-150\">\r\n                                <th scope=\"row\" class=\"px-3 py-3 font-bold text-left text-secondary dark:text-white align-middle bg-gray-200 dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                    Abmessungen (LxHxB)\u00b2                                <\/th>\r\n                                                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">100 \u00d7 47 \u00d7 38 mm<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">100 \u00d7 47 \u00d7 38 mm<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle\">132 \u00d7 47 \u00d7 41 mm<\/td>\r\n                                                            <\/tr>\r\n                                                    <tr class=\"even:bg-gray-50 odd:bg-white dark:even:bg-secondary100 dark:odd:bg-secondary border-b border-gray-100 dark:border-gray-700\/50 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-150\">\r\n                                <th scope=\"row\" class=\"px-3 py-3 font-bold text-left text-secondary dark:text-white align-middle bg-gray-200 dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                    Basiswert (Tiefe)\u00b9                                <\/th>\r\n                                                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">55 mm<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">50 mm<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle\">95 mm<\/td>\r\n                                                            <\/tr>\r\n                                                    <tr class=\"even:bg-gray-50 odd:bg-white dark:even:bg-secondary100 dark:odd:bg-secondary border-b border-gray-100 dark:border-gray-700\/50 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-150\">\r\n                                <th scope=\"row\" class=\"px-3 py-3 font-bold text-left text-secondary dark:text-white align-middle bg-gray-200 dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                    Max. Aufl\u00f6sungstiefe\u00b9                                <\/th>\r\n                                                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">1280 \u00d7 720 px | Rolling Shutter<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">1280 \u00d7 720 px | Global Shutter<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle\">1280 \u00d7 720 px | Global Shutter<\/td>\r\n                                                            <\/tr>\r\n                                                    <tr class=\"even:bg-gray-50 odd:bg-white dark:even:bg-secondary100 dark:odd:bg-secondary border-b border-gray-100 dark:border-gray-700\/50 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-150\">\r\n                                <th scope=\"row\" class=\"px-3 py-3 font-bold text-left text-secondary dark:text-white align-middle bg-gray-200 dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                    Max. Aufl\u00f6sung RGB\u00b9                                <\/th>\r\n                                                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">1920 \u00d7 1080 px | Rolling Shutter<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">1920 \u00d7 1080 px | Rolling Shutter<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle\">1280 \u00d7 800 px | Global Shutter<\/td>\r\n                                                            <\/tr>\r\n                                                    <tr class=\"even:bg-gray-50 odd:bg-white dark:even:bg-secondary100 dark:odd:bg-secondary border-b border-gray-100 dark:border-gray-700\/50 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-150\">\r\n                                <th scope=\"row\" class=\"px-3 py-3 font-bold text-left text-secondary dark:text-white align-middle bg-gray-200 dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                    FOV Tiefe (HxV)\u00b9                                <\/th>\r\n                                                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">65\u00b0 \u00d7 40\u00b0<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">87\u00b0 \u00d7 58\u00b0<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle\">87\u00b0 \u00d7 58\u00b0<\/td>\r\n                                                            <\/tr>\r\n                                                    <tr class=\"even:bg-gray-50 odd:bg-white dark:even:bg-secondary100 dark:odd:bg-secondary border-b border-gray-100 dark:border-gray-700\/50 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-150\">\r\n                                <th scope=\"row\" class=\"px-3 py-3 font-bold text-left text-secondary dark:text-white align-middle bg-gray-200 dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                    FOV RGB (HxV)\u00b9                                <\/th>\r\n                                                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">69\u00b0 \u00d7 42\u00b0<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">69\u00b0 \u00d7 42\u00b0<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle\">90\u00b0 \u00d7 65\u00b0<\/td>\r\n                                                            <\/tr>\r\n                                                    <tr class=\"even:bg-gray-50 odd:bg-white dark:even:bg-secondary100 dark:odd:bg-secondary border-b border-gray-100 dark:border-gray-700\/50 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-150\">\r\n                                <th scope=\"row\" class=\"px-3 py-3 font-bold text-left text-secondary dark:text-white align-middle bg-gray-200 dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                    Projektor\u00b9                                <\/th>\r\n                                                                    <td colspan=\"3\" class=\"px-3 py-3 align-middle text-center\">\r\n                                        Infrarot (IR)-Laserprojektionssystem (Klasse 1 konform)<br>Unstrukturiertes Licht im IR-Spektrum zur Verbesserung der Tiefenqualit\u00e4t                                    <\/td>\r\n                                                            <\/tr>\r\n                                                    <tr class=\"even:bg-gray-50 odd:bg-white dark:even:bg-secondary100 dark:odd:bg-secondary border-b border-gray-100 dark:border-gray-700\/50 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-150\">\r\n                                <th scope=\"row\" class=\"px-3 py-3 font-bold text-left text-secondary dark:text-white align-middle bg-gray-200 dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                    Min. Tiefenabstand (Min-Z) bei max. Aufl\u00f6sung\u00b9                                  <\/th>\r\n                                                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">0.45 m<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">0.28 m<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle\">0.52 m<\/td>\r\n                                                            <\/tr>\r\n                                                    <tr class=\"even:bg-gray-50 odd:bg-white dark:even:bg-secondary100 dark:odd:bg-secondary border-b border-gray-100 dark:border-gray-700\/50 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-150\">\r\n                                <th scope=\"row\" class=\"px-3 py-3 font-bold text-left text-secondary dark:text-white align-middle bg-gray-200 dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                    Optimaler Betriebsbereich\u00b9                                <\/th>\r\n                                                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">0,5 bis 3m<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">0,6 bis 6 m<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle\">0,6 bis 6 m<\/td>\r\n                                                            <\/tr>\r\n                                                    <tr class=\"even:bg-gray-50 odd:bg-white dark:even:bg-secondary100 dark:odd:bg-secondary border-b border-gray-100 dark:border-gray-700\/50 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-150\">\r\n                                <th scope=\"row\" class=\"px-3 py-3 font-bold text-left text-secondary dark:text-white align-middle bg-gray-200 dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                    Tiefengenauigkeit\u00b9,\u00b3                                <\/th>\r\n                                                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">&lt;2% bei 2m<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">&lt;2% bei 2m<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle\">&lt;2% bei 4m<\/td>\r\n                                                            <\/tr>\r\n                                                    <tr class=\"even:bg-gray-50 odd:bg-white dark:even:bg-secondary100 dark:odd:bg-secondary border-b border-gray-100 dark:border-gray-700\/50 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-150\">\r\n                                <th scope=\"row\" class=\"px-3 py-3 font-bold text-left text-secondary dark:text-white align-middle bg-gray-200 dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                    Tiefenfilter                                <\/th>\r\n                                                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">Nein<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">D435e-f IR-Pass<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle\">D455e-f IR-Pass<\/td>\r\n                                                            <\/tr>\r\n                                                    <tr class=\"even:bg-gray-50 odd:bg-white dark:even:bg-secondary100 dark:odd:bg-secondary border-b border-gray-100 dark:border-gray-700\/50 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-150\">\r\n                                <th scope=\"row\" class=\"px-3 py-3 font-bold text-left text-secondary dark:text-white align-middle bg-gray-200 dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                    Streaming-Geschwindigkeit                                <\/th>\r\n                                                                    <td colspan=\"3\" class=\"px-3 py-3 align-middle text-center\">\r\n                                        30 fps gleichzeitiger Tiefen- und RGB-Stream bei 1280 \u00d7 720 px<br>andere Kombinationen von fps und Streams mit einer Gesamtbandbreite unter 1Gbps                                    <\/td>\r\n                                                            <\/tr>\r\n                                                    <tr class=\"even:bg-gray-50 odd:bg-white dark:even:bg-secondary100 dark:odd:bg-secondary border-b border-gray-100 dark:border-gray-700\/50 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-150\">\r\n                                <th scope=\"row\" class=\"px-3 py-3 font-bold text-left text-secondary dark:text-white align-middle bg-gray-200 dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700\/50\">\r\n                                    Verwendung f\u00fcr                                <\/th>\r\n                                                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">Hohe Genauigkeit, geringe Dynamik<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle border-r border-gray-100 dark:border-gray-700\/50\">Nahe gelegene, sich schnell bewegende Objekte<\/td>\r\n                                    <td class=\"px-3 py-3 align-middle\">H\u00f6chste Genauigkeit, sich schnell bewegende Objekte<\/td>\r\n                                                            <\/tr>\r\n                                            <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n\r\n            <!-- Footnotes Section -->\r\n            <div class=\"mt-4 text-[11px] md:text-xs leading-relaxed text-gray-500 dark:text-gray-400 space-y-2 px-1\">\r\n                <p>\r\n                    <sup class=\"font-semibold text-gray-600 dark:text-gray-300\">1<\/sup>\r\n                    For additional information on the performance and characteristics of the Intel&reg; RealSense&trade; depth modules and Intel&reg; RealSense&trade; Vision Processor D4 please refer to the official Intel&reg; RealSense&trade; documentation: <a href=\"https:\/\/dev.intelrealsense.com\/docs\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-primary dark:text-framosSkyBlue hover:underline transition-colors\" data-cta-label=\"intel docs\" data-cta-type=\"inline\">https:\/\/dev.intelrealsense.com\/docs<\/a>.                <\/p>\r\n                <p><sup class=\"font-semibold text-gray-600 dark:text-gray-300\">2<\/sup> Nur Kamera-Versionen, die Abmessungen der Modulvarianten entnehmen Sie bitte dem Datenblatt.<\/p>\r\n                <p><sup class=\"font-semibold text-gray-600 dark:text-gray-300\">3<\/sup> Die Genauigkeit h\u00e4ngt von der Kalibrierung, der Szene und den Lichtverh\u00e4ltnissen ab.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \n<\/div><\/div>\n\n<div id=\"product-lineup\" class=\"wp-block-group py-24 bg-gradient-to-b to-[#f9fafb] to-gray-200 dark:from-[#1B2E41] dark:to-[#171b1e]\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center pre-heading wp-block-paragraph\">Filtern und vergleichen<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">D400E Produktpalette<\/h2>\n\n\n\n<p class=\"has-text-align-center paragraph-c pb-16 wp-block-paragraph\">Durchsuchen Sie die verf\u00fcgbaren FRAMOS D400e Tiefenkameras und vergleichen Sie ihre wichtigsten Spezifikationen. Verwenden Sie die Filter, um die Modelle nach Verschlusstyp, Aufl\u00f6sung oder idealem Betriebsbereich einzugrenzen, um schnell die f\u00fcr Ihre Anwendung geeignete Kamera zu finden. <\/p>\n\n\n    <div id=\"framos_product_list_6a52bce9f2db9\"\r\n      x-data=\"Object.assign(framosProductFilter({&quot;ajaxUrl&quot;:&quot;https:\\\/\\\/framos.com\\\/wp-admin\\\/admin-ajax.php&quot;,&quot;categorySlugs&quot;:[&quot;3d-cameras&quot;],&quot;initialAttributesFilter&quot;:[&quot;manufacturer:framos&quot;],&quot;attributesFilter&quot;:[],&quot;metaKeys&quot;:[&quot;shutter-type&quot;,&quot;max-rgb-resolution&quot;,&quot;max-depth-resolution&quot;,&quot;ideal-range-m&quot;],&quot;currentPage&quot;:1,&quot;searchTerm&quot;:&quot;&quot;,&quot;isLoading&quot;:false,&quot;selectedAttributes&quot;:{&quot;pa_shutter-type&quot;:[],&quot;pa_max-rgb-resolution&quot;:[],&quot;pa_max-depth-resolution&quot;:[],&quot;pa_ideal-range-m&quot;:[]},&quot;filters&quot;:[&quot;search&quot;,&quot;shutter-type&quot;,&quot;max-rgb-resolution&quot;,&quot;max-depth-resolution&quot;,&quot;ideal-range-m&quot;],&quot;totalResults&quot;:10,&quot;totalPages&quot;:2,&quot;perPage&quot;:8,&quot;megapixelMin&quot;:2,&quot;megapixelMax&quot;:50,&quot;megapixelValue&quot;:50,&quot;resolutionMin&quot;:0,&quot;resolutionMax&quot;:500,&quot;resolutionValueMin&quot;:0,&quot;resolutionValueMax&quot;:500,&quot;frameRateMin&quot;:0,&quot;frameRateMax&quot;:120,&quot;frameRateValueMin&quot;:0,&quot;frameRateValueMax&quot;:120,&quot;focalLengthMin&quot;:0,&quot;focalLengthMax&quot;:500,&quot;focalLengthValueMin&quot;:0,&quot;focalLengthValueMax&quot;:500,&quot;imageCircleMin&quot;:0,&quot;imageCircleMax&quot;:500,&quot;imageCircleValueMin&quot;:0,&quot;imageCircleValueMax&quot;:500,&quot;apertureMin&quot;:0,&quot;apertureMax&quot;:30,&quot;apertureValueMin&quot;:0,&quot;apertureValueMax&quot;:30,&quot;fovHorizMin&quot;:0,&quot;fovHorizMax&quot;:180,&quot;fovHorizValueMin&quot;:0,&quot;fovHorizValueMax&quot;:180,&quot;attrLabels&quot;:{&quot;pa_shutter-type&quot;:&quot;Verschluss Typ&quot;,&quot;pa_max-rgb-resolution&quot;:&quot;Max. RGB-Aufl\\u00f6sung&quot;,&quot;pa_max-depth-resolution&quot;:&quot;Max. Aufl\\u00f6sung in der Tiefe&quot;,&quot;pa_ideal-range-m&quot;:&quot;Ideale Reichweite [m]&quot;},&quot;termLabels&quot;:{&quot;pa_shutter-type&quot;:{&quot;rollladen&quot;:&quot;Rollladen&quot;,&quot;global-shutter&quot;:&quot;Global Shutter&quot;,&quot;rolling-shutter&quot;:&quot;Rolling Shutter&quot;},&quot;pa_max-rgb-resolution&quot;:{&quot;1280-x-720&quot;:&quot;1280 x 720&quot;,&quot;1280-x-800&quot;:&quot;1280 x 800&quot;,&quot;1280-x-960&quot;:&quot;1280 x 960&quot;,&quot;1920-x-1080&quot;:&quot;1920 x 1080&quot;},&quot;pa_max-depth-resolution&quot;:{&quot;1279-x-720&quot;:&quot;1279 x 720&quot;,&quot;1280-x-700&quot;:&quot;1280 x 700&quot;,&quot;1280-x-720&quot;:&quot;1280 x 720&quot;,&quot;1280-x-960&quot;:&quot;1280 x 960&quot;},&quot;pa_ideal-range-m&quot;:{&quot;0-07-to-0-5&quot;:&quot;0.07 to 0.5&quot;,&quot;0-3-to-3&quot;:&quot;0.3 to 3&quot;,&quot;0-4-to-6&quot;:&quot;0.4 to 6&quot;,&quot;0-5-to-3&quot;:&quot;0.5 to 3&quot;,&quot;0-6-to-6&quot;:&quot;0.6 to 6&quot;,&quot;10m&quot;:&quot;10m+&quot;}},&quot;sku&quot;:&quot;&quot;,&quot;ids&quot;:[]}),{ mobileFiltersOpen: false })\" x-init=\"init()\"\r\n      class=\"framos-product-list-container relative mx-auto max-w-7xl rounded-3xl border border-gray-200 dark:border-gray-500 bg-white dark:bg-secondary\">\r\n\r\n      <div x-show=\"isLoading\" class=\"absolute inset-0 flex items-center justify-center bg-white dark:bg-secondary bg-opacity-70 dark:bg-opacity-70 z-50 rounded-3xl\">\r\n        <div role=\"status\">\r\n          <svg aria-hidden=\"true\" class=\"w-8 h-8 text-gray-200 animate-spin dark:text-gray-600 fill-primary\" viewBox=\"0 0 100 101\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z\" fill=\"currentColor\" \/>\r\n            <path d=\"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z\" fill=\"currentFill\" \/>\r\n          <\/svg>\r\n          <span class=\"sr-only\">Loading...<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n            <section aria-labelledby=\"filter-heading\">\r\n        <h2 id=\"filter-heading\" class=\"sr-only\">Filters<\/h2>\r\n        \r\n        <div class=\"border-none bg-white dark:bg-secondary py-6 rounded-t-3xl\">\r\n          <div class=\"mx-auto flex flex-col lg:flex-row max-w-7xl items-start lg:items-center justify-between px-4 sm:px-6 lg:px-8 gap-y-4\">\r\n\r\n            <!-- Mobile toggle -->\r\n            <button\r\n              type=\"button\"\r\n              class=\"inline-flex items-center gap-x-2 rounded-md bg-gray-50 dark:bg-framosDarkBlue px-3 py-2 text-sm font-semibold lg:hidden text-gray-700 dark:text-gray-200 shadow-sm hover:bg-gray-100 dark:hover:bg-secondary100 focus:outline-none transition-colors border border-gray-200 dark:border-gray-600\"\r\n              @click=\"mobileFiltersOpen = true;\">\r\n              <svg class=\"w-5 h-5 text-gray-700 dark:text-gray-200\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <line x1=\"4\" y1=\"21\" x2=\"4\" y2=\"14\"><\/line><line x1=\"4\" y1=\"10\" x2=\"4\" y2=\"3\"><\/line>\r\n                <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"3\"><\/line>\r\n                <line x1=\"20\" y1=\"21\" x2=\"20\" y2=\"16\"><\/line><line x1=\"20\" y1=\"12\" x2=\"20\" y2=\"3\"><\/line>\r\n                <line x1=\"1\" y1=\"14\" x2=\"7\" y2=\"14\"><\/line><line x1=\"9\" y1=\"8\" x2=\"15\" y2=\"8\"><\/line>\r\n                <line x1=\"17\" y1=\"16\" x2=\"23\" y2=\"16\"><\/line>\r\n              <\/svg>\r\n              Filters\r\n            <\/button>\r\n\r\n            <!-- Desktop filters -->\r\n            <div class=\"hidden lg:flex flex-wrap items-center gap-x-8 gap-y-4 w-full\">\r\n              \r\n              <!-- Search -->\r\n                              <div class=\"flex rounded-md shadow-sm flex-1 max-w-[280px]\">\r\n                  <input\r\n                    type=\"search\"\r\n                    x-model=\"searchTerm\"\r\n                    @input.debounce.500ms=\"if (searchTerm.length >= 7) { currentPage = 1; fetchProducts() }\"\r\n                    @keyup.enter=\"if (searchTerm.length >= 1) { currentPage = 1; fetchProducts() }\"\r\n                    placeholder=\"Search\u2026\"\r\n                    class=\"relative block w-full flex-auto rounded-none rounded-l-md border border-gray-300 dark:border-gray-600 bg-transparent px-4 py-2 text-sm text-gray-900 dark:text-white focus:border-primary focus:ring-primary focus:z-10 dark:bg-secondary dark:placeholder-gray-400\" \/>\r\n                  <button\r\n                    type=\"button\"\r\n                    @click=\"if (searchTerm.length >= 1) { currentPage = 1; fetchProducts() }\"\r\n                    class=\"relative -ml-px inline-flex items-center space-x-2 rounded-r-md bg-primary px-4 py-2 text-sm font-medium text-white hover:bg-framosDarkBlue dark:hover:bg-primary100 border border-primary focus:z-10 focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary transition-colors\">\r\n                    <svg class=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n                        <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n                    <\/svg>\r\n                  <\/button>\r\n                <\/div>\r\n              \r\n              <!-- Dropdowns -->\r\n              <div class=\"flex flex-wrap items-center gap-x-8 gap-y-4 flex-1\">\r\n                                  <div class=\"relative\" x-data=\"{ open: false }\" @keydown.escape.prevent.stop=\"open = false\">\r\n                    <button\r\n                      type=\"button\"\r\n                      class=\"group flex items-center gap-1.5 text-sm font-medium text-gray-600 dark:text-gray-300 hover:text-primary dark:hover:text-primary transition-colors border-none focus:outline-none bg-transparent\"\r\n                      @click=\"open = !open\"\r\n                      :aria-expanded=\"open.toString()\">\r\n                      <span>Verschluss Typ<\/span>\r\n                      <svg class=\"h-4 w-4 transition-transform duration-200\" :class=\"open ? 'rotate-180 text-primary' : 'text-gray-400 dark:text-gray-500'\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.22 8.22a.75.75 0 011.06 0L10 11.94l3.72-3.72a.75.75 0 111.06 1.06l-4.25 4.25a.75.75 0 01-1.06 0L5.22 9.28a.75.75 0 010-1.06Z\" \/>\r\n                      <\/svg>\r\n                    <\/button>\r\n\r\n                    <div\r\n                      x-show=\"open\"\r\n                      @click.away=\"open = false\"\r\n                      x-transition:enter=\"transition ease-out duration-100\"\r\n                      x-transition:enter-start=\"transform opacity-0 scale-95\"\r\n                      x-transition:enter-end=\"transform opacity-100 scale-100\"\r\n                      x-transition:leave=\"transition ease-in duration-75\"\r\n                      x-transition:leave-start=\"transform opacity-100 scale-100\"\r\n                      x-transition:leave-end=\"transform opacity-0 scale-95\"\r\n                      class=\"absolute left-0 z-20 mt-3 w-64 origin-top-left rounded-xl bg-white dark:bg-secondary100 shadow-xl ring-1 ring-black\/5 dark:ring-white\/10 p-5 max-h-[24rem] overflow-y-auto\"\r\n                      x-cloak>\r\n                      <form class=\"space-y-4\">\r\n\r\n                                                                                                        <div class=\"space-y-3\">\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-shutter-type-0\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'global-shutter'\"\r\n                                  x-model=\"selectedAttributes['pa_shutter-type']\"\r\n                                  @change=\"updateAttributeFilter()\"\r\n                                  class=\"h-4 w-4 rounded border-gray-300 dark:border-gray-600 text-primary focus:ring-primary bg-white dark:bg-secondary transition-colors\" \/>\r\n                                <span class=\"ml-3 text-gray-700 dark:text-gray-300 group-hover:text-primary dark:group-hover:text-primary transition-colors\">Global Shutter<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-shutter-type-1\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'rolling-shutter'\"\r\n                                  x-model=\"selectedAttributes['pa_shutter-type']\"\r\n                                  @change=\"updateAttributeFilter()\"\r\n                                  class=\"h-4 w-4 rounded border-gray-300 dark:border-gray-600 text-primary focus:ring-primary bg-white dark:bg-secondary transition-colors\" \/>\r\n                                <span class=\"ml-3 text-gray-700 dark:text-gray-300 group-hover:text-primary dark:group-hover:text-primary transition-colors\">Rolling Shutter<\/span>\r\n                              <\/label>\r\n                                                        <\/div>\r\n                                                  \r\n                      <\/form>\r\n                    <\/div>\r\n                  <\/div>\r\n                                  <div class=\"relative\" x-data=\"{ open: false }\" @keydown.escape.prevent.stop=\"open = false\">\r\n                    <button\r\n                      type=\"button\"\r\n                      class=\"group flex items-center gap-1.5 text-sm font-medium text-gray-600 dark:text-gray-300 hover:text-primary dark:hover:text-primary transition-colors border-none focus:outline-none bg-transparent\"\r\n                      @click=\"open = !open\"\r\n                      :aria-expanded=\"open.toString()\">\r\n                      <span>Max. RGB-Aufl\u00f6sung<\/span>\r\n                      <svg class=\"h-4 w-4 transition-transform duration-200\" :class=\"open ? 'rotate-180 text-primary' : 'text-gray-400 dark:text-gray-500'\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.22 8.22a.75.75 0 011.06 0L10 11.94l3.72-3.72a.75.75 0 111.06 1.06l-4.25 4.25a.75.75 0 01-1.06 0L5.22 9.28a.75.75 0 010-1.06Z\" \/>\r\n                      <\/svg>\r\n                    <\/button>\r\n\r\n                    <div\r\n                      x-show=\"open\"\r\n                      @click.away=\"open = false\"\r\n                      x-transition:enter=\"transition ease-out duration-100\"\r\n                      x-transition:enter-start=\"transform opacity-0 scale-95\"\r\n                      x-transition:enter-end=\"transform opacity-100 scale-100\"\r\n                      x-transition:leave=\"transition ease-in duration-75\"\r\n                      x-transition:leave-start=\"transform opacity-100 scale-100\"\r\n                      x-transition:leave-end=\"transform opacity-0 scale-95\"\r\n                      class=\"absolute left-0 z-20 mt-3 w-64 origin-top-left rounded-xl bg-white dark:bg-secondary100 shadow-xl ring-1 ring-black\/5 dark:ring-white\/10 p-5 max-h-[24rem] overflow-y-auto\"\r\n                      x-cloak>\r\n                      <form class=\"space-y-4\">\r\n\r\n                                                                                                        <div class=\"space-y-3\">\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-max-rgb-resolution-0\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'1280-x-800'\"\r\n                                  x-model=\"selectedAttributes['pa_max-rgb-resolution']\"\r\n                                  @change=\"updateAttributeFilter()\"\r\n                                  class=\"h-4 w-4 rounded border-gray-300 dark:border-gray-600 text-primary focus:ring-primary bg-white dark:bg-secondary transition-colors\" \/>\r\n                                <span class=\"ml-3 text-gray-700 dark:text-gray-300 group-hover:text-primary dark:group-hover:text-primary transition-colors\">1280 x 800<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-max-rgb-resolution-1\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'1920-x-1080'\"\r\n                                  x-model=\"selectedAttributes['pa_max-rgb-resolution']\"\r\n                                  @change=\"updateAttributeFilter()\"\r\n                                  class=\"h-4 w-4 rounded border-gray-300 dark:border-gray-600 text-primary focus:ring-primary bg-white dark:bg-secondary transition-colors\" \/>\r\n                                <span class=\"ml-3 text-gray-700 dark:text-gray-300 group-hover:text-primary dark:group-hover:text-primary transition-colors\">1920 x 1080<\/span>\r\n                              <\/label>\r\n                                                        <\/div>\r\n                                                  \r\n                      <\/form>\r\n                    <\/div>\r\n                  <\/div>\r\n                                  <div class=\"relative\" x-data=\"{ open: false }\" @keydown.escape.prevent.stop=\"open = false\">\r\n                    <button\r\n                      type=\"button\"\r\n                      class=\"group flex items-center gap-1.5 text-sm font-medium text-gray-600 dark:text-gray-300 hover:text-primary dark:hover:text-primary transition-colors border-none focus:outline-none bg-transparent\"\r\n                      @click=\"open = !open\"\r\n                      :aria-expanded=\"open.toString()\">\r\n                      <span>Max. Aufl\u00f6sung in der Tiefe<\/span>\r\n                      <svg class=\"h-4 w-4 transition-transform duration-200\" :class=\"open ? 'rotate-180 text-primary' : 'text-gray-400 dark:text-gray-500'\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.22 8.22a.75.75 0 011.06 0L10 11.94l3.72-3.72a.75.75 0 111.06 1.06l-4.25 4.25a.75.75 0 01-1.06 0L5.22 9.28a.75.75 0 010-1.06Z\" \/>\r\n                      <\/svg>\r\n                    <\/button>\r\n\r\n                    <div\r\n                      x-show=\"open\"\r\n                      @click.away=\"open = false\"\r\n                      x-transition:enter=\"transition ease-out duration-100\"\r\n                      x-transition:enter-start=\"transform opacity-0 scale-95\"\r\n                      x-transition:enter-end=\"transform opacity-100 scale-100\"\r\n                      x-transition:leave=\"transition ease-in duration-75\"\r\n                      x-transition:leave-start=\"transform opacity-100 scale-100\"\r\n                      x-transition:leave-end=\"transform opacity-0 scale-95\"\r\n                      class=\"absolute left-0 z-20 mt-3 w-64 origin-top-left rounded-xl bg-white dark:bg-secondary100 shadow-xl ring-1 ring-black\/5 dark:ring-white\/10 p-5 max-h-[24rem] overflow-y-auto\"\r\n                      x-cloak>\r\n                      <form class=\"space-y-4\">\r\n\r\n                                                                                                        <div class=\"space-y-3\">\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-max-depth-resolution-0\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'1280-x-720'\"\r\n                                  x-model=\"selectedAttributes['pa_max-depth-resolution']\"\r\n                                  @change=\"updateAttributeFilter()\"\r\n                                  class=\"h-4 w-4 rounded border-gray-300 dark:border-gray-600 text-primary focus:ring-primary bg-white dark:bg-secondary transition-colors\" \/>\r\n                                <span class=\"ml-3 text-gray-700 dark:text-gray-300 group-hover:text-primary dark:group-hover:text-primary transition-colors\">1280 x 720<\/span>\r\n                              <\/label>\r\n                                                        <\/div>\r\n                                                  \r\n                      <\/form>\r\n                    <\/div>\r\n                  <\/div>\r\n                                  <div class=\"relative\" x-data=\"{ open: false }\" @keydown.escape.prevent.stop=\"open = false\">\r\n                    <button\r\n                      type=\"button\"\r\n                      class=\"group flex items-center gap-1.5 text-sm font-medium text-gray-600 dark:text-gray-300 hover:text-primary dark:hover:text-primary transition-colors border-none focus:outline-none bg-transparent\"\r\n                      @click=\"open = !open\"\r\n                      :aria-expanded=\"open.toString()\">\r\n                      <span>Ideale Reichweite [m]<\/span>\r\n                      <svg class=\"h-4 w-4 transition-transform duration-200\" :class=\"open ? 'rotate-180 text-primary' : 'text-gray-400 dark:text-gray-500'\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.22 8.22a.75.75 0 011.06 0L10 11.94l3.72-3.72a.75.75 0 111.06 1.06l-4.25 4.25a.75.75 0 01-1.06 0L5.22 9.28a.75.75 0 010-1.06Z\" \/>\r\n                      <\/svg>\r\n                    <\/button>\r\n\r\n                    <div\r\n                      x-show=\"open\"\r\n                      @click.away=\"open = false\"\r\n                      x-transition:enter=\"transition ease-out duration-100\"\r\n                      x-transition:enter-start=\"transform opacity-0 scale-95\"\r\n                      x-transition:enter-end=\"transform opacity-100 scale-100\"\r\n                      x-transition:leave=\"transition ease-in duration-75\"\r\n                      x-transition:leave-start=\"transform opacity-100 scale-100\"\r\n                      x-transition:leave-end=\"transform opacity-0 scale-95\"\r\n                      class=\"absolute left-0 z-20 mt-3 w-64 origin-top-left rounded-xl bg-white dark:bg-secondary100 shadow-xl ring-1 ring-black\/5 dark:ring-white\/10 p-5 max-h-[24rem] overflow-y-auto\"\r\n                      x-cloak>\r\n                      <form class=\"space-y-4\">\r\n\r\n                                                                                                        <div class=\"space-y-3\">\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-ideal-range-m-0\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'0-3-to-3'\"\r\n                                  x-model=\"selectedAttributes['pa_ideal-range-m']\"\r\n                                  @change=\"updateAttributeFilter()\"\r\n                                  class=\"h-4 w-4 rounded border-gray-300 dark:border-gray-600 text-primary focus:ring-primary bg-white dark:bg-secondary transition-colors\" \/>\r\n                                <span class=\"ml-3 text-gray-700 dark:text-gray-300 group-hover:text-primary dark:group-hover:text-primary transition-colors\">0.3 to 3<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-ideal-range-m-1\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'0-5-to-3'\"\r\n                                  x-model=\"selectedAttributes['pa_ideal-range-m']\"\r\n                                  @change=\"updateAttributeFilter()\"\r\n                                  class=\"h-4 w-4 rounded border-gray-300 dark:border-gray-600 text-primary focus:ring-primary bg-white dark:bg-secondary transition-colors\" \/>\r\n                                <span class=\"ml-3 text-gray-700 dark:text-gray-300 group-hover:text-primary dark:group-hover:text-primary transition-colors\">0.5 to 3<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-ideal-range-m-2\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'0-6-to-6'\"\r\n                                  x-model=\"selectedAttributes['pa_ideal-range-m']\"\r\n                                  @change=\"updateAttributeFilter()\"\r\n                                  class=\"h-4 w-4 rounded border-gray-300 dark:border-gray-600 text-primary focus:ring-primary bg-white dark:bg-secondary transition-colors\" \/>\r\n                                <span class=\"ml-3 text-gray-700 dark:text-gray-300 group-hover:text-primary dark:group-hover:text-primary transition-colors\">0.6 to 6<\/span>\r\n                              <\/label>\r\n                                                        <\/div>\r\n                                                  \r\n                      <\/form>\r\n                    <\/div>\r\n                  <\/div>\r\n                              <\/div>\r\n\r\n              <!-- Reset Button -->\r\n              <div class=\"flex items-center ml-auto\">\r\n                <button\r\n                  type=\"button\"\r\n                  @click=\"resetFilters()\"\r\n                  class=\"inline-flex items-center rounded-lg bg-gray-100 dark:bg-gray-800 px-4 py-2 text-sm font-medium text-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white transition-all duration-200 focus:outline-none whitespace-nowrap\">\r\n                  Reset filters                <\/button>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Mobile filter drawer -->\r\n            <div class=\"fixed inset-0 z-40 flex lg:hidden\"\r\n              x-show=\"mobileFiltersOpen\"\r\n              x-transition:enter=\"transition ease-out duration-200\"\r\n              x-transition:enter-start=\"opacity-0\"\r\n              x-transition:enter-end=\"opacity-100\"\r\n              x-transition:leave=\"transition ease-in duration-150\"\r\n              x-transition:leave-start=\"opacity-100\"\r\n              x-transition:leave-end=\"opacity-0\"\r\n              @keydown.escape.window=\"mobileFiltersOpen = false\"\r\n              @x-show=\"initAllSliders()\"\r\n              x-cloak>\r\n              \r\n              <!-- backdrop -->\r\n              <div\r\n                class=\"fixed inset-0 bg-black bg-opacity-40 transition-opacity\"\r\n                @click=\"mobileFiltersOpen = false\"\r\n                aria-hidden=\"true\"><\/div>\r\n\r\n              <!-- panel -->\r\n              <div \r\n                class=\"relative ml-auto w-full max-w-xs bg-white dark:bg-secondary h-full overflow-y-auto shadow-2xl flex flex-col\"\r\n                x-show=\"mobileFiltersOpen\"\r\n                x-transition:enter=\"transition ease-in-out duration-300 transform\"\r\n                x-transition:enter-start=\"translate-x-full\"\r\n                x-transition:enter-end=\"translate-x-0\"\r\n                x-transition:leave=\"transition ease-in-out duration-300 transform\"\r\n                x-transition:leave-start=\"translate-x-0\"\r\n                x-transition:leave-end=\"translate-x-full\">\r\n                \r\n                <div class=\"flex items-center justify-between px-4 pt-5 pb-4 border-b border-gray-200 dark:border-gray-700\">\r\n                  <h2 class=\"text-lg font-bold text-gray-900 dark:text-white\">\r\n                    Filters                  <\/h2>\r\n                  <button\r\n                    @click=\"mobileFiltersOpen = false\"\r\n                    class=\"rounded-md p-2 -mr-2 text-gray-400 hover:text-gray-500 dark:hover:text-gray-300 bg-gray-50 dark:bg-framosDarkBlue focus:outline-none focus:ring-2 focus:ring-primary\">\r\n                    <span class=\"sr-only\">Close menu<\/span>\r\n                    <svg class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/><\/svg>\r\n                  <\/button>\r\n                <\/div>\r\n\r\n                <form class=\"flex-1 px-4 py-6 space-y-8 overflow-y-auto\">\r\n                                      <div>\r\n                      <label for=\"mobile-search\" class=\"block text-sm font-semibold text-gray-900 dark:text-white mb-2\">\r\n                        Search                      <\/label>\r\n                      <input\r\n                        type=\"search\"\r\n                        id=\"mobile-search\"\r\n                        x-model=\"searchTerm\"\r\n                        @input=\"currentPage = 1; fetchProducts()\"\r\n                        placeholder=\"Search\u2026\"\r\n                        class=\"block w-full rounded-md border border-gray-300 dark:border-gray-600 bg-white dark:bg-secondary100 px-3 py-2 text-sm text-gray-900 dark:text-white focus:border-primary focus:ring-primary\" \/>\r\n                    <\/div>\r\n                  \r\n                                      <div>\r\n                      <h3 class=\"text-sm font-semibold text-gray-900 dark:text-white mb-3\">Verschluss Typ<\/h3>\r\n\r\n                                                                                                <div class=\"space-y-3\">\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-shutter-type-0\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'global-shutter'\"\r\n                                  x-model=\"selectedAttributes['pa_shutter-type']\"\r\n                                  @change=\"updateAttributeFilter()\"\r\n                                  class=\"h-4 w-4 rounded border-gray-300 dark:border-gray-600 text-primary focus:ring-primary bg-white dark:bg-secondary100 transition-colors\" \/>\r\n                                <span class=\"ml-3 text-gray-700 dark:text-gray-300 group-hover:text-primary dark:group-hover:text-primary transition-colors\">Global Shutter<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-shutter-type-1\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'rolling-shutter'\"\r\n                                  x-model=\"selectedAttributes['pa_shutter-type']\"\r\n                                  @change=\"updateAttributeFilter()\"\r\n                                  class=\"h-4 w-4 rounded border-gray-300 dark:border-gray-600 text-primary focus:ring-primary bg-white dark:bg-secondary100 transition-colors\" \/>\r\n                                <span class=\"ml-3 text-gray-700 dark:text-gray-300 group-hover:text-primary dark:group-hover:text-primary transition-colors\">Rolling Shutter<\/span>\r\n                              <\/label>\r\n                                                      <\/div>\r\n                                                                  <\/div>\r\n                                      <div>\r\n                      <h3 class=\"text-sm font-semibold text-gray-900 dark:text-white mb-3\">Max. RGB-Aufl\u00f6sung<\/h3>\r\n\r\n                                                                                                <div class=\"space-y-3\">\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-max-rgb-resolution-0\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'1280-x-800'\"\r\n                                  x-model=\"selectedAttributes['pa_max-rgb-resolution']\"\r\n                                  @change=\"updateAttributeFilter()\"\r\n                                  class=\"h-4 w-4 rounded border-gray-300 dark:border-gray-600 text-primary focus:ring-primary bg-white dark:bg-secondary100 transition-colors\" \/>\r\n                                <span class=\"ml-3 text-gray-700 dark:text-gray-300 group-hover:text-primary dark:group-hover:text-primary transition-colors\">1280 x 800<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-max-rgb-resolution-1\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'1920-x-1080'\"\r\n                                  x-model=\"selectedAttributes['pa_max-rgb-resolution']\"\r\n                                  @change=\"updateAttributeFilter()\"\r\n                                  class=\"h-4 w-4 rounded border-gray-300 dark:border-gray-600 text-primary focus:ring-primary bg-white dark:bg-secondary100 transition-colors\" \/>\r\n                                <span class=\"ml-3 text-gray-700 dark:text-gray-300 group-hover:text-primary dark:group-hover:text-primary transition-colors\">1920 x 1080<\/span>\r\n                              <\/label>\r\n                                                      <\/div>\r\n                                                                  <\/div>\r\n                                      <div>\r\n                      <h3 class=\"text-sm font-semibold text-gray-900 dark:text-white mb-3\">Max. Aufl\u00f6sung in der Tiefe<\/h3>\r\n\r\n                                                                                                <div class=\"space-y-3\">\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-max-depth-resolution-0\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'1280-x-720'\"\r\n                                  x-model=\"selectedAttributes['pa_max-depth-resolution']\"\r\n                                  @change=\"updateAttributeFilter()\"\r\n                                  class=\"h-4 w-4 rounded border-gray-300 dark:border-gray-600 text-primary focus:ring-primary bg-white dark:bg-secondary100 transition-colors\" \/>\r\n                                <span class=\"ml-3 text-gray-700 dark:text-gray-300 group-hover:text-primary dark:group-hover:text-primary transition-colors\">1280 x 720<\/span>\r\n                              <\/label>\r\n                                                      <\/div>\r\n                                                                  <\/div>\r\n                                      <div>\r\n                      <h3 class=\"text-sm font-semibold text-gray-900 dark:text-white mb-3\">Ideale Reichweite [m]<\/h3>\r\n\r\n                                                                                                <div class=\"space-y-3\">\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-ideal-range-m-0\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'0-3-to-3'\"\r\n                                  x-model=\"selectedAttributes['pa_ideal-range-m']\"\r\n                                  @change=\"updateAttributeFilter()\"\r\n                                  class=\"h-4 w-4 rounded border-gray-300 dark:border-gray-600 text-primary focus:ring-primary bg-white dark:bg-secondary100 transition-colors\" \/>\r\n                                <span class=\"ml-3 text-gray-700 dark:text-gray-300 group-hover:text-primary dark:group-hover:text-primary transition-colors\">0.3 to 3<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-ideal-range-m-1\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'0-5-to-3'\"\r\n                                  x-model=\"selectedAttributes['pa_ideal-range-m']\"\r\n                                  @change=\"updateAttributeFilter()\"\r\n                                  class=\"h-4 w-4 rounded border-gray-300 dark:border-gray-600 text-primary focus:ring-primary bg-white dark:bg-secondary100 transition-colors\" \/>\r\n                                <span class=\"ml-3 text-gray-700 dark:text-gray-300 group-hover:text-primary dark:group-hover:text-primary transition-colors\">0.5 to 3<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-ideal-range-m-2\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'0-6-to-6'\"\r\n                                  x-model=\"selectedAttributes['pa_ideal-range-m']\"\r\n                                  @change=\"updateAttributeFilter()\"\r\n                                  class=\"h-4 w-4 rounded border-gray-300 dark:border-gray-600 text-primary focus:ring-primary bg-white dark:bg-secondary100 transition-colors\" \/>\r\n                                <span class=\"ml-3 text-gray-700 dark:text-gray-300 group-hover:text-primary dark:group-hover:text-primary transition-colors\">0.6 to 6<\/span>\r\n                              <\/label>\r\n                                                      <\/div>\r\n                                                                  <\/div>\r\n                                  <\/form>\r\n                \r\n                <div class=\"p-4 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-secondary100 space-y-3\">\r\n                  <button\r\n                    type=\"button\"\r\n                    @click=\"mobileFiltersOpen = false\"\r\n                    class=\"w-full flex items-center justify-center rounded-md bg-primary px-4 py-2.5 text-sm font-semibold text-white hover:bg-framosDarkBlue dark:hover:bg-primary100 shadow-sm transition-colors focus:outline-none focus:ring-2 focus:ring-primary\">\r\n                    Ergebnisse anzeigen                  <\/button>\r\n                  <button\r\n                    type=\"button\"\r\n                    @click=\"resetFilters()\"\r\n                    class=\"w-full flex items-center justify-center rounded-md bg-white dark:bg-secondary px-4 py-2.5 text-sm font-semibold text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-framosDarkBlue border border-gray-300 dark:border-gray-600 shadow-sm transition-colors focus:outline-none\">\r\n                    Filter zur\u00fccksetzen                  <\/button>\r\n                <\/div>\r\n\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- Active Filters Tag Bar -->\r\n      <div class=\"bg-gray-50 dark:bg-framosDarkBlue border-y border-gray-200 dark:border-gray-700\" x-show=\"activeFiltersList.length > 0\" x-cloak>\r\n        <div class=\"mx-auto max-w-7xl px-4 py-3 sm:flex sm:items-center sm:px-6 lg:px-8\">\r\n          <h3 class=\"text-xs font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400\">\r\n            Aktive Filter          <\/h3>\r\n\r\n          <div aria-hidden=\"true\" class=\"hidden h-5 w-px bg-gray-300 dark:bg-gray-600 sm:ml-4 sm:block\"><\/div>\r\n          <div class=\"mt-2 sm:mt-0 sm:ml-4 flex-1\">\r\n            <div class=\"-m-1 flex flex-wrap items-center gap-2\" x-ref=\"activeFilters\">\r\n              <template x-for=\"filter in activeFiltersList\" :key=\"filter.taxonomy + filter.value\">\r\n                <span class=\"inline-flex items-center rounded-full border border-gray-200 dark:border-gray-600 bg-white dark:bg-secondary px-3 py-1 text-xs font-medium text-gray-900 dark:text-gray-200 shadow-sm\">\r\n                  <span x-text=\"filter.name\"><\/span>\r\n                  <button type=\"button\" class=\"ml-1.5 inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700 hover:text-gray-600 dark:hover:text-gray-300 focus:outline-none transition-colors\"\r\n                    @click=\"removeFilter(filter)\">\r\n                    <span class=\"sr-only\">Remove filter for <span x-text=\"filter.name\"><\/span><\/span>\r\n                    <svg class=\"h-2 w-2\" stroke=\"currentColor\" fill=\"none\" viewBox=\"0 0 8 8\">\r\n                      <path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M1 1l6 6m0-6L1 7\"><\/path>\r\n                    <\/svg>\r\n                  <\/button>\r\n                <\/span>\r\n              <\/template>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Products Table Section -->\r\n      <div class=\"px-4 bg-white dark:bg-secondary sm:px-6 lg:px-8 overflow-x-auto pt-8\">\r\n        <h2 class=\"text-lg font-bold text-gray-900 dark:text-white uppercase tracking-tight\">\r\n          Produkte        <\/h2>\r\n\r\n        <p class=\"mt-1 text-sm pb-0 text-gray-600 dark:text-gray-400\">\r\n          A list of available products with their attributes.        <\/p>\r\n\r\n        <table class=\"w-full border-collapse block md:table divide-y divide-gray-200 dark:divide-gray-700 mt-6\">\r\n          <thead class=\"hidden md:table-header-group\">\r\n            <tr class=\"md:table-row\">\r\n              <th scope=\"col\" class=\"block md:table-cell pb-4 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 dark:text-white border-b border-gray-200 dark:border-gray-700\">Image<\/th>\r\n              <th scope=\"col\" class=\"block md:table-cell px-3 pb-4 text-left text-sm font-semibold text-gray-900 dark:text-white border-b border-gray-200 dark:border-gray-700\">Product<\/th>\r\n                              <th scope=\"col\" class=\"block md:table-cell px-3 pb-4 text-left text-sm font-semibold text-gray-900 dark:text-white border-b border-gray-200 dark:border-gray-700\">\r\n                  Verschluss Typ                <\/th>\r\n                              <th scope=\"col\" class=\"block md:table-cell px-3 pb-4 text-left text-sm font-semibold text-gray-900 dark:text-white border-b border-gray-200 dark:border-gray-700\">\r\n                  Max. RGB-Aufl\u00f6sung                <\/th>\r\n                              <th scope=\"col\" class=\"block md:table-cell px-3 pb-4 text-left text-sm font-semibold text-gray-900 dark:text-white border-b border-gray-200 dark:border-gray-700\">\r\n                  Max. Aufl\u00f6sung in der Tiefe                <\/th>\r\n                              <th scope=\"col\" class=\"block md:table-cell px-3 pb-4 text-left text-sm font-semibold text-gray-900 dark:text-white border-b border-gray-200 dark:border-gray-700\">\r\n                  Ideale Reichweite [m]                <\/th>\r\n                            <th scope=\"col\" class=\"block md:table-cell pb-4 pl-3 pr-4 text-left text-sm font-semibold text-gray-900 border-b border-gray-200 dark:border-gray-700\"><\/th>\r\n            <\/tr>\r\n          <\/thead>\r\n          <tbody x-ref=\"productGrid\" class=\"block md:table-row-group divide-y divide-gray-200 dark:divide-gray-700\/60\">\r\n            <tr class=\"block md:table-row hover:bg-gray-50\/50 dark:hover:bg-secondary100 transition-colors\"><td class=\"block md:table-cell py-4 pl-4 pr-3 text-sm\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/framos.com\/wp-content\/uploads\/2024\/11\/dscf2116-1-150x150.jpg\" class=\"h-10 w-10 object-contain rounded\" alt=\"FRAMOS Tiefenkamera D455e-f (nur Kamera) Tiefenkamera mit IR-Pass-Filter f\u00fcr verbesserte Tiefenerfassung\" \/><\/td><td class=\"block md:table-cell px-3 py-4 text-sm text-gray-700 dark:text-gray-200 dark:visited:text-gray-200 w-full md:w-[20rem]\"><div x-data=\"{ open: false }\" class=\"space-y-1\"><div class=\"flex items-center\"><h3 class=\"text-sm font-semibold text-gray-900 dark:text-gray-200\"><a href=\"https:\/\/framos.com\/de\/produkt\/3d-de\/3d-kameras\/framos-tiefenkamera-d455e-f-nur-kamera-27134\/\" class=\"text-gray-900 dark:text-white hover:text-primary visited:text-gray-900 dark:visited:text-white transition-colors\">FRAMOS Tiefenkamera D455e-f (nur Kamera)<\/a><\/h3><button @click=\"open = !open\" class=\"ml-2 flex-shrink-0 text-gray-400 hover:text-primary focus:outline-none transition-colors\"><svg :class=\"open ? 'transform rotate-180 text-primary' : ''\" class=\"h-4 w-4 transition-transform duration-200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg><\/button><\/div><div x-show=\"open\" x-transition:enter=\"transition ease-out duration-200\" x-transition:enter-start=\"opacity-0 max-h-0\" x-transition:enter-end=\"opacity-100 max-h-40\" x-transition:leave=\"transition ease-in duration-150\" x-transition:leave-start=\"opacity-100 max-h-40\" x-transition:leave-end=\"opacity-0 max-h-0\" class=\"mt-1.5 text-xs text-gray-500 dark:text-gray-400 overflow-hidden\">Tiefenkamera mit Intel\u00ae RealSense\u2122-Technologie, IR-Durchlassfilter, Global-Shutter, M12-Ethernet<\/div><\/div><\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Verschluss Typ<\/span>Global Shutter<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Max. RGB-Aufl\u00f6sung<\/span>1280 x 800<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Max. Aufl\u00f6sung in der Tiefe<\/span>1280 x 720<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Ideale Reichweite [m]<\/span>0.6 to 6<\/td><td class=\"block md:table-cell py-4 pl-3 pr-4 text-sm font-medium text-right\"><a href=\"https:\/\/framos.com\/de\/produkt\/3d-de\/3d-kameras\/framos-tiefenkamera-d455e-f-nur-kamera-27134\/\" class=\"text-primary hover:text-framosDarkBlue visited:text-primary dark:visited:text-primary dark:hover:text-framosSkyBlue transition-colors\">Produkt ansehen<\/a><\/td><\/tr><tr class=\"block md:table-row hover:bg-gray-50\/50 dark:hover:bg-secondary100 transition-colors\"><td class=\"block md:table-cell py-4 pl-4 pr-3 text-sm\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/framos.com\/wp-content\/uploads\/2024\/11\/2D455frontLevel-150x150.png\" class=\"h-10 w-10 object-contain rounded\" alt=\"FRAMOS Tiefenkamera D455e-f Starter Kit\" \/><\/td><td class=\"block md:table-cell px-3 py-4 text-sm text-gray-700 dark:text-gray-200 dark:visited:text-gray-200 w-full md:w-[20rem]\"><div x-data=\"{ open: false }\" class=\"space-y-1\"><div class=\"flex items-center\"><h3 class=\"text-sm font-semibold text-gray-900 dark:text-gray-200\"><a href=\"https:\/\/framos.com\/de\/produkt\/3d-de\/3d-kameras\/framos-depth-camera-d455e-f-starter-kit-27133\/\" class=\"text-gray-900 dark:text-white hover:text-primary visited:text-gray-900 dark:visited:text-white transition-colors\">FRAMOS Tiefenkamera D455e-f Starter Kit<\/a><\/h3><button @click=\"open = !open\" class=\"ml-2 flex-shrink-0 text-gray-400 hover:text-primary focus:outline-none transition-colors\"><svg :class=\"open ? 'transform rotate-180 text-primary' : ''\" class=\"h-4 w-4 transition-transform duration-200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg><\/button><\/div><div x-show=\"open\" x-transition:enter=\"transition ease-out duration-200\" x-transition:enter-start=\"opacity-0 max-h-0\" x-transition:enter-end=\"opacity-100 max-h-40\" x-transition:leave=\"transition ease-in duration-150\" x-transition:leave-start=\"opacity-100 max-h-40\" x-transition:leave-end=\"opacity-0 max-h-0\" class=\"mt-1.5 text-xs text-gray-500 dark:text-gray-400 overflow-hidden\">Komplettes Starterkit mit Intel\u00ae RealSense\u2122 Technologie, IR-Passfilter, Global Shutter Sensoren<\/div><\/div><\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Verschluss Typ<\/span>Global Shutter<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Max. RGB-Aufl\u00f6sung<\/span>1280 x 800<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Max. Aufl\u00f6sung in der Tiefe<\/span>1280 x 720<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Ideale Reichweite [m]<\/span>0.6 to 6<\/td><td class=\"block md:table-cell py-4 pl-3 pr-4 text-sm font-medium text-right\"><a href=\"https:\/\/framos.com\/de\/produkt\/3d-de\/3d-kameras\/framos-depth-camera-d455e-f-starter-kit-27133\/\" class=\"text-primary hover:text-framosDarkBlue visited:text-primary dark:visited:text-primary dark:hover:text-framosSkyBlue transition-colors\">Produkt ansehen<\/a><\/td><\/tr><tr class=\"block md:table-row hover:bg-gray-50\/50 dark:hover:bg-secondary100 transition-colors\"><td class=\"block md:table-cell py-4 pl-4 pr-3 text-sm\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/framos.com\/wp-content\/uploads\/2024\/11\/dscf2112-1-150x150.jpg\" class=\"h-10 w-10 object-contain rounded\" alt=\"FRAMOS Tiefenkamera D435e-f (nur Kamera) Tiefenkamera mit IR-Passfilter f\u00fcr schwierige Lichtverh\u00e4ltnisse\" \/><\/td><td class=\"block md:table-cell px-3 py-4 text-sm text-gray-700 dark:text-gray-200 dark:visited:text-gray-200 w-full md:w-[20rem]\"><div x-data=\"{ open: false }\" class=\"space-y-1\"><div class=\"flex items-center\"><h3 class=\"text-sm font-semibold text-gray-900 dark:text-gray-200\"><a href=\"https:\/\/framos.com\/de\/produkt\/3d-de\/3d-kameras\/framos-tiefenkamera-d435e-f-nur-kamera-27132\/\" class=\"text-gray-900 dark:text-white hover:text-primary visited:text-gray-900 dark:visited:text-white transition-colors\">FRAMOS Tiefenkamera D435e-f (nur Kamera)<\/a><\/h3><button @click=\"open = !open\" class=\"ml-2 flex-shrink-0 text-gray-400 hover:text-primary focus:outline-none transition-colors\"><svg :class=\"open ? 'transform rotate-180 text-primary' : ''\" class=\"h-4 w-4 transition-transform duration-200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg><\/button><\/div><div x-show=\"open\" x-transition:enter=\"transition ease-out duration-200\" x-transition:enter-start=\"opacity-0 max-h-0\" x-transition:enter-end=\"opacity-100 max-h-40\" x-transition:leave=\"transition ease-in duration-150\" x-transition:leave-start=\"opacity-100 max-h-40\" x-transition:leave-end=\"opacity-0 max-h-0\" class=\"mt-1.5 text-xs text-gray-500 dark:text-gray-400 overflow-hidden\">Tiefenkamera mit Intel\u00ae RealSense\u2122-Technologie, IR-Durchlassfilter, Global-Shutter, M12-Ethernet-IR-Durchlassfilter f\u00fcr eine verbesserte Tiefenerfassung\nGro\u00dfes Sichtfeld f\u00fcr 3D-Sicht\nGlobal-Shutter-Sensoren\nWasser- und staubdichtes Geh\u00e4use gem\u00e4\u00df Schutzart IP66<\/div><\/div><\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Verschluss Typ<\/span>Global Shutter<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Max. RGB-Aufl\u00f6sung<\/span>1920 x 1080<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Max. Aufl\u00f6sung in der Tiefe<\/span>1280 x 720<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Ideale Reichweite [m]<\/span>0.3 to 3<\/td><td class=\"block md:table-cell py-4 pl-3 pr-4 text-sm font-medium text-right\"><a href=\"https:\/\/framos.com\/de\/produkt\/3d-de\/3d-kameras\/framos-tiefenkamera-d435e-f-nur-kamera-27132\/\" class=\"text-primary hover:text-framosDarkBlue visited:text-primary dark:visited:text-primary dark:hover:text-framosSkyBlue transition-colors\">Produkt ansehen<\/a><\/td><\/tr><tr class=\"block md:table-row hover:bg-gray-50\/50 dark:hover:bg-secondary100 transition-colors\"><td class=\"block md:table-cell py-4 pl-4 pr-3 text-sm\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/framos.com\/wp-content\/uploads\/2024\/11\/Framos_D435e_12a_web_resized0w6PlOtZxe5bf-scaled-1-150x150.jpg\" class=\"h-10 w-10 object-contain rounded\" alt=\"FRAMOS Tiefenkamera D435e-f Starter Kit\" \/><\/td><td class=\"block md:table-cell px-3 py-4 text-sm text-gray-700 dark:text-gray-200 dark:visited:text-gray-200 w-full md:w-[20rem]\"><div x-data=\"{ open: false }\" class=\"space-y-1\"><div class=\"flex items-center\"><h3 class=\"text-sm font-semibold text-gray-900 dark:text-gray-200\"><a href=\"https:\/\/framos.com\/de\/produkt\/3d-de\/3d-kameras\/framos-depth-camera-d435e-f-starter-kit-27131\/\" class=\"text-gray-900 dark:text-white hover:text-primary visited:text-gray-900 dark:visited:text-white transition-colors\">FRAMOS Tiefenkamera D435e-f Starter Kit<\/a><\/h3><button @click=\"open = !open\" class=\"ml-2 flex-shrink-0 text-gray-400 hover:text-primary focus:outline-none transition-colors\"><svg :class=\"open ? 'transform rotate-180 text-primary' : ''\" class=\"h-4 w-4 transition-transform duration-200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg><\/button><\/div><div x-show=\"open\" x-transition:enter=\"transition ease-out duration-200\" x-transition:enter-start=\"opacity-0 max-h-0\" x-transition:enter-end=\"opacity-100 max-h-40\" x-transition:leave=\"transition ease-in duration-150\" x-transition:leave-start=\"opacity-100 max-h-40\" x-transition:leave-end=\"opacity-0 max-h-0\" class=\"mt-1.5 text-xs text-gray-500 dark:text-gray-400 overflow-hidden\">Komplettes Starterkit mit Intel\u00ae RealSense\u2122 Technologie, IR-Passfilter, M12 Ethernet, Global Shutter<\/div><\/div><\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Verschluss Typ<\/span>Global Shutter<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Max. RGB-Aufl\u00f6sung<\/span>1920 x 1080<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Max. Aufl\u00f6sung in der Tiefe<\/span>1280 x 720<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Ideale Reichweite [m]<\/span>0.3 to 3<\/td><td class=\"block md:table-cell py-4 pl-3 pr-4 text-sm font-medium text-right\"><a href=\"https:\/\/framos.com\/de\/produkt\/3d-de\/3d-kameras\/framos-depth-camera-d435e-f-starter-kit-27131\/\" class=\"text-primary hover:text-framosDarkBlue visited:text-primary dark:visited:text-primary dark:hover:text-framosSkyBlue transition-colors\">Produkt ansehen<\/a><\/td><\/tr><tr class=\"block md:table-row hover:bg-gray-50\/50 dark:hover:bg-secondary100 transition-colors\"><td class=\"block md:table-cell py-4 pl-4 pr-3 text-sm\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/framos.com\/wp-content\/uploads\/2024\/11\/1D455frontHigh-150x150.png\" class=\"h-10 w-10 object-contain rounded\" alt=\"FRAMOS Tiefenkamera D455e Starter-Kit \u2013 Starter-Kit f\u00fcr Tiefenkamera mit hochpr\u00e4ziser 3D-Bildverarbeitung\" \/><\/td><td class=\"block md:table-cell px-3 py-4 text-sm text-gray-700 dark:text-gray-200 dark:visited:text-gray-200 w-full md:w-[20rem]\"><div x-data=\"{ open: false }\" class=\"space-y-1\"><div class=\"flex items-center\"><h3 class=\"text-sm font-semibold text-gray-900 dark:text-gray-200\"><a href=\"https:\/\/framos.com\/de\/produkt\/3d-de\/3d-kameras\/framos-tiefenkamera-d455e-starter-kit-25385\/\" class=\"text-gray-900 dark:text-white hover:text-primary visited:text-gray-900 dark:visited:text-white transition-colors\">FRAMOS Tiefenkamera D455e Starter-Kit<\/a><\/h3><button @click=\"open = !open\" class=\"ml-2 flex-shrink-0 text-gray-400 hover:text-primary focus:outline-none transition-colors\"><svg :class=\"open ? 'transform rotate-180 text-primary' : ''\" class=\"h-4 w-4 transition-transform duration-200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg><\/button><\/div><div x-show=\"open\" x-transition:enter=\"transition ease-out duration-200\" x-transition:enter-start=\"opacity-0 max-h-0\" x-transition:enter-end=\"opacity-100 max-h-40\" x-transition:leave=\"transition ease-in duration-150\" x-transition:leave-start=\"opacity-100 max-h-40\" x-transition:leave-end=\"opacity-0 max-h-0\" class=\"mt-1.5 text-xs text-gray-500 dark:text-gray-400 overflow-hidden\">Umfassendes Starter-Kit mit Intel\u00ae RealSense\u2122-Technologie, M12-Ethernet und Global-Shutter-Sensoren<\/div><\/div><\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Verschluss Typ<\/span>Global Shutter<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Max. RGB-Aufl\u00f6sung<\/span>1280 x 800<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Max. Aufl\u00f6sung in der Tiefe<\/span>1280 x 720<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Ideale Reichweite [m]<\/span>0.6 to 6<\/td><td class=\"block md:table-cell py-4 pl-3 pr-4 text-sm font-medium text-right\"><a href=\"https:\/\/framos.com\/de\/produkt\/3d-de\/3d-kameras\/framos-tiefenkamera-d455e-starter-kit-25385\/\" class=\"text-primary hover:text-framosDarkBlue visited:text-primary dark:visited:text-primary dark:hover:text-framosSkyBlue transition-colors\">Produkt ansehen<\/a><\/td><\/tr><tr class=\"block md:table-row hover:bg-gray-50\/50 dark:hover:bg-secondary100 transition-colors\"><td class=\"block md:table-cell py-4 pl-4 pr-3 text-sm\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/framos.com\/wp-content\/uploads\/2024\/11\/1D455frontHigh-150x150.png\" class=\"h-10 w-10 object-contain rounded\" alt=\"FRAMOS Tiefenkamera D455e Starter-Kit \u2013 Starter-Kit f\u00fcr Tiefenkamera mit hochpr\u00e4ziser 3D-Bildverarbeitung\" \/><\/td><td class=\"block md:table-cell px-3 py-4 text-sm text-gray-700 dark:text-gray-200 dark:visited:text-gray-200 w-full md:w-[20rem]\"><div x-data=\"{ open: false }\" class=\"space-y-1\"><div class=\"flex items-center\"><h3 class=\"text-sm font-semibold text-gray-900 dark:text-gray-200\"><a href=\"https:\/\/framos.com\/de\/produkt\/3d-de\/3d-kameras\/framos-depth-camera-d455e-nur-kamera-25387\/\" class=\"text-gray-900 dark:text-white hover:text-primary visited:text-gray-900 dark:visited:text-white transition-colors\">FRAMOS Tiefenkamera D455e (nur Kamera)<\/a><\/h3><button @click=\"open = !open\" class=\"ml-2 flex-shrink-0 text-gray-400 hover:text-primary focus:outline-none transition-colors\"><svg :class=\"open ? 'transform rotate-180 text-primary' : ''\" class=\"h-4 w-4 transition-transform duration-200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg><\/button><\/div><div x-show=\"open\" x-transition:enter=\"transition ease-out duration-200\" x-transition:enter-start=\"opacity-0 max-h-0\" x-transition:enter-end=\"opacity-100 max-h-40\" x-transition:leave=\"transition ease-in duration-150\" x-transition:leave-start=\"opacity-100 max-h-40\" x-transition:leave-end=\"opacity-0 max-h-0\" class=\"mt-1.5 text-xs text-gray-500 dark:text-gray-400 overflow-hidden\">Hochpr\u00e4zise 3D-Tiefenkamera, Intel\u00ae RealSense\u2122, Ethernet M12, Global-Shutter, IP66-Geh\u00e4use<\/div><\/div><\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Verschluss Typ<\/span>Global Shutter<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Max. RGB-Aufl\u00f6sung<\/span>1280 x 800<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Max. Aufl\u00f6sung in der Tiefe<\/span>1280 x 720<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Ideale Reichweite [m]<\/span>0.6 to 6<\/td><td class=\"block md:table-cell py-4 pl-3 pr-4 text-sm font-medium text-right\"><a href=\"https:\/\/framos.com\/de\/produkt\/3d-de\/3d-kameras\/framos-depth-camera-d455e-nur-kamera-25387\/\" class=\"text-primary hover:text-framosDarkBlue visited:text-primary dark:visited:text-primary dark:hover:text-framosSkyBlue transition-colors\">Produkt ansehen<\/a><\/td><\/tr><tr class=\"block md:table-row hover:bg-gray-50\/50 dark:hover:bg-secondary100 transition-colors\"><td class=\"block md:table-cell py-4 pl-4 pr-3 text-sm\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"80\" src=\"https:\/\/framos.com\/wp-content\/uploads\/2024\/04\/Pic-1-FRAMOS-D415e-industrial-3D-GigE-Vision-camerariJir8njNGku9-scaled.jpg\" class=\"h-10 w-10 object-contain rounded\" alt=\"FRAMOS Tiefenkamera D415e Starter-Kit \u2013 Industrielle Tiefenkamera mit Intel\u00ae RealSense\u2122-Technologie\" \/><\/td><td class=\"block md:table-cell px-3 py-4 text-sm text-gray-700 dark:text-gray-200 dark:visited:text-gray-200 w-full md:w-[20rem]\"><div x-data=\"{ open: false }\" class=\"space-y-1\"><div class=\"flex items-center\"><h3 class=\"text-sm font-semibold text-gray-900 dark:text-gray-200\"><a href=\"https:\/\/framos.com\/de\/produkt\/3d-de\/3d-kameras\/framos-tiefenkamera-d415e-starter-kit-24362\/\" class=\"text-gray-900 dark:text-white hover:text-primary visited:text-gray-900 dark:visited:text-white transition-colors\">FRAMOS Tiefenkamera D415e Starter-Kit<\/a><\/h3><button @click=\"open = !open\" class=\"ml-2 flex-shrink-0 text-gray-400 hover:text-primary focus:outline-none transition-colors\"><svg :class=\"open ? 'transform rotate-180 text-primary' : ''\" class=\"h-4 w-4 transition-transform duration-200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg><\/button><\/div><div x-show=\"open\" x-transition:enter=\"transition ease-out duration-200\" x-transition:enter-start=\"opacity-0 max-h-0\" x-transition:enter-end=\"opacity-100 max-h-40\" x-transition:leave=\"transition ease-in duration-150\" x-transition:leave-start=\"opacity-100 max-h-40\" x-transition:leave-end=\"opacity-0 max-h-0\" class=\"mt-1.5 text-xs text-gray-500 dark:text-gray-400 overflow-hidden\">Industrielle Tiefenkamera mit Intel\u00ae RealSense\u2122-Technologie, Ethernet M12, Rolling-Shutter-Sensoren, Starter-Kit<\/div><\/div><\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Verschluss Typ<\/span>Rolling Shutter<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Max. RGB-Aufl\u00f6sung<\/span>1920 x 1080<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Max. Aufl\u00f6sung in der Tiefe<\/span>1280 x 720<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Ideale Reichweite [m]<\/span>0.5 to 3<\/td><td class=\"block md:table-cell py-4 pl-3 pr-4 text-sm font-medium text-right\"><a href=\"https:\/\/framos.com\/de\/produkt\/3d-de\/3d-kameras\/framos-tiefenkamera-d415e-starter-kit-24362\/\" class=\"text-primary hover:text-framosDarkBlue visited:text-primary dark:visited:text-primary dark:hover:text-framosSkyBlue transition-colors\">Produkt ansehen<\/a><\/td><\/tr><tr class=\"block md:table-row hover:bg-gray-50\/50 dark:hover:bg-secondary100 transition-colors\"><td class=\"block md:table-cell py-4 pl-4 pr-3 text-sm\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"80\" src=\"https:\/\/framos.com\/wp-content\/uploads\/2024\/04\/Pic-1-FRAMOS-D415e-industrial-3D-GigE-Vision-camerariJir8njNGku9-scaled.jpg\" class=\"h-10 w-10 object-contain rounded\" alt=\"FRAMOS Tiefenkamera D415e Starter-Kit \u2013 Industrielle Tiefenkamera mit Intel\u00ae RealSense\u2122-Technologie\" \/><\/td><td class=\"block md:table-cell px-3 py-4 text-sm text-gray-700 dark:text-gray-200 dark:visited:text-gray-200 w-full md:w-[20rem]\"><div x-data=\"{ open: false }\" class=\"space-y-1\"><div class=\"flex items-center\"><h3 class=\"text-sm font-semibold text-gray-900 dark:text-gray-200\"><a href=\"https:\/\/framos.com\/de\/produkt\/3d-de\/3d-kameras\/framos-depth-camera-d415e-nur-kamera-24363\/\" class=\"text-gray-900 dark:text-white hover:text-primary visited:text-gray-900 dark:visited:text-white transition-colors\">FRAMOS-Tiefenkamera D415e (nur Kamera)<\/a><\/h3><button @click=\"open = !open\" class=\"ml-2 flex-shrink-0 text-gray-400 hover:text-primary focus:outline-none transition-colors\"><svg :class=\"open ? 'transform rotate-180 text-primary' : ''\" class=\"h-4 w-4 transition-transform duration-200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg><\/button><\/div><div x-show=\"open\" x-transition:enter=\"transition ease-out duration-200\" x-transition:enter-start=\"opacity-0 max-h-0\" x-transition:enter-end=\"opacity-100 max-h-40\" x-transition:leave=\"transition ease-in duration-150\" x-transition:leave-start=\"opacity-100 max-h-40\" x-transition:leave-end=\"opacity-0 max-h-0\" class=\"mt-1.5 text-xs text-gray-500 dark:text-gray-400 overflow-hidden\">3D-Tiefenkamera mit Intel\u00ae RealSense\u2122-Technologie, Ethernet M12, IP66-Geh\u00e4use, Rolling-Shutter-Sensoren<\/div><\/div><\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Verschluss Typ<\/span>Rolling Shutter<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Max. RGB-Aufl\u00f6sung<\/span>1920 x 1080<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Max. Aufl\u00f6sung in der Tiefe<\/span>1280 x 720<\/td><td class=\"inline-block w-1\/2 md:table-cell md:w-auto px-3 py-1 md:py-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\"><span class=\"md:hidden block text-xs md:text-sm font-semibold text-gray-900 dark:text-gray-200 mb-1\">Ideale Reichweite [m]<\/span>0.5 to 3<\/td><td class=\"block md:table-cell py-4 pl-3 pr-4 text-sm font-medium text-right\"><a href=\"https:\/\/framos.com\/de\/produkt\/3d-de\/3d-kameras\/framos-depth-camera-d415e-nur-kamera-24363\/\" class=\"text-primary hover:text-framosDarkBlue visited:text-primary dark:visited:text-primary dark:hover:text-framosSkyBlue transition-colors\">Produkt ansehen<\/a><\/td><\/tr>          <\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n      \r\n      <!-- Pagination \/ Footer -->\r\n      <div class=\"px-4 py-4 sm:px-6 bg-white dark:bg-secondary rounded-b-3xl\">\r\n        <div class=\"flex items-center justify-between border-t border-gray-200 dark:border-gray-700 pt-4\">\r\n\r\n          <!-- Mobile only: simple prev\/next -->\r\n          <div class=\"flex w-full justify-between sm:hidden gap-4\">\r\n            <a href=\"#\"\r\n              @click.prevent=\"prevPage()\"\r\n              class=\"relative inline-flex flex-1 items-center justify-center rounded-md border border-gray-300 dark:border-gray-600 bg-white dark:bg-secondary100 px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-framosDarkBlue transition-colors\">\r\n              Previous\r\n            <\/a>\r\n            <a href=\"#\"\r\n              @click.prevent=\"nextPage()\"\r\n              class=\"relative inline-flex flex-1 items-center justify-center rounded-md border border-gray-300 dark:border-gray-600 bg-white dark:bg-secondary100 px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-framosDarkBlue transition-colors\">\r\n              Next\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <!-- Desktop only: summary + nav inline -->\r\n          <div class=\"hidden sm:flex sm:flex-1 sm:items-center sm:justify-between\">\r\n\r\n            <!-- Summary -->\r\n            <p class=\"text-sm text-gray-600 dark:text-gray-400\">\r\n              Showing <span class=\"font-medium text-gray-900 dark:text-white\" x-text=\"(currentPage - 1)*perPage + 1\"><\/span> to <span class=\"font-medium text-gray-900 dark:text-white\" x-text=\"Math.min(currentPage*perPage, totalResults)\"><\/span> of <span class=\"font-medium text-gray-900 dark:text-white\" x-text=\"totalResults\"><\/span> results            <\/p>\r\n\r\n            <!-- Pagination arrows -->\r\n            <nav class=\"isolate inline-flex -space-x-px rounded-md shadow-sm\" aria-label=\"Pagination\">\r\n              <a href=\"#\"\r\n                @click.prevent=\"prevPage()\"\r\n                class=\"relative inline-flex items-center rounded-l-md px-2 py-2 text-gray-400 hover:text-gray-500 dark:hover:text-gray-300 ring-1 ring-inset ring-gray-300 dark:ring-gray-600 bg-white dark:bg-secondary hover:bg-gray-50 dark:hover:bg-secondary100 focus:z-20 transition-colors\">\r\n                <span class=\"sr-only\">Previous<\/span>\r\n                <svg class=\"h-5 w-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                  <path fill-rule=\"evenodd\"\r\n                    d=\"M11.78 5.22a.75.75 0 010 1.06L8.06 10l3.72 3.72a.75.75 0 11-1.06 1.06l-4.25-4.25a.75.75 0 010-1.06l4.25-4.25a.75.75 0 011.06 0z\"\r\n                    clip-rule=\"evenodd\" \/>\r\n                <\/svg>\r\n              <\/a>\r\n              <span class=\"relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 ring-1 ring-inset ring-gray-300 dark:ring-gray-600 bg-gray-50 dark:bg-framosDarkBlue\">\r\n                Page <span class=\"mx-1 font-semibold text-gray-900 dark:text-white\" x-text=\"currentPage\"><\/span> of <span class=\"ml-1 font-semibold text-gray-900 dark:text-white\" x-text=\"totalPages\"><\/span>\r\n              <\/span>\r\n              <a href=\"#\"\r\n                @click.prevent=\"nextPage()\"\r\n                class=\"relative inline-flex items-center rounded-r-md px-2 py-2 text-gray-400 hover:text-gray-500 dark:hover:text-gray-300 ring-1 ring-inset ring-gray-300 dark:ring-gray-600 bg-white dark:bg-secondary hover:bg-gray-50 dark:hover:bg-secondary100 focus:z-20 transition-colors\">\r\n                <span class=\"sr-only\">Next<\/span>\r\n                <svg class=\"h-5 w-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                  <path fill-rule=\"evenodd\" d=\"M8.22 14.78a.75.75 0 010-1.06L11.94 10 8.22 6.28a.75.75 0 111.06-1.06l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06 0z\" clip-rule=\"evenodd\" \/>\r\n                <\/svg>\r\n              <\/a>\r\n            <\/nav>\r\n\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\n<\/div><\/div>\n\n<div class=\"wp-block-group py-8\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"py-16\">\n   <div class=\"px-4 sm:px-0\">\n      <h3 id=\"software-package\" class=\"text-base\/7 font-semibold text-gray-900\">Software &#038; Dokumentation<\/h3>\n      <p class=\"mt-1 max-w-2xl text-sm\/6 text-gray-500 dark:text-gray-300\">Enth\u00e4lt Tools f\u00fcr Erstinbetriebnahme und Konfiguration.<\/p>\n   <\/div>\n   <div class=\"mt-6 border-t border-gray-100\">\n      <div id=\"release-notes\" class=\"px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0\">\n         <dt class=\"text-sm\/6 font-medium text-gray-900 dark:text-gray-200\">D400e Download Center<\/dt>\n         <dd class=\"mt-2 text-sm text-gray-900 sm:col-span-2 sm:mt-0\">\n            <ul role=\"list\" class=\"divide-y divide-gray-100 rounded-md border border-gray-200 py-0\">\n               <li class=\"flex items-center justify-between py-4 pl-4 pr-5 text-sm\/6\">\n                  <div class=\"flex w-0 flex-1 items-center\">\n                     <svg class=\"w-5 h-5 shrink-0 text-gray-400\" viewbox=\"0 0 20 20\" fill=\"currentColor\">\n                        <path fill-rule=\"evenodd\" d=\"M15.621 4.379a3 3 0 0 0-4.242 0l-7 7a3 3 0 0 0 4.241 4.243h.001l.497-.5a.75.75 0 0 1 1.064 1.057l-.498.501-.002.002a4.5 4.5 0 0 1-6.364-6.364l7-7a4.5 4.5 0 0 1 6.368 6.36l-3.455 3.553A2.625 2.625 0 1 1 9.52 9.52l3.45-3.451a.75.75 0 1 1 1.061 1.06l-3.45 3.451a1.125 1.125 0 0 0 1.587 1.595l3.454-3.553a3 3 0 0 0 0-4.242Z\" clip-rule=\"evenodd\"><\/path>\n                     <\/svg>\n                     <div class=\"ml-4 flex min-w-0 flex-1 gap-2\">\n                        <span class=\"truncate font-medium dark:text-white\">Kamerasoftware, Firmware &#038; Dokumentation<\/span>\n                     <\/div>\n                  <\/div>\n                  <div class=\"ml-4 shrink-0\">\n                     <a href=\"https:\/\/framos.com\/de\/ressourcen\/produktunterstutzung\/downloads\/framos-d400e-depth-camera-downloads\/\" class=\"font-medium text-primary hover:text-primary\/50\" target=\"_blank\" rel=\"noopener noreferrer\">\n Besuchen <\/a>\n                  <\/div>\n               <\/li>\n            <\/ul>\n         <\/dd>\n      <\/div>\n   <\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>D400E SERIE TECHNISCHE DATEN INDUSTRIELLE LEISTUNGSMETRIKEN ergleichen Sie industrielle 3D-Tiefenkameras. Die IP66-gesch\u00fctzten Systeme nutzen RealSense\u2122 Technologie f\u00fcr hochpr\u00e4zise Bildverarbeitung in anspruchsvollen Umgebungen. Filtern und vergleichen D400E Produktpalette Durchsuchen Sie die [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10115,"parent":11892,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"tech-template.php","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-11966","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/11966","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/comments?post=11966"}],"version-history":[{"count":3,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/11966\/revisions"}],"predecessor-version":[{"id":27986,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/11966\/revisions\/27986"}],"up":[{"embeddable":true,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/11892"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/media\/10115"}],"wp:attachment":[{"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/media?parent=11966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}