{"id":11895,"date":"2025-01-17T10:07:36","date_gmt":"2025-01-17T10:07:36","guid":{"rendered":"https:\/\/framos.com\/lenses\/"},"modified":"2026-07-31T06:58:55","modified_gmt":"2026-07-31T06:58:55","slug":"objektive","status":"publish","type":"page","link":"https:\/\/framos.com\/de\/produkte-dienstleistungen\/optik\/objektive\/","title":{"rendered":"BILDQUALIT\u00c4T BEGINNT MIT DER RICHTIGEN OPTIK"},"content":{"rendered":"<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-6abf6da7bdc92\" 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-6abf6da7bdc92)\" \/>\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 OBJEKTIVE AUSGEW\u00c4HLT, VALIDIERT UND UNTERST\u00dcTZT DURCH FRAMOS <\/h2>\n\n  <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 my-8\">\n <br>FRAMOS geht \u00fcber die reine Bereitstellung von Optiken hinaus: Jedes Objektiv wird ausgew\u00e4hlt, validiert und vollst\u00e4ndig betreut, um zuverl\u00e4ssig im jeweiligen System zu funktionieren. Mit Entwicklung in Europa sowie kontrollierter Fertigung und Qualit\u00e4ts\u00fcberwachung stellt FRAMOS eine konsistente und reproduzierbare Bildleistung im Serieneinsatz sicher.  <\/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>Lenses Selected, Verified, and Supported by FRAMOS<\/strong><span><br>FRAMOS goes beyond supplying optics, every lens is selected, verified, and fully managed to perform in your system. With engineering led from Europe and controlled manufacturing and quality oversight, we deliver optics you can rely on for consistent, repeatable image performance at scale.<\/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@objektive\" 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 Objektive als Treiber der Systemleistung <\/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>Objektive, abgestimmt auf Sensor und Anwendung, unterst\u00fctzt durch FRAMOS Engineering<\/li>\n\n\n\n<li>Durchg\u00e4ngiges lieferantenmanagement und beschaffung f\u00fcr konstante qualit\u00e4t und verf\u00fcgbarkeit<\/li>\n\n\n\n<li>Reduziertes integrationsrisiko durch validierte optiken und systemabstimmung<\/li>\n\n\n\n<li>Zuverl\u00e4ssige, reproduzierbare bildleistung im serieneinsatz<\/li>\n<\/ul>\n <\/dd>\n<\/div>\n\n\n<div class=\"mt-24 flex flex-col sm:flex-row gap-y-8 sm:gap-y-0 sm:gap-x-6 items-center justify-start\">\n  <a href=\"https:\/\/framos.com\/services\/custom-lens-optical-design\/\"\n  class=\"rounded-full group relative bg-primary px-7 md:px-11 py-2.5 text-base border-0 text-white visited:text-white shadow-sm hover:bg-framosDarkBlue hover:text-white dark:bg-primary dark:text-white sm:w-auto flex items-center md:ml-0\"  data-cta=\"true\" data-cta-id=\"framos_button-group.1.\" data-cta-label=\"\" data-cta-location=\"framos_button-group@objektive\" data-cta-destination=\"\" data-cta-type=\"inline\">\n Custom Lens Design <div class=\"ml-1 -rotate-45 transition-all duration-200 group-hover:rotate-0\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\">\n <path d=\"M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z\" fill=\"currentColor\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" \/>\n <\/svg>\n <\/div>\n <\/a>\n \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\/FRAMOS-lens-selector-interface-showcasing-different-lens-types.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=\"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_left,white,transparent)]\" aria-hidden=\"true\">\n <defs>\n <pattern id=\"pattern-grid-6abf6da7be5f3\" 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-6abf6da7be5f3)\" \/>\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 lg:flex-row-reverse\">\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 QUALIFIZIERTE OBJEKTIVE F\u00dcR BESTE PERFORMANCE MIT FRAMOS KAMERAMODULEN <\/h2>\n\n  <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 my-8\">\n FRAMOS bietet ein kuratiertes Portfolio qualifizierter Objektive mit unterschiedlichen Sichtfeldern, abgestimmt auf FRAMOS Sensormodule, und stellt so eine zuverl\u00e4ssige optische Leistung \u00fcber ein breites Anwendungsspektrum sicher.<br> <\/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>Qualified Lenses for best performance with FRAMOS sensor modules<\/strong><span>FRAMOS provides a curated portfolio of qualified lenses covering different fields of view aligned with FRAMOS sensor modules, ensuring reliable optical performance across a wide range of use cases.<br><\/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.2.button\" data-cta-label=\"\" data-cta-location=\"framos_accordion@objektive\" 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>Optiken validiert f\u00fcr reale Einsatzbedingungen<\/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>Qualifizierte Objektive optimiert f\u00fcr FRAMOS Module<\/li>\n\n\n\n<li>Breites Spektrum an Sichtfeldern f\u00fcr unterschiedliche Anwendungen<\/li>\n\n\n\n<li>Validiert f\u00fcr reale Performance und Zuverl\u00e4ssigkeit<\/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\/2026\/03\/camera-sensor-module-and-lens-combination-2.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\n<div id=\"product-lineup\" class=\"wp-block-group py-24 bg-gradient-to-b dark:from-framosDarkBlue dark:to-secondary100\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center pb-16\">Objektiv Portfolio<\/h2>\n\n\n    <div id=\"framos_product_list_6abf6db0945fd\"\r\n      x-data=\"Object.assign(framosProductFilter({&quot;ajaxUrl&quot;:&quot;https:\\\/\\\/framos.com\\\/wp-admin\\\/admin-ajax.php&quot;,&quot;categorySlugs&quot;:[&quot;lenses-optics&quot;],&quot;initialAttributesFilter&quot;:[],&quot;attributesFilter&quot;:[],&quot;metaKeys&quot;:[&quot;mount&quot;,&quot;image-circle-mm&quot;,&quot;resolution-mp&quot;,&quot;focal-length-mm&quot;,&quot;aperture&quot;,&quot;field-of-view-horizontal&quot;],&quot;currentPage&quot;:1,&quot;searchTerm&quot;:&quot;&quot;,&quot;isLoading&quot;:false,&quot;selectedAttributes&quot;:{&quot;pa_mount&quot;:[],&quot;pa_image-circle-mm&quot;:[],&quot;pa_resolution-mp&quot;:[],&quot;pa_focal-length-mm&quot;:[],&quot;pa_aperture&quot;:[],&quot;pa_field-of-view-horizontal&quot;:[]},&quot;filters&quot;:[&quot;search&quot;,&quot;mount&quot;,&quot;image-circle-mm&quot;,&quot;resolution-mp&quot;,&quot;focal-length-mm&quot;,&quot;aperture&quot;,&quot;field-of-view-horizontal&quot;],&quot;totalResults&quot;:807,&quot;totalPages&quot;:101,&quot;perPage&quot;:8,&quot;megapixelMin&quot;:2,&quot;megapixelMax&quot;:50,&quot;megapixelValue&quot;:50,&quot;resolutionMin&quot;:0,&quot;resolutionMax&quot;:20,&quot;resolutionValueMin&quot;:0,&quot;resolutionValueMax&quot;:20,&quot;frameRateMin&quot;:0,&quot;frameRateMax&quot;:120,&quot;frameRateValueMin&quot;:0,&quot;frameRateValueMax&quot;:120,&quot;focalLengthMin&quot;:0,&quot;focalLengthMax&quot;:0,&quot;focalLengthValueMin&quot;:0,&quot;focalLengthValueMax&quot;:0,&quot;imageCircleMin&quot;:0,&quot;imageCircleMax&quot;:0,&quot;imageCircleValueMin&quot;:0,&quot;imageCircleValueMax&quot;:0,&quot;apertureMin&quot;:0,&quot;apertureMax&quot;:0,&quot;apertureValueMin&quot;:0,&quot;apertureValueMax&quot;:0,&quot;fovHorizMin&quot;:0,&quot;fovHorizMax&quot;:0,&quot;fovHorizValueMin&quot;:0,&quot;fovHorizValueMax&quot;:0,&quot;attrLabels&quot;:{&quot;pa_mount&quot;:&quot;Berg&quot;,&quot;pa_image-circle-mm&quot;:&quot;Image Circle [mm]&quot;,&quot;pa_resolution-mp&quot;:&quot;Aufl\\u00f6sung [MP]&quot;,&quot;pa_focal-length-mm&quot;:&quot;Focal Length [mm]&quot;,&quot;pa_aperture&quot;:&quot;Blende&quot;,&quot;pa_field-of-view-horizontal&quot;:&quot;Field of View Horizontal [\\u00b0]&quot;},&quot;termLabels&quot;:{&quot;pa_mount&quot;:{&quot;10466&quot;:&quot;-&quot;,&quot;aam12&quot;:&quot;AAM12&quot;,&quot;c&quot;:&quot;C&quot;,&quot;cs&quot;:&quot;CS&quot;,&quot;f&quot;:&quot;F&quot;,&quot;k&quot;:&quot;K&quot;,&quot;large-mount&quot;:&quot;Large Mount&quot;,&quot;m10&quot;:&quot;M10&quot;,&quot;m12&quot;:&quot;M12&quot;,&quot;m14&quot;:&quot;M14&quot;,&quot;m16&quot;:&quot;M16&quot;,&quot;m20&quot;:&quot;M20&quot;,&quot;m22&quot;:&quot;M22&quot;,&quot;m4&quot;:&quot;M4&quot;,&quot;m4-5&quot;:&quot;M4.5&quot;,&quot;m5-5&quot;:&quot;M5.5&quot;,&quot;m6&quot;:&quot;M6&quot;,&quot;m6-5&quot;:&quot;M6.5&quot;,&quot;m7&quot;:&quot;M7&quot;,&quot;m8&quot;:&quot;M8&quot;,&quot;m8-p0-35&quot;:&quot;M8 P0.35&quot;,&quot;s-mount&quot;:&quot;S-Mount&quot;,&quot;v48&quot;:&quot;V48&quot;},&quot;pa_image-circle-mm&quot;:{&quot;5008&quot;:&quot;-&quot;,&quot;10-3&quot;:&quot;10.3&quot;,&quot;11&quot;:&quot;11&quot;,&quot;11-06&quot;:&quot;11.06&quot;,&quot;11-1&quot;:&quot;11.1&quot;,&quot;11-26&quot;:&quot;11.26&quot;,&quot;12-3&quot;:&quot;12.3&quot;,&quot;12-8&quot;:&quot;12.8&quot;,&quot;16&quot;:&quot;16&quot;,&quot;17-4&quot;:&quot;17.4&quot;,&quot;17-6&quot;:&quot;17.6&quot;,&quot;2-85&quot;:&quot;2.85&quot;,&quot;2-9&quot;:&quot;2.9&quot;,&quot;3-2&quot;:&quot;3.2&quot;,&quot;3-28&quot;:&quot;3.28&quot;,&quot;3-3&quot;:&quot;3.3&quot;,&quot;3-35&quot;:&quot;3.35&quot;,&quot;3-38&quot;:&quot;3.38&quot;,&quot;3-4&quot;:&quot;3.4&quot;,&quot;3-44&quot;:&quot;3.44&quot;,&quot;3-5&quot;:&quot;3.5&quot;,&quot;3-6&quot;:&quot;3.6&quot;,&quot;3-63&quot;:&quot;3.63&quot;,&quot;3-8&quot;:&quot;3.8&quot;,&quot;3-85&quot;:&quot;3.85&quot;,&quot;3-9&quot;:&quot;3.9&quot;,&quot;3-93&quot;:&quot;3.93&quot;,&quot;4&quot;:&quot;4&quot;,&quot;4-028&quot;:&quot;4.028&quot;,&quot;4-1&quot;:&quot;4.1&quot;,&quot;4-17&quot;:&quot;4.17&quot;,&quot;4-2&quot;:&quot;4.2&quot;,&quot;4-3&quot;:&quot;4.3&quot;,&quot;4-4&quot;:&quot;4.4&quot;,&quot;4-41&quot;:&quot;4.41&quot;,&quot;4-42&quot;:&quot;4.42&quot;,&quot;4-44&quot;:&quot;4.44&quot;,&quot;4-45&quot;:&quot;4.45&quot;,&quot;4-49&quot;:&quot;4.49&quot;,&quot;4-5&quot;:&quot;4.5&quot;,&quot;4-54&quot;:&quot;4.54&quot;,&quot;4-6&quot;:&quot;4.6&quot;,&quot;4-64&quot;:&quot;4.64&quot;,&quot;4-65&quot;:&quot;4.65&quot;,&quot;4-66&quot;:&quot;4.66&quot;,&quot;4-7&quot;:&quot;4.7&quot;,&quot;4-78&quot;:&quot;4.78&quot;,&quot;4-8&quot;:&quot;4.8&quot;,&quot;4-82&quot;:&quot;4.82&quot;,&quot;4-88&quot;:&quot;4.88&quot;,&quot;4-9&quot;:&quot;4.9&quot;,&quot;4-93&quot;:&quot;4.93&quot;,&quot;46&quot;:&quot;46&quot;,&quot;5&quot;:&quot;5&quot;,&quot;5-1&quot;:&quot;5.1&quot;,&quot;5-16&quot;:&quot;5.16&quot;,&quot;5-2&quot;:&quot;5.2&quot;,&quot;5-3&quot;:&quot;5.3&quot;,&quot;5-36&quot;:&quot;5.36&quot;,&quot;5-4&quot;:&quot;5.4&quot;,&quot;5-5&quot;:&quot;5.5&quot;,&quot;5-52&quot;:&quot;5.52&quot;,&quot;5-55&quot;:&quot;5.55&quot;,&quot;5-6&quot;:&quot;5.6&quot;,&quot;5-7&quot;:&quot;5.7&quot;,&quot;5-74&quot;:&quot;5.74&quot;,&quot;5-9&quot;:&quot;5.9&quot;,&quot;5-954&quot;:&quot;5.954&quot;,&quot;6&quot;:&quot;6&quot;,&quot;6-2&quot;:&quot;6.2&quot;,&quot;6-22&quot;:&quot;6.22&quot;,&quot;6-3&quot;:&quot;6.3&quot;,&quot;6-4&quot;:&quot;6.4&quot;,&quot;6-5&quot;:&quot;6.5&quot;,&quot;6-6&quot;:&quot;6.6&quot;,&quot;6-7&quot;:&quot;6.7&quot;,&quot;6-71&quot;:&quot;6.71&quot;,&quot;6-72&quot;:&quot;6.72&quot;,&quot;6-75&quot;:&quot;6.75&quot;,&quot;6-8&quot;:&quot;6.8&quot;,&quot;6-85&quot;:&quot;6.85&quot;,&quot;6-9&quot;:&quot;6.9&quot;,&quot;6-93&quot;:&quot;6.93&quot;,&quot;6-94&quot;:&quot;6.94&quot;,&quot;6-96&quot;:&quot;6.96&quot;,&quot;6-97&quot;:&quot;6.97&quot;,&quot;7&quot;:&quot;7&quot;,&quot;7-1&quot;:&quot;7.1&quot;,&quot;7-17&quot;:&quot;7.17&quot;,&quot;7-18&quot;:&quot;7.18&quot;,&quot;7-2&quot;:&quot;7.2&quot;,&quot;7-25&quot;:&quot;7.25&quot;,&quot;7-3&quot;:&quot;7.3&quot;,&quot;7-31&quot;:&quot;7.31&quot;,&quot;7-4&quot;:&quot;7.4&quot;,&quot;7-5&quot;:&quot;7.5&quot;,&quot;7-54&quot;:&quot;7.54&quot;,&quot;7-6&quot;:&quot;7.6&quot;,&quot;7-7&quot;:&quot;7.7&quot;,&quot;7-8&quot;:&quot;7.8&quot;,&quot;8&quot;:&quot;8&quot;,&quot;8-1&quot;:&quot;8.1&quot;,&quot;8-2&quot;:&quot;8.2&quot;,&quot;8-28&quot;:&quot;8.28&quot;,&quot;8-3&quot;:&quot;8.3&quot;,&quot;8-4&quot;:&quot;8.4&quot;,&quot;8-6&quot;:&quot;8.6&quot;,&quot;8-64&quot;:&quot;8.64&quot;,&quot;8-7&quot;:&quot;8.7&quot;,&quot;8-8&quot;:&quot;8.8&quot;,&quot;8-85&quot;:&quot;8.85&quot;,&quot;8-93&quot;:&quot;8.93&quot;,&quot;8-933&quot;:&quot;8.933&quot;,&quot;9&quot;:&quot;9&quot;,&quot;9-1&quot;:&quot;9.1&quot;,&quot;9-2&quot;:&quot;9.2&quot;,&quot;9-25&quot;:&quot;9.25&quot;,&quot;9-3&quot;:&quot;9.3&quot;,&quot;9-4&quot;:&quot;9.4&quot;,&quot;9-6&quot;:&quot;9.6&quot;,&quot;9-65&quot;:&quot;9.65&quot;,&quot;9-7&quot;:&quot;9.7&quot;,&quot;9-8&quot;:&quot;9.8&quot;},&quot;pa_resolution-mp&quot;:{&quot;0-1&quot;:&quot;0.1&quot;,&quot;8-41&quot;:&quot;8.41&quot;,&quot;9953&quot;:&quot;-&quot;,&quot;0&quot;:&quot;0&quot;,&quot;0-08&quot;:&quot;0.08&quot;,&quot;0-25&quot;:&quot;0.25&quot;,&quot;0-3&quot;:&quot;0.3&quot;,&quot;0-31&quot;:&quot;0.31&quot;,&quot;0-33&quot;:&quot;0.33&quot;,&quot;0-34&quot;:&quot;0.34&quot;,&quot;0-38&quot;:&quot;0.38&quot;,&quot;0-4&quot;:&quot;0.4&quot;,&quot;0-44&quot;:&quot;0.44&quot;,&quot;0-51&quot;:&quot;0.51&quot;,&quot;0-92&quot;:&quot;0.92&quot;,&quot;1&quot;:&quot;1&quot;,&quot;1-25&quot;:&quot;1.25&quot;,&quot;1-28&quot;:&quot;1.28&quot;,&quot;1-3&quot;:&quot;1.3&quot;,&quot;1-31&quot;:&quot;1.31&quot;,&quot;1-34&quot;:&quot;1.34&quot;,&quot;1-4&quot;:&quot;1.4&quot;,&quot;1-45&quot;:&quot;1.45&quot;,&quot;1-58&quot;:&quot;1.58&quot;,&quot;1-6&quot;:&quot;1.6&quot;,&quot;1-7&quot;:&quot;1.7&quot;,&quot;1-78&quot;:&quot;1.78&quot;,&quot;1-84-mp&quot;:&quot;1.84&quot;,&quot;10&quot;:&quot;10&quot;,&quot;10-71&quot;:&quot;10.71&quot;,&quot;102-06&quot;:&quot;102.06&quot;,&quot;11&quot;:&quot;11&quot;,&quot;12&quot;:&quot;12&quot;,&quot;12-06&quot;:&quot;12.06&quot;,&quot;12-3&quot;:&quot;12.3&quot;,&quot;12-33&quot;:&quot;12.33&quot;,&quot;12-37&quot;:&quot;12.37&quot;,&quot;12-39&quot;:&quot;12.39&quot;,&quot;12-4&quot;:&quot;12.4&quot;,&quot;12-41&quot;:&quot;12.41&quot;,&quot;12-42&quot;:&quot;12.42&quot;,&quot;12-48&quot;:&quot;12.48&quot;,&quot;12-62&quot;:&quot;12.62&quot;,&quot;128-9&quot;:&quot;128.9&quot;,&quot;13&quot;:&quot;13&quot;,&quot;13-1&quot;:&quot;13.1&quot;,&quot;13-48&quot;:&quot;13.48&quot;,&quot;14&quot;:&quot;14&quot;,&quot;151-4&quot;:&quot;151.4&quot;,&quot;16-12&quot;:&quot;16&quot;,&quot;16-2&quot;:&quot;16.2&quot;,&quot;16-42&quot;:&quot;16.42&quot;,&quot;16-88&quot;:&quot;16.88&quot;,&quot;19-66&quot;:&quot;19.66&quot;,&quot;2&quot;:&quot;2&quot;,&quot;2-01&quot;:&quot;2.01&quot;,&quot;2-04&quot;:&quot;2.04&quot;,&quot;2-07&quot;:&quot;2.07&quot;,&quot;2-1&quot;:&quot;2.1&quot;,&quot;2-12&quot;:&quot;2.12&quot;,&quot;2-14-mp&quot;:&quot;2.14&quot;,&quot;2-3&quot;:&quot;2.3&quot;,&quot;2-34&quot;:&quot;2.34&quot;,&quot;2-35&quot;:&quot;2.35&quot;,&quot;2-4-mp&quot;:&quot;2.4&quot;,&quot;2-8&quot;:&quot;2.8&quot;,&quot;2-83&quot;:&quot;2.83&quot;,&quot;2-86&quot;:&quot;2.86&quot;,&quot;20&quot;:&quot;20&quot;,&quot;20-18&quot;:&quot;20.18&quot;,&quot;20-2&quot;:&quot;20.2&quot;,&quot;20-36&quot;:&quot;20.36&quot;,&quot;20-48&quot;:&quot;20.48&quot;,&quot;21-45&quot;:&quot;21.45&quot;,&quot;23-91&quot;:&quot;23.91&quot;,&quot;24-5&quot;:&quot;24.5&quot;,&quot;24-55&quot;:&quot;24.55&quot;,&quot;24-63&quot;:&quot;24.63&quot;,&quot;247&quot;:&quot;247&quot;,&quot;247-04&quot;:&quot;247.04&quot;,&quot;25-69&quot;:&quot;25.69&quot;,&quot;26-02&quot;:&quot;26.02&quot;,&quot;3&quot;:&quot;3&quot;,&quot;3-05&quot;:&quot;3.05&quot;,&quot;3-19&quot;:&quot;3.19&quot;,&quot;3-2&quot;:&quot;3.2&quot;,&quot;3-21&quot;:&quot;3.21&quot;,&quot;3-32&quot;:&quot;3.32&quot;,&quot;3-37&quot;:&quot;3.37&quot;,&quot;3-5-2&quot;:&quot;3.5&quot;,&quot;31-49&quot;:&quot;31.49&quot;,&quot;4&quot;:&quot;4&quot;,&quot;4-09&quot;:&quot;4.09&quot;,&quot;4-1&quot;:&quot;4.1&quot;,&quot;4-16&quot;:&quot;4.16&quot;,&quot;4-2&quot;:&quot;4.2&quot;,&quot;44&quot;:&quot;44&quot;,&quot;45-39&quot;:&quot;45.39&quot;,&quot;47-08&quot;:&quot;47.08&quot;,&quot;5&quot;:&quot;5&quot;,&quot;5-05&quot;:&quot;5.05&quot;,&quot;5-07&quot;:&quot;5.07&quot;,&quot;5-08&quot;:&quot;5.08&quot;,&quot;5-1&quot;:&quot;5.1&quot;,&quot;5-11&quot;:&quot;5.11&quot;,&quot;5-12&quot;:&quot;5.12&quot;,&quot;5-14&quot;:&quot;5.14&quot;,&quot;5-32&quot;:&quot;5.32&quot;,&quot;6&quot;:&quot;6&quot;,&quot;6-09&quot;:&quot;6.09&quot;,&quot;6-44&quot;:&quot;6.44&quot;,&quot;6-82&quot;:&quot;6.82&quot;,&quot;61-04&quot;:&quot;61.04&quot;,&quot;7&quot;:&quot;7&quot;,&quot;7-06&quot;:&quot;7.06&quot;,&quot;7-1&quot;:&quot;7.1&quot;,&quot;7-81&quot;:&quot;7.81&quot;,&quot;8&quot;:&quot;8&quot;,&quot;8-13&quot;:&quot;8.13&quot;,&quot;8-2&quot;:&quot;8.2&quot;,&quot;8-29&quot;:&quot;8.29&quot;,&quot;8-3&quot;:&quot;8.3&quot;,&quot;8-4&quot;:&quot;8.4&quot;,&quot;8-49&quot;:&quot;8.49&quot;,&quot;8-51&quot;:&quot;8.51&quot;,&quot;8-93&quot;:&quot;8.93&quot;,&quot;8-95&quot;:&quot;8.95&quot;,&quot;9&quot;:&quot;9&quot;,&quot;9-07&quot;:&quot;9.07&quot;,&quot;9-19&quot;:&quot;9.19&quot;},&quot;pa_focal-length-mm&quot;:{&quot;5426&quot;:&quot;-&quot;,&quot;0-83&quot;:&quot;0.83&quot;,&quot;0-86&quot;:&quot;0.86&quot;,&quot;0-9&quot;:&quot;0.9&quot;,&quot;0-92&quot;:&quot;0.92&quot;,&quot;0-94&quot;:&quot;0.94&quot;,&quot;0-95&quot;:&quot;0.95&quot;,&quot;0-96&quot;:&quot;0.96&quot;,&quot;0-97&quot;:&quot;0.97&quot;,&quot;0-98&quot;:&quot;0.98&quot;,&quot;1&quot;:&quot;1&quot;,&quot;1-02&quot;:&quot;1.02&quot;,&quot;1-03&quot;:&quot;1.03&quot;,&quot;1-05&quot;:&quot;1.05&quot;,&quot;1-08&quot;:&quot;1.08&quot;,&quot;1-12&quot;:&quot;1.12&quot;,&quot;1-13&quot;:&quot;1.13&quot;,&quot;1-15&quot;:&quot;1.15&quot;,&quot;1-18&quot;:&quot;1.18&quot;,&quot;1-19&quot;:&quot;1.19&quot;,&quot;1-2&quot;:&quot;1.2&quot;,&quot;1-21&quot;:&quot;1.21&quot;,&quot;1-22&quot;:&quot;1.22&quot;,&quot;1-23&quot;:&quot;1.23&quot;,&quot;1-25&quot;:&quot;1.25&quot;,&quot;1-26&quot;:&quot;1.26&quot;,&quot;1-27&quot;:&quot;1.27&quot;,&quot;1-29&quot;:&quot;1.29&quot;,&quot;1-3&quot;:&quot;1.3&quot;,&quot;1-31&quot;:&quot;1.31&quot;,&quot;1-32&quot;:&quot;1.32&quot;,&quot;1-33&quot;:&quot;1.33&quot;,&quot;1-34&quot;:&quot;1.34&quot;,&quot;1-38&quot;:&quot;1.38&quot;,&quot;1-389&quot;:&quot;1.389&quot;,&quot;1-39&quot;:&quot;1.39&quot;,&quot;1-4&quot;:&quot;1.4&quot;,&quot;1-41&quot;:&quot;1.41&quot;,&quot;1-42&quot;:&quot;1.42&quot;,&quot;1-45&quot;:&quot;1.45&quot;,&quot;1-47&quot;:&quot;1.47&quot;,&quot;1-5&quot;:&quot;1.5&quot;,&quot;1-51&quot;:&quot;1.51&quot;,&quot;1-55&quot;:&quot;1.55&quot;,&quot;1-56&quot;:&quot;1.56&quot;,&quot;1-6&quot;:&quot;1.6&quot;,&quot;1-62&quot;:&quot;1.62&quot;,&quot;1-65&quot;:&quot;1.65&quot;,&quot;1-68&quot;:&quot;1.68&quot;,&quot;1-7&quot;:&quot;1.7&quot;,&quot;1-72&quot;:&quot;1.72&quot;,&quot;1-75&quot;:&quot;1.75&quot;,&quot;1-76&quot;:&quot;1.76&quot;,&quot;1-78&quot;:&quot;1.78&quot;,&quot;1-8&quot;:&quot;1.8&quot;,&quot;1-82&quot;:&quot;1.82&quot;,&quot;1-83&quot;:&quot;1.83&quot;,&quot;1-85&quot;:&quot;1.85&quot;,&quot;1-9&quot;:&quot;1.9&quot;,&quot;1-93&quot;:&quot;1.93&quot;,&quot;1-95&quot;:&quot;1.95&quot;,&quot;1-96&quot;:&quot;1.96&quot;,&quot;1-97&quot;:&quot;1.97&quot;,&quot;1-98&quot;:&quot;1.98&quot;,&quot;1-99&quot;:&quot;1.99&quot;,&quot;10&quot;:&quot;10&quot;,&quot;10-36&quot;:&quot;10.36&quot;,&quot;11-3&quot;:&quot;11.3&quot;,&quot;12&quot;:&quot;12&quot;,&quot;12-3&quot;:&quot;12.3&quot;,&quot;12-5&quot;:&quot;12.5&quot;,&quot;13-25&quot;:&quot;13.25&quot;,&quot;14-2&quot;:&quot;14.2&quot;,&quot;14-23&quot;:&quot;14.23&quot;,&quot;15-4&quot;:&quot;15.4&quot;,&quot;15-8&quot;:&quot;15.8&quot;,&quot;16&quot;:&quot;16&quot;,&quot;16-3&quot;:&quot;16.3&quot;,&quot;17-1&quot;:&quot;17.1&quot;,&quot;18-57&quot;:&quot;18.57&quot;,&quot;19-84&quot;:&quot;19.84&quot;,&quot;2&quot;:&quot;2&quot;,&quot;2-05&quot;:&quot;2.05&quot;,&quot;2-09&quot;:&quot;2.09&quot;,&quot;2-1&quot;:&quot;2.1&quot;,&quot;2-11&quot;:&quot;2.11&quot;,&quot;2-12&quot;:&quot;2.12&quot;,&quot;2-13&quot;:&quot;2.13&quot;,&quot;2-15&quot;:&quot;2.15&quot;,&quot;2-16&quot;:&quot;2.16&quot;,&quot;2-2&quot;:&quot;2.2&quot;,&quot;2-22&quot;:&quot;2.22&quot;,&quot;2-25&quot;:&quot;2.25&quot;,&quot;2-26&quot;:&quot;2.26&quot;,&quot;2-27&quot;:&quot;2.27&quot;,&quot;2-3&quot;:&quot;2.3&quot;,&quot;2-33&quot;:&quot;2.33&quot;,&quot;2-35&quot;:&quot;2.35&quot;,&quot;2-39&quot;:&quot;2.39&quot;,&quot;2-4&quot;:&quot;2.4&quot;,&quot;2-45&quot;:&quot;2.45&quot;,&quot;2-47&quot;:&quot;2.47&quot;,&quot;2-49&quot;:&quot;2.49&quot;,&quot;2-5&quot;:&quot;2.5&quot;,&quot;2-51&quot;:&quot;2.51&quot;,&quot;2-52&quot;:&quot;2.52&quot;,&quot;2-53&quot;:&quot;2.53&quot;,&quot;2-54&quot;:&quot;2.54&quot;,&quot;2-55&quot;:&quot;2.55&quot;,&quot;2-57&quot;:&quot;2.57&quot;,&quot;2-6&quot;:&quot;2.6&quot;,&quot;2-63&quot;:&quot;2.63&quot;,&quot;2-65&quot;:&quot;2.65&quot;,&quot;2-66&quot;:&quot;2.66&quot;,&quot;2-67&quot;:&quot;2.67&quot;,&quot;2-7&quot;:&quot;2.7&quot;,&quot;2-72&quot;:&quot;2.72&quot;,&quot;2-8&quot;:&quot;2.8&quot;,&quot;2-81&quot;:&quot;2.81&quot;,&quot;2-82&quot;:&quot;2.82&quot;,&quot;2-86&quot;:&quot;2.86&quot;,&quot;2-88&quot;:&quot;2.88&quot;,&quot;2-9&quot;:&quot;2.9&quot;,&quot;2-95&quot;:&quot;2.95&quot;,&quot;2-97&quot;:&quot;2.97&quot;,&quot;21-6&quot;:&quot;21.6&quot;,&quot;24&quot;:&quot;24&quot;,&quot;25&quot;:&quot;25&quot;,&quot;28&quot;:&quot;28&quot;,&quot;3&quot;:&quot;3&quot;,&quot;3-04&quot;:&quot;3.04&quot;,&quot;3-05&quot;:&quot;3.05&quot;,&quot;3-08&quot;:&quot;3.08&quot;,&quot;3-1&quot;:&quot;3.1&quot;,&quot;3-12&quot;:&quot;3.12&quot;,&quot;3-13&quot;:&quot;3.13&quot;,&quot;3-14&quot;:&quot;3.14&quot;,&quot;3-15&quot;:&quot;3.15&quot;,&quot;3-17&quot;:&quot;3.17&quot;,&quot;3-2&quot;:&quot;3.2&quot;,&quot;3-24&quot;:&quot;3.24&quot;,&quot;3-25&quot;:&quot;3.25&quot;,&quot;3-252&quot;:&quot;3.252&quot;,&quot;3-29&quot;:&quot;3.29&quot;,&quot;3-3&quot;:&quot;3.3&quot;,&quot;3-31&quot;:&quot;3.31&quot;,&quot;3-35&quot;:&quot;3.35&quot;,&quot;3-37&quot;:&quot;3.37&quot;,&quot;3-38&quot;:&quot;3.38&quot;,&quot;3-4&quot;:&quot;3.4&quot;,&quot;3-42&quot;:&quot;3.42&quot;,&quot;3-46&quot;:&quot;3.46&quot;,&quot;3-47&quot;:&quot;3.47&quot;,&quot;3-48&quot;:&quot;3.48&quot;,&quot;3-56&quot;:&quot;3.56&quot;,&quot;3-6&quot;:&quot;3.6&quot;,&quot;3-61&quot;:&quot;3.61&quot;,&quot;3-65&quot;:&quot;3.65&quot;,&quot;3-7&quot;:&quot;3.7&quot;,&quot;3-75&quot;:&quot;3.75&quot;,&quot;3-76&quot;:&quot;3.76&quot;,&quot;3-8&quot;:&quot;3.8&quot;,&quot;3-81&quot;:&quot;3.81&quot;,&quot;3-9&quot;:&quot;3.9&quot;,&quot;3-91&quot;:&quot;3.91&quot;,&quot;3-94&quot;:&quot;3.94&quot;,&quot;35&quot;:&quot;35&quot;,&quot;4&quot;:&quot;4&quot;,&quot;4-1&quot;:&quot;4.1&quot;,&quot;4-14&quot;:&quot;4.14&quot;,&quot;4-15&quot;:&quot;4.15&quot;,&quot;4-16&quot;:&quot;4.16&quot;,&quot;4-2&quot;:&quot;4.2&quot;,&quot;4-25&quot;:&quot;4.25&quot;,&quot;4-26&quot;:&quot;4.26&quot;,&quot;4-3&quot;:&quot;4.3&quot;,&quot;4-34&quot;:&quot;4.34&quot;,&quot;4-36&quot;:&quot;4.36&quot;,&quot;4-4&quot;:&quot;4.4&quot;,&quot;4-5&quot;:&quot;4.5&quot;,&quot;4-55&quot;:&quot;4.55&quot;,&quot;4-6&quot;:&quot;4.6&quot;,&quot;4-67&quot;:&quot;4.67&quot;,&quot;4-7&quot;:&quot;4.7&quot;,&quot;4-8&quot;:&quot;4.8&quot;,&quot;4-9&quot;:&quot;4.9&quot;,&quot;5&quot;:&quot;5&quot;,&quot;5-05&quot;:&quot;5.05&quot;,&quot;5-06&quot;:&quot;5.06&quot;,&quot;5-1&quot;:&quot;5.1&quot;,&quot;5-2&quot;:&quot;5.2&quot;,&quot;5-3&quot;:&quot;5.3&quot;,&quot;5-31&quot;:&quot;5.31&quot;,&quot;5-39&quot;:&quot;5.39&quot;,&quot;5-4&quot;:&quot;5.4&quot;,&quot;5-47&quot;:&quot;5.47&quot;,&quot;5-5&quot;:&quot;5.5&quot;,&quot;5-56&quot;:&quot;5.56&quot;,&quot;5-7&quot;:&quot;5.7&quot;,&quot;5-83&quot;:&quot;5.83&quot;,&quot;5-87&quot;:&quot;5.87&quot;,&quot;5-9&quot;:&quot;5.9&quot;,&quot;5-94&quot;:&quot;5.94&quot;,&quot;50&quot;:&quot;50&quot;,&quot;55&quot;:&quot;55&quot;,&quot;6&quot;:&quot;6&quot;,&quot;6-03&quot;:&quot;6.03&quot;,&quot;6-06&quot;:&quot;6.06&quot;,&quot;6-1&quot;:&quot;6.1&quot;,&quot;6-17&quot;:&quot;6.17&quot;,&quot;6-2&quot;:&quot;6.2&quot;,&quot;6-3&quot;:&quot;6.3&quot;,&quot;6-4&quot;:&quot;6.4&quot;,&quot;6-72&quot;:&quot;6.72&quot;,&quot;6-8&quot;:&quot;6.8&quot;,&quot;7-01&quot;:&quot;7.01&quot;,&quot;7-44&quot;:&quot;7.44&quot;,&quot;7-5&quot;:&quot;7.5&quot;,&quot;7-65&quot;:&quot;7.65&quot;,&quot;7-7&quot;:&quot;7.7&quot;,&quot;7-78&quot;:&quot;7.78&quot;,&quot;7-8&quot;:&quot;7.8&quot;,&quot;7-87&quot;:&quot;7.87&quot;,&quot;7-9&quot;:&quot;7.9&quot;,&quot;75&quot;:&quot;75&quot;,&quot;8&quot;:&quot;8&quot;,&quot;8-29&quot;:&quot;8.29&quot;,&quot;8-42&quot;:&quot;8.42&quot;,&quot;8-5&quot;:&quot;8.5&quot;,&quot;8-9&quot;:&quot;8.9&quot;,&quot;9&quot;:&quot;9&quot;,&quot;9-6&quot;:&quot;9.6&quot;},&quot;pa_aperture&quot;:{&quot;1-04&quot;:&quot;1.04&quot;,&quot;1-1&quot;:&quot;1.1&quot;,&quot;1-2&quot;:&quot;1.2&quot;,&quot;1-4&quot;:&quot;1.4&quot;,&quot;1-44&quot;:&quot;1.44&quot;,&quot;1-5&quot;:&quot;1.5&quot;,&quot;1-59&quot;:&quot;1.59&quot;,&quot;1-6&quot;:&quot;1.6&quot;,&quot;1-7&quot;:&quot;1.7&quot;,&quot;1-8&quot;:&quot;1.8&quot;,&quot;1-83&quot;:&quot;1.83&quot;,&quot;1-9&quot;:&quot;1.9&quot;,&quot;11&quot;:&quot;11&quot;,&quot;2&quot;:&quot;2&quot;,&quot;2-05&quot;:&quot;2.05&quot;,&quot;2-07&quot;:&quot;2.07&quot;,&quot;2-1&quot;:&quot;2.1&quot;,&quot;2-15&quot;:&quot;2.15&quot;,&quot;2-18&quot;:&quot;2.18&quot;,&quot;2-2&quot;:&quot;2.2&quot;,&quot;2-25&quot;:&quot;2.25&quot;,&quot;2-3&quot;:&quot;2.3&quot;,&quot;2-4&quot;:&quot;2.4&quot;,&quot;2-5&quot;:&quot;2.5&quot;,&quot;2-6&quot;:&quot;2.6&quot;,&quot;2-7&quot;:&quot;2.7&quot;,&quot;2-8&quot;:&quot;2.8&quot;,&quot;2-85&quot;:&quot;2.85&quot;,&quot;2-9&quot;:&quot;2.9&quot;,&quot;3&quot;:&quot;3&quot;,&quot;3-2&quot;:&quot;3.2&quot;,&quot;3-5&quot;:&quot;3.5&quot;,&quot;4&quot;:&quot;4&quot;,&quot;4-2&quot;:&quot;4.2&quot;,&quot;4-5&quot;:&quot;4.5&quot;,&quot;5&quot;:&quot;5&quot;,&quot;5-4&quot;:&quot;5.4&quot;,&quot;5-5&quot;:&quot;5.5&quot;,&quot;5-6&quot;:&quot;5.6&quot;,&quot;6&quot;:&quot;6&quot;,&quot;6-8&quot;:&quot;6.8&quot;,&quot;8&quot;:&quot;8&quot;},&quot;pa_field-of-view-horizontal&quot;:{&quot;4064&quot;:&quot;-&quot;,&quot;0-05&quot;:&quot;0.05&quot;,&quot;10&quot;:&quot;10&quot;,&quot;10-08&quot;:&quot;10.08&quot;,&quot;10-1&quot;:&quot;10.1&quot;,&quot;100&quot;:&quot;100&quot;,&quot;100-2&quot;:&quot;100.2&quot;,&quot;102&quot;:&quot;102&quot;,&quot;102-5&quot;:&quot;102.5&quot;,&quot;103&quot;:&quot;103&quot;,&quot;103-5&quot;:&quot;103.5&quot;,&quot;105&quot;:&quot;105&quot;,&quot;106&quot;:&quot;106&quot;,&quot;106-1&quot;:&quot;106.1&quot;,&quot;107&quot;:&quot;107&quot;,&quot;107-3&quot;:&quot;107.3&quot;,&quot;107-5&quot;:&quot;107.5&quot;,&quot;108&quot;:&quot;108&quot;,&quot;109&quot;:&quot;109&quot;,&quot;109-9&quot;:&quot;109.9&quot;,&quot;110&quot;:&quot;110&quot;,&quot;110-5&quot;:&quot;110.5&quot;,&quot;111&quot;:&quot;111&quot;,&quot;112&quot;:&quot;112&quot;,&quot;112-2&quot;:&quot;112.2&quot;,&quot;113&quot;:&quot;113&quot;,&quot;114&quot;:&quot;114&quot;,&quot;114-4&quot;:&quot;114.4&quot;,&quot;115&quot;:&quot;115&quot;,&quot;116&quot;:&quot;116&quot;,&quot;117&quot;:&quot;117&quot;,&quot;117-5&quot;:&quot;117.5&quot;,&quot;118&quot;:&quot;118&quot;,&quot;118-1&quot;:&quot;118.1&quot;,&quot;119&quot;:&quot;119&quot;,&quot;120&quot;:&quot;120&quot;,&quot;120-5&quot;:&quot;120.5&quot;,&quot;121&quot;:&quot;121&quot;,&quot;121-8&quot;:&quot;121.8&quot;,&quot;122&quot;:&quot;122&quot;,&quot;123&quot;:&quot;123&quot;,&quot;123-1&quot;:&quot;123.1&quot;,&quot;124&quot;:&quot;124&quot;,&quot;124-8&quot;:&quot;124.8&quot;,&quot;125&quot;:&quot;125&quot;,&quot;125-5&quot;:&quot;125.5&quot;,&quot;126&quot;:&quot;126&quot;,&quot;126-4&quot;:&quot;126.4&quot;,&quot;127&quot;:&quot;127&quot;,&quot;128&quot;:&quot;128&quot;,&quot;129&quot;:&quot;129&quot;,&quot;129-5&quot;:&quot;129.5&quot;,&quot;130&quot;:&quot;130&quot;,&quot;130-3&quot;:&quot;130.3&quot;,&quot;130-5&quot;:&quot;130.5&quot;,&quot;130-6&quot;:&quot;130.6&quot;,&quot;131&quot;:&quot;131&quot;,&quot;132&quot;:&quot;132&quot;,&quot;133&quot;:&quot;133&quot;,&quot;134&quot;:&quot;134&quot;,&quot;134-3&quot;:&quot;134.3&quot;,&quot;135&quot;:&quot;135&quot;,&quot;136&quot;:&quot;136&quot;,&quot;138&quot;:&quot;138&quot;,&quot;138-9&quot;:&quot;138.9&quot;,&quot;139-2&quot;:&quot;139.2&quot;,&quot;14&quot;:&quot;14&quot;,&quot;14-3&quot;:&quot;14.3&quot;,&quot;14-36&quot;:&quot;14.36&quot;,&quot;14-7&quot;:&quot;14.7&quot;,&quot;14-8&quot;:&quot;14.8&quot;,&quot;141&quot;:&quot;141&quot;,&quot;142&quot;:&quot;142&quot;,&quot;143&quot;:&quot;143&quot;,&quot;144&quot;:&quot;144&quot;,&quot;144-5&quot;:&quot;144.5&quot;,&quot;144-7&quot;:&quot;144.7&quot;,&quot;147&quot;:&quot;147&quot;,&quot;147-2&quot;:&quot;147.2&quot;,&quot;149&quot;:&quot;149&quot;,&quot;15&quot;:&quot;15&quot;,&quot;15-61&quot;:&quot;15.61&quot;,&quot;15-67&quot;:&quot;15.67&quot;,&quot;150&quot;:&quot;150&quot;,&quot;151&quot;:&quot;151&quot;,&quot;153&quot;:&quot;153&quot;,&quot;154&quot;:&quot;154&quot;,&quot;156&quot;:&quot;156&quot;,&quot;156-4&quot;:&quot;156.4&quot;,&quot;158&quot;:&quot;158&quot;,&quot;16&quot;:&quot;16&quot;,&quot;16-2&quot;:&quot;16.2&quot;,&quot;160&quot;:&quot;160&quot;,&quot;163-8&quot;:&quot;163.8&quot;,&quot;17-94&quot;:&quot;17.94&quot;,&quot;170&quot;:&quot;170&quot;,&quot;170-2&quot;:&quot;170.2&quot;,&quot;172-5&quot;:&quot;172.5&quot;,&quot;173&quot;:&quot;173&quot;,&quot;174&quot;:&quot;174&quot;,&quot;18-2&quot;:&quot;18.2&quot;,&quot;180&quot;:&quot;180&quot;,&quot;181&quot;:&quot;181&quot;,&quot;183&quot;:&quot;183&quot;,&quot;185&quot;:&quot;185&quot;,&quot;186&quot;:&quot;186&quot;,&quot;187&quot;:&quot;187&quot;,&quot;188&quot;:&quot;188&quot;,&quot;19-66&quot;:&quot;19.66&quot;,&quot;19-9&quot;:&quot;19.9&quot;,&quot;190&quot;:&quot;190&quot;,&quot;194&quot;:&quot;194&quot;,&quot;195&quot;:&quot;195&quot;,&quot;195-4&quot;:&quot;195.4&quot;,&quot;196&quot;:&quot;196&quot;,&quot;20&quot;:&quot;20&quot;,&quot;200&quot;:&quot;200&quot;,&quot;210&quot;:&quot;210&quot;,&quot;214-4&quot;:&quot;214.4&quot;,&quot;22&quot;:&quot;22&quot;,&quot;22-2&quot;:&quot;22.2&quot;,&quot;22-3&quot;:&quot;22.3&quot;,&quot;220&quot;:&quot;220&quot;,&quot;226&quot;:&quot;226&quot;,&quot;23-3&quot;:&quot;23.3&quot;,&quot;230&quot;:&quot;230&quot;,&quot;236&quot;:&quot;236&quot;,&quot;24-26&quot;:&quot;24.26&quot;,&quot;240&quot;:&quot;240&quot;,&quot;245&quot;:&quot;245&quot;,&quot;25&quot;:&quot;25&quot;,&quot;250&quot;:&quot;250&quot;,&quot;26-3&quot;:&quot;26.3&quot;,&quot;27&quot;:&quot;27&quot;,&quot;27-9&quot;:&quot;27.9&quot;,&quot;28&quot;:&quot;28&quot;,&quot;28-1&quot;:&quot;28.1&quot;,&quot;29-6&quot;:&quot;29.6&quot;,&quot;30&quot;:&quot;30&quot;,&quot;30-5&quot;:&quot;30.5&quot;,&quot;30-6&quot;:&quot;30.6&quot;,&quot;30-7&quot;:&quot;30.7&quot;,&quot;31&quot;:&quot;31&quot;,&quot;32&quot;:&quot;32&quot;,&quot;32-05&quot;:&quot;32.05&quot;,&quot;33-6&quot;:&quot;33.6&quot;,&quot;33-9&quot;:&quot;33.9&quot;,&quot;34&quot;:&quot;34&quot;,&quot;35&quot;:&quot;35&quot;,&quot;35-3&quot;:&quot;35.3&quot;,&quot;36&quot;:&quot;36&quot;,&quot;39-8&quot;:&quot;39.8&quot;,&quot;40&quot;:&quot;40&quot;,&quot;40-4&quot;:&quot;40.4&quot;,&quot;40-6&quot;:&quot;40.6&quot;,&quot;40-7&quot;:&quot;40.7&quot;,&quot;41&quot;:&quot;41&quot;,&quot;41-1&quot;:&quot;41.1&quot;,&quot;41-8&quot;:&quot;41.8&quot;,&quot;42&quot;:&quot;42&quot;,&quot;42-2&quot;:&quot;42.2&quot;,&quot;42-5&quot;:&quot;42.5&quot;,&quot;43-4&quot;:&quot;43.4&quot;,&quot;44&quot;:&quot;44&quot;,&quot;44-5&quot;:&quot;44.5&quot;,&quot;44-6&quot;:&quot;44.6&quot;,&quot;45&quot;:&quot;45&quot;,&quot;46&quot;:&quot;46&quot;,&quot;46-6&quot;:&quot;46.6&quot;,&quot;48&quot;:&quot;48&quot;,&quot;49-5&quot;:&quot;49.5&quot;,&quot;49-6&quot;:&quot;49.6&quot;,&quot;50&quot;:&quot;50&quot;,&quot;50-3&quot;:&quot;50.3&quot;,&quot;50-6&quot;:&quot;50.6&quot;,&quot;50-7&quot;:&quot;50.7&quot;,&quot;51&quot;:&quot;51&quot;,&quot;52&quot;:&quot;52&quot;,&quot;52-5&quot;:&quot;52.5&quot;,&quot;52-8&quot;:&quot;52.8&quot;,&quot;53-6&quot;:&quot;53.6&quot;,&quot;54-5&quot;:&quot;54.5&quot;,&quot;55&quot;:&quot;55&quot;,&quot;56&quot;:&quot;56&quot;,&quot;57&quot;:&quot;57&quot;,&quot;57-12&quot;:&quot;57.12&quot;,&quot;57-2&quot;:&quot;57.2&quot;,&quot;57-8&quot;:&quot;57.8&quot;,&quot;58&quot;:&quot;58&quot;,&quot;59&quot;:&quot;59&quot;,&quot;60&quot;:&quot;60&quot;,&quot;60-2&quot;:&quot;60.2&quot;,&quot;61-2&quot;:&quot;61.2&quot;,&quot;62-4&quot;:&quot;62.4&quot;,&quot;62-5&quot;:&quot;62.5&quot;,&quot;64&quot;:&quot;64&quot;,&quot;64-7&quot;:&quot;64.7&quot;,&quot;65&quot;:&quot;65&quot;,&quot;65-7&quot;:&quot;65.7&quot;,&quot;66&quot;:&quot;66&quot;,&quot;67-4&quot;:&quot;67.4&quot;,&quot;68&quot;:&quot;68&quot;,&quot;68-8&quot;:&quot;68.8&quot;,&quot;69&quot;:&quot;69&quot;,&quot;69-2&quot;:&quot;69.2&quot;,&quot;69-4&quot;:&quot;69.4&quot;,&quot;70&quot;:&quot;70&quot;,&quot;70-1&quot;:&quot;70.1&quot;,&quot;72&quot;:&quot;72&quot;,&quot;73-5&quot;:&quot;73.5&quot;,&quot;74-1&quot;:&quot;74.1&quot;,&quot;74-3&quot;:&quot;74.3&quot;,&quot;75&quot;:&quot;75&quot;,&quot;75-7&quot;:&quot;75.7&quot;,&quot;76&quot;:&quot;76&quot;,&quot;77&quot;:&quot;77&quot;,&quot;77-3&quot;:&quot;77.3&quot;,&quot;77-4&quot;:&quot;77.4&quot;,&quot;77-5&quot;:&quot;77.5&quot;,&quot;78&quot;:&quot;78&quot;,&quot;79-4&quot;:&quot;79.4&quot;,&quot;8-6&quot;:&quot;8.6&quot;,&quot;81&quot;:&quot;81&quot;,&quot;82&quot;:&quot;82&quot;,&quot;83&quot;:&quot;83&quot;,&quot;83-3&quot;:&quot;83.3&quot;,&quot;83-5&quot;:&quot;83.5&quot;,&quot;83-8&quot;:&quot;83.8&quot;,&quot;84&quot;:&quot;84&quot;,&quot;84-4&quot;:&quot;84.4&quot;,&quot;85-8&quot;:&quot;85.8&quot;,&quot;86&quot;:&quot;86&quot;,&quot;86-3&quot;:&quot;86.3&quot;,&quot;86-4&quot;:&quot;86.4&quot;,&quot;87&quot;:&quot;87&quot;,&quot;87-3&quot;:&quot;87.3&quot;,&quot;87-4&quot;:&quot;87.4&quot;,&quot;87-6&quot;:&quot;87.6&quot;,&quot;87-7&quot;:&quot;87.7&quot;,&quot;88&quot;:&quot;88&quot;,&quot;88-6&quot;:&quot;88.6&quot;,&quot;89&quot;:&quot;89&quot;,&quot;89-3&quot;:&quot;89.3&quot;,&quot;89-4&quot;:&quot;89.4&quot;,&quot;89-5&quot;:&quot;89.5&quot;,&quot;9-2&quot;:&quot;9.2&quot;,&quot;9-8&quot;:&quot;9.8&quot;,&quot;90&quot;:&quot;90&quot;,&quot;90-2&quot;:&quot;90.2&quot;,&quot;90-7&quot;:&quot;90.7&quot;,&quot;91-2&quot;:&quot;91.2&quot;,&quot;91-4&quot;:&quot;91.4&quot;,&quot;91-6&quot;:&quot;91.6&quot;,&quot;92&quot;:&quot;92&quot;,&quot;92-3&quot;:&quot;92.3&quot;,&quot;92-7&quot;:&quot;92.7&quot;,&quot;94&quot;:&quot;94&quot;,&quot;94-4&quot;:&quot;94.4&quot;,&quot;95-6&quot;:&quot;95.6&quot;,&quot;96&quot;:&quot;96&quot;,&quot;96-2&quot;:&quot;96.2&quot;,&quot;96-3&quot;:&quot;96.3&quot;,&quot;97&quot;:&quot;97&quot;,&quot;98&quot;:&quot;98&quot;,&quot;99&quot;:&quot;99&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-4 gap-y-3 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.400ms=\"if (searchTerm.length >= 2 || searchTerm.length === 0) { currentPage = 1; fetchProducts() }\"\r\n                    @keyup.enter=\"currentPage = 1; fetchProducts()\"\r\n                    placeholder=\"Suche...\"\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-2 gap-y-2 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 inline-flex items-center gap-x-1.5 rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-framosDarkBlue px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 hover:border-primary hover:text-primary dark:hover:text-primary focus:outline-none transition-colors\"\r\n                      :class=\"open ? 'border-primary text-primary' : ''\"\r\n                      @click=\"open = !open\"\r\n                      :aria-expanded=\"open.toString()\">\r\n                      <span>Berg<\/span>\r\n                                              <span\r\n                          x-show=\"(selectedAttributes['pa_mount'] || []).length > 0\"\r\n                          x-text=\"(selectedAttributes['pa_mount'] || []).length\"\r\n                          x-cloak\r\n                          class=\"inline-flex h-4 min-w-[1rem] items-center justify-center rounded-full bg-primary px-1 text-[10px] font-semibold leading-none text-white\"><\/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-mount-0\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'aam12'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">AAM12<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-mount-1\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'c'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">C<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-mount-2\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'cs'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">CS<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-mount-3\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'f'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">F<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-mount-4\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'k'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">K<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-mount-5\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m10'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M10<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-mount-6\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m12'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M12<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-mount-7\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m14'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M14<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-mount-8\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m16'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M16<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-mount-9\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m20'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M20<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-mount-10\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m22'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M22<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-mount-11\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m4'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M4<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-mount-12\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m4-5'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M4.5<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-mount-13\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m5-5'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M5.5<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-mount-14\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m6'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M6<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-mount-15\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m6-5'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M6.5<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-mount-16\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m7'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M7<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"filter-mount-17\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m8'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M8<\/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 inline-flex items-center gap-x-1.5 rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-framosDarkBlue px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 hover:border-primary hover:text-primary dark:hover:text-primary focus:outline-none transition-colors\"\r\n                      :class=\"open ? 'border-primary text-primary' : ''\"\r\n                      @click=\"open = !open\"\r\n                      :aria-expanded=\"open.toString()\">\r\n                      <span>Image Circle [mm]<\/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>\r\n                            <label class=\"text-sm font-medium text-gray-900 dark:text-gray-200\">Image Circle [mm]<\/label>\r\n                            <div class=\"mt-4 mb-2 image-circle-slider\"><\/div>\r\n                          <\/div>\r\n\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 inline-flex items-center gap-x-1.5 rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-framosDarkBlue px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 hover:border-primary hover:text-primary dark:hover:text-primary focus:outline-none transition-colors\"\r\n                      :class=\"open ? 'border-primary text-primary' : ''\"\r\n                      @click=\"open = !open\"\r\n                      :aria-expanded=\"open.toString()\">\r\n                      <span>Aufl\u00f6sung [MP]<\/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>\r\n                            <label class=\"text-sm font-medium text-gray-900 dark:text-gray-200\">Resolution Range<\/label>\r\n                            <div class=\"mt-4 mb-2 resolution-slider\"><\/div>\r\n                          <\/div>\r\n\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 inline-flex items-center gap-x-1.5 rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-framosDarkBlue px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 hover:border-primary hover:text-primary dark:hover:text-primary focus:outline-none transition-colors\"\r\n                      :class=\"open ? 'border-primary text-primary' : ''\"\r\n                      @click=\"open = !open\"\r\n                      :aria-expanded=\"open.toString()\">\r\n                      <span>Focal Length [mm]<\/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>\r\n                            <label class=\"text-sm font-medium text-gray-900 dark:text-gray-200\">Focal Length [mm]<\/label>\r\n                            <div class=\"mt-4 mb-2 focal-length-slider\"><\/div>\r\n                          <\/div>\r\n\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 inline-flex items-center gap-x-1.5 rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-framosDarkBlue px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 hover:border-primary hover:text-primary dark:hover:text-primary focus:outline-none transition-colors\"\r\n                      :class=\"open ? 'border-primary text-primary' : ''\"\r\n                      @click=\"open = !open\"\r\n                      :aria-expanded=\"open.toString()\">\r\n                      <span>Blende<\/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>\r\n                            <label class=\"text-sm font-medium text-gray-900 dark:text-gray-200\">Aperture<\/label>\r\n                            <div class=\"mt-4 mb-2 aperture-slider\"><\/div>\r\n                          <\/div>\r\n\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 inline-flex items-center gap-x-1.5 rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-framosDarkBlue px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 hover:border-primary hover:text-primary dark:hover:text-primary focus:outline-none transition-colors\"\r\n                      :class=\"open ? 'border-primary text-primary' : ''\"\r\n                      @click=\"open = !open\"\r\n                      :aria-expanded=\"open.toString()\">\r\n                      <span>Field of View Horizontal [\u00b0]<\/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>\r\n                            <label class=\"text-sm font-medium text-gray-900 dark:text-gray-200\">Horizontal FOV [\u00b0]<\/label>\r\n                            <div class=\"mt-4 mb-2 fov-slider\"><\/div>\r\n                          <\/div>\r\n\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.debounce.400ms=\"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\">Berg<\/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-mount-0\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'aam12'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">AAM12<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-mount-1\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'c'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">C<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-mount-2\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'cs'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">CS<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-mount-3\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'f'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">F<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-mount-4\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'k'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">K<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-mount-5\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m10'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M10<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-mount-6\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m12'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M12<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-mount-7\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m14'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M14<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-mount-8\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m16'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M16<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-mount-9\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m20'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M20<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-mount-10\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m22'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M22<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-mount-11\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m4'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M4<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-mount-12\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m4-5'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M4.5<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-mount-13\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m5-5'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M5.5<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-mount-14\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m6'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M6<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-mount-15\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m6-5'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M6.5<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-mount-16\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m7'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M7<\/span>\r\n                              <\/label>\r\n                                                          <label class=\"flex items-center text-sm cursor-pointer group\">\r\n                                <input\r\n                                  id=\"mobile-filter-mount-17\"\r\n                                  type=\"checkbox\"\r\n                                  :value=\"'m8'\"\r\n                                  x-model=\"selectedAttributes['pa_mount']\"\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\">M8<\/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\">Image Circle [mm]<\/h3>\r\n\r\n                                              <div class=\"px-1 mt-4 mb-2 image-circle-slider\"><\/div>\r\n                                          <\/div>\r\n                                      <div>\r\n                      <h3 class=\"text-sm font-semibold text-gray-900 dark:text-white mb-3\">Aufl\u00f6sung [MP]<\/h3>\r\n\r\n                                              <div class=\"px-1 mt-4 mb-2 resolution-slider\"><\/div>\r\n                                          <\/div>\r\n                                      <div>\r\n                      <h3 class=\"text-sm font-semibold text-gray-900 dark:text-white mb-3\">Focal Length [mm]<\/h3>\r\n\r\n                                              <div class=\"px-1 mt-4 mb-2 focal-length-slider\"><\/div>\r\n                                          <\/div>\r\n                                      <div>\r\n                      <h3 class=\"text-sm font-semibold text-gray-900 dark:text-white mb-3\">Blende<\/h3>\r\n\r\n                                              <div class=\"px-1 mt-4 mb-2 aperture-slider\"><\/div>\r\n                                          <\/div>\r\n                                      <div>\r\n                      <h3 class=\"text-sm font-semibold text-gray-900 dark:text-white mb-3\">Field of View Horizontal [\u00b0]<\/h3>\r\n\r\n                                              <div class=\"px-1 mt-4 mb-2 fov-slider\"><\/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\">Produkt<\/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                  Berg                <\/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                  Image Circle [mm]                <\/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                  Aufl\u00f6sung [MP]                <\/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                  Focal Length [mm]                <\/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                  Blende                <\/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                  Field of View Horizontal [\u00b0]                <\/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\/woocommerce-placeholder-150x150.png\" class=\"h-10 w-10 object-contain rounded\" alt=\"Platzhalter\" srcset=\"https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-150x150.png 150w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-300x300.png 300w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-100x100.png 100w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder.png 1200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/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\/optiken\/objektive\/m12-m10-m8-m6-anschlussobjektiv\/dsl146a-nir-f1-4-tof-nir-objektiv-fur-time-of-flight-und-ir-anwendungen\/\" class=\"text-gray-900 dark:text-white hover:text-primary visited:text-gray-900 dark:visited:text-white transition-colors\">DSL146A-NIR-F1.4-TOF NIR-Objektiv f\u00fcr Time-of-Flight- und IR-Anwendungen<\/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\">IR-optimiertes Objektiv f\u00fcr 1\/2,8-Zoll-Sensoren im NIR-Bereich.<\/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\">Berg<\/span>\u2013<\/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\">Image Circle [mm]<\/span>\u2013<\/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\">Aufl\u00f6sung [MP]<\/span>\u2013<\/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\">Focal Length [mm]<\/span>\u2013<\/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\">Blende<\/span>\u2013<\/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\">Field of View Horizontal [\u00b0]<\/span>\u2013<\/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\/optiken\/objektive\/m12-m10-m8-m6-anschlussobjektiv\/dsl146a-nir-f1-4-tof-nir-objektiv-fur-time-of-flight-und-ir-anwendungen\/\" 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\/woocommerce-placeholder-150x150.png\" class=\"h-10 w-10 object-contain rounded\" alt=\"Platzhalter\" srcset=\"https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-150x150.png 150w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-300x300.png 300w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-100x100.png 100w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder.png 1200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/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\/optiken\/objektive\/m12-m10-m8-m6-anschlussobjektiv\/flp-hm-045-03-v-00-28540\/\" class=\"text-gray-900 dark:text-white hover:text-primary visited:text-gray-900 dark:visited:text-white transition-colors\">FLP-HM-045-03-v-00 Hochleistungsobjektiv f\u00fcr Bildverarbeitungsanwendungen \u2013 4,5 mm, F2,7, M12, 8 MP<\/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\">Dieses Objektiv mit M12-Anschluss bietet eine Aufl\u00f6sung von 8 MP bei einer Brennweite von 4,5 mm und einer Blende von F2,7 und ist f\u00fcr Sensoren mit einer Bilddiagonale von bis zu 11,1 mm optimiert.<\/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\">Berg<\/span>M12<\/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\">Image Circle [mm]<\/span>11.1<\/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\">Aufl\u00f6sung [MP]<\/span>8<\/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\">Focal Length [mm]<\/span>4.5<\/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\">Blende<\/span>2.7<\/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\">Field of View Horizontal [\u00b0]<\/span>100<\/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\/optiken\/objektive\/m12-m10-m8-m6-anschlussobjektiv\/flp-hm-045-03-v-00-28540\/\" 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\/woocommerce-placeholder-150x150.png\" class=\"h-10 w-10 object-contain rounded\" alt=\"Platzhalter\" srcset=\"https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-150x150.png 150w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-300x300.png 300w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-100x100.png 100w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder.png 1200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/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\/optiken\/objektive\/m12-m10-m8-m6-anschlussobjektiv\/flp-hm-043-01-v-00-28539\/\" class=\"text-gray-900 dark:text-white hover:text-primary visited:text-gray-900 dark:visited:text-white transition-colors\">FLP-HM-043-01-v-00 Hochwertiges Objektiv f\u00fcr Bildverarbeitungsanwendungen \u2013 4,25 mm, F1,8, M12, 2 MP<\/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\">Dieses Objektiv mit M12-Anschluss bietet eine Aufl\u00f6sung von 2 MP bei einer Brennweite von 4,25 mm und einer Blende von F1,8 und ist f\u00fcr Sensoren mit einer Bilddiagonale von bis zu 8,8 mm optimiert.<\/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\">Berg<\/span>M12<\/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\">Image Circle [mm]<\/span>8.8<\/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\">Aufl\u00f6sung [MP]<\/span>2<\/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\">Focal Length [mm]<\/span>4.25<\/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\">Blende<\/span>1.8<\/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\">Field of View Horizontal [\u00b0]<\/span>116<\/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\/optiken\/objektive\/m12-m10-m8-m6-anschlussobjektiv\/flp-hm-043-01-v-00-28539\/\" 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\/woocommerce-placeholder-150x150.png\" class=\"h-10 w-10 object-contain rounded\" alt=\"Platzhalter\" srcset=\"https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-150x150.png 150w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-300x300.png 300w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-100x100.png 100w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder.png 1200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/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\/optiken\/objektive\/m12-m10-m8-m6-anschlussobjektiv\/flp-hm-037-00-v-01-28548\/\" class=\"text-gray-900 dark:text-white hover:text-primary visited:text-gray-900 dark:visited:text-white transition-colors\">FLP-HM-037-00-v-01 Hochleistungsobjektiv f\u00fcr Bildverarbeitungsanwendungen \u2013 3,7 mm, F1,7, M12, 8 MP<\/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\">Dieses Objektiv mit M12-Anschluss bietet eine Aufl\u00f6sung von 8 MP bei einer Brennweite von 3,7 mm und einer Blende von F1,7 und ist f\u00fcr Sensoren mit einer Bilddiagonale von bis zu 9,4 mm optimiert.<\/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\">Berg<\/span>M12<\/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\">Image Circle [mm]<\/span>9.4<\/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\">Aufl\u00f6sung [MP]<\/span>8<\/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\">Focal Length [mm]<\/span>3.7<\/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\">Blende<\/span>1.7<\/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\">Field of View Horizontal [\u00b0]<\/span>125<\/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\/optiken\/objektive\/m12-m10-m8-m6-anschlussobjektiv\/flp-hm-037-00-v-01-28548\/\" 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\/woocommerce-placeholder-150x150.png\" class=\"h-10 w-10 object-contain rounded\" alt=\"Platzhalter\" srcset=\"https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-150x150.png 150w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-300x300.png 300w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-100x100.png 100w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder.png 1200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/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\/optiken\/objektive\/m12-m10-m8-m6-anschlussobjektiv\/flp-hm-034-04-v-00-28547\/\" class=\"text-gray-900 dark:text-white hover:text-primary visited:text-gray-900 dark:visited:text-white transition-colors\">FLP-HM-034-04-v-00 Hochaufl\u00f6sendes Objektiv f\u00fcr Bildgebungsanwendungen \u2013 3,42 mm, F3, M12, 5 MP<\/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\">Dieses Objektiv mit M12-Anschluss bietet eine Aufl\u00f6sung von 5 MP bei einer Brennweite von 3,42 mm und einer Blende von F3 und ist f\u00fcr Sensoren mit einer Bilddiagonale von bis zu 7,54 mm optimiert.<\/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\">Berg<\/span>M12<\/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\">Image Circle [mm]<\/span>7.54<\/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\">Aufl\u00f6sung [MP]<\/span>5<\/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\">Focal Length [mm]<\/span>3.42<\/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\">Blende<\/span>3<\/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\">Field of View Horizontal [\u00b0]<\/span>103<\/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\/optiken\/objektive\/m12-m10-m8-m6-anschlussobjektiv\/flp-hm-034-04-v-00-28547\/\" 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\/woocommerce-placeholder-150x150.png\" class=\"h-10 w-10 object-contain rounded\" alt=\"Platzhalter\" srcset=\"https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-150x150.png 150w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-300x300.png 300w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-100x100.png 100w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder.png 1200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/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\/optiken\/objektive\/m12-m10-m8-m6-anschlussobjektiv\/flp-hm-033-05-v-00-28538\/\" class=\"text-gray-900 dark:text-white hover:text-primary visited:text-gray-900 dark:visited:text-white transition-colors\">FLP-HM-033-05-v-00 Hochwertiges Objektiv f\u00fcr Bildverarbeitungsanwendungen \u2013 3,31 mm, F1,5, M12, 4 MP<\/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\">Dieses Objektiv mit M12-Anschluss bietet eine Aufl\u00f6sung von 4 MP bei einer Brennweite von 3,31 mm und einer Blende von F1,5 und ist f\u00fcr Sensoren mit einer Bilddiagonale von bis zu 7,1 mm optimiert.<\/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\">Berg<\/span>M12<\/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\">Image Circle [mm]<\/span>7.1<\/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\">Aufl\u00f6sung [MP]<\/span>4<\/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\">Focal Length [mm]<\/span>3.31<\/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\">Blende<\/span>1.5<\/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\">Field of View Horizontal [\u00b0]<\/span>109<\/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\/optiken\/objektive\/m12-m10-m8-m6-anschlussobjektiv\/flp-hm-033-05-v-00-28538\/\" 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\/woocommerce-placeholder-150x150.png\" class=\"h-10 w-10 object-contain rounded\" alt=\"Platzhalter\" srcset=\"https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-150x150.png 150w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-300x300.png 300w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-100x100.png 100w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder.png 1200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/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\/optiken\/objektive\/m12-m10-m8-m6-anschlussobjektiv\/flp-hm-032-05-v-00-28546\/\" class=\"text-gray-900 dark:text-white hover:text-primary visited:text-gray-900 dark:visited:text-white transition-colors\">flp-hm-032-05-v-00 Hochwertiges Objektiv f\u00fcr Bildverarbeitungsanwendungen \u2013 3,15 mm, F2,4, M12, 2 MP<\/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\">Dieses Objektiv mit M12-Anschluss bietet eine Aufl\u00f6sung von 2 MP bei einer Brennweite von 3,15 mm und einer Blende von F2,4 und ist f\u00fcr Sensoren mit einer Bilddiagonale von bis zu 7 mm optimiert.<\/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\">Berg<\/span>M12<\/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\">Image Circle [mm]<\/span>7<\/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\">Aufl\u00f6sung [MP]<\/span>2<\/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\">Focal Length [mm]<\/span>3.15<\/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\">Blende<\/span>2.4<\/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\">Field of View Horizontal [\u00b0]<\/span>111<\/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\/optiken\/objektive\/m12-m10-m8-m6-anschlussobjektiv\/flp-hm-032-05-v-00-28546\/\" 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\/woocommerce-placeholder-150x150.png\" class=\"h-10 w-10 object-contain rounded\" alt=\"Platzhalter\" srcset=\"https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-150x150.png 150w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-300x300.png 300w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder-100x100.png 100w, https:\/\/framos.com\/wp-content\/uploads\/woocommerce-placeholder.png 1200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/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\/optiken\/objektive\/m12-m10-m8-m6-anschlussobjektiv\/flp-hm-030-05-v-00-28537\/\" class=\"text-gray-900 dark:text-white hover:text-primary visited:text-gray-900 dark:visited:text-white transition-colors\">flp-hm-030-05-v-00 Hochwertiges Objektiv f\u00fcr Bildverarbeitungsanwendungen \u2013 3 mm, F1,8, M12, 4 MP<\/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\">Dieses Objektiv mit M12-Anschluss bietet eine Aufl\u00f6sung von 4 MP bei einer Brennweite von 3 mm und einer Blende von F1,8 und ist f\u00fcr Sensoren mit einer Bilddiagonale von bis zu 7,2 mm optimiert.<\/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\">Berg<\/span>M12<\/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\">Image Circle [mm]<\/span>7.2<\/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\">Aufl\u00f6sung [MP]<\/span>4<\/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\">Focal Length [mm]<\/span>3<\/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\">Blende<\/span>1.8<\/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\">Field of View Horizontal [\u00b0]<\/span>110<\/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\/optiken\/objektive\/m12-m10-m8-m6-anschlussobjektiv\/flp-hm-030-05-v-00-28537\/\" 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","protected":false},"excerpt":{"rendered":"<p>Objektiv Portfolio<\/p>\n","protected":false},"author":6,"featured_media":10328,"parent":11894,"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-11895","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/11895","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/comments?post=11895"}],"version-history":[{"count":3,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/11895\/revisions"}],"predecessor-version":[{"id":30047,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/11895\/revisions\/30047"}],"up":[{"embeddable":true,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/11894"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/media\/10328"}],"wp:attachment":[{"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/media?parent=11895"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}