{"id":597,"date":"2026-07-04T03:38:18","date_gmt":"2026-07-04T03:38:18","guid":{"rendered":"http:\/\/uni-trend.local\/?page_id=597"},"modified":"2026-08-19T08:38:58","modified_gmt":"2026-08-19T08:38:58","slug":"faqs","status":"publish","type":"page","link":"https:\/\/uni-trend.visibleone.dev\/de-de\/faqs\/","title":{"rendered":"FAQs"},"content":{"rendered":"<section data-section=\"Innerpage Banner\">\n      <!-- Hero image h:240 with dark overlay + centered title -->\n      <div class=\"relative h-[12.5vw] overflow-hidden max-lg:h-[35vw]\">\n        <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-63-6.png\" alt=\"FAQs\" class=\"absolute inset-0 w-full h-full object-cover\">\n        <div class=\"absolute inset-0 bg-[rgba(0,0,0,0.2)]\"><\/div>\n        <div class=\"absolute inset-0 flex items-center justify-center\">\n          <h1 class=\"h2 text-white tracking-[-0.02em]\">FAQs<\/h1>\n        <\/div>\n      <\/div>\n      <!-- Lower strip bg:#F5F2F2 h:88 with breadcrumb -->\n      <div class=\"flex items-end container pt-[24px] pb-5 md:pb-10\">\n        <nav class=\"flex items-center gap-[0.63vw]\">\n                                                <span class=\"t-13-20-400 text-c1\">Home<\/span>\n                              <\/nav>\n      <\/div>\n    <\/section>\n\n\n<section data-section=\"FAQ\" class=\"pb-[50px] md:pb-[100px] pt-5\">\n    <div class=\"container\">\n         <div class=\"relative flex items-center shadow-[0_4px_40px_5px_rgb(0_0_0_\/_0.1)] border border-c3 rounded-[230px] pr-[15%] xl:pr-[6.6%]\">\n            <input class=\"w-[80%] p-3 md:px-8 md:py-4 text-c2 body-lg font-normal rounded-l-[230px]\" placeholder=\"Search your keyword here...\" \/>\n            <button class=\"absolute right-0 top-1 md:-top-1 p-2.5 md:p-5 rounded-full border border-primary bg-primary group hover:bg-white transition-colors duration-200 ease-out\">\n                <svg class=\"w-4 h-4 md:w-6 md:h-6 text-white group-hover:text-primary\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M16.2939 14.5786H15.3905L15.0703 14.2699C16.2298 12.9252 16.867 11.2084 16.8656 9.43282C16.8656 7.96275 16.4297 6.52569 15.613 5.30337C14.7963 4.08105 13.6354 3.12837 12.2772 2.56579C10.9191 2.00322 9.42457 1.85603 7.98275 2.14282C6.54092 2.42962 5.21652 3.13753 4.17702 4.17702C3.13753 5.21652 2.42962 6.54092 2.14282 7.98275C1.85603 9.42457 2.00322 10.9191 2.56579 12.2772C3.12837 13.6354 4.08105 14.7963 5.30337 15.613C6.52569 16.4297 7.96275 16.8656 9.43282 16.8656C11.2739 16.8656 12.9663 16.191 14.2699 15.0703L14.5786 15.3905V16.2939L20.2962 22L22 20.2962L16.2939 14.5786ZM9.43282 14.5786C6.58548 14.5786 4.28702 12.2802 4.28702 9.43282C4.28702 6.58548 6.58548 4.28702 9.43282 4.28702C12.2802 4.28702 14.5786 6.58548 14.5786 9.43282C14.5786 12.2802 12.2802 14.5786 9.43282 14.5786Z\" fill=\"currentColor\"\/>\n                <\/svg>\n            <\/button>\n        <\/div>\n        <div class=\"flex gap-[4vw] items-start max-lg:flex-col max-lg:gap-[8vw] pt-[5.25vw] max-lg:w-full \">\n\n          <!-- \u2500\u2500 SIDEBAR (w=370, pt=64 to align first heading with grid) \u2500\u2500 -->\n          <aside class=\"w-full lg:w-[24.34%] shrink-0 \">\n            <div class=\"flex flex-col gap-[3.13vw]\">\n\n              <!-- Category section -->\n              <div class=\"uni-accordion-item\">\n                <!-- Section header row h=47 -->\n                <div class=\"flex items-stretch uni-accordion-toggle cursor-pointer\">\n                  <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/vec_Group_8_14271_29511.svg\" class=\"h-full shrink-0\">\n                  <div class=\"flex-1 bg-c10 flex items-center px-[2.7%] py-2.5\">\n                    <span class=\"h6 font-bold text-c1\">Basic Knowledge<\/span>\n                  <\/div>\n                  <div class=\"uni-accordion-icon bg-c10 flex items-center justify-center px-3\">\n                    <span class=\"icon-plus\">+<\/span>\n                    <span class=\"icon-minus hidden\">\u2212<\/span>\n                  <\/div>\n                <\/div>\n                <!-- Items list: gap=24 between items, 18px left indent -->\n                <div class=\"uni-accordion-content hidden  lg:pl-[4.86%] mt-[30px] lg:mt-[8.65%] flex flex-col gap-[0px]\">\n\n                  <!-- Category item -->\n                  <div class=\"flex flex-col\">\n                    <button class=\"flex items-center justify-between  group\">\n                      <span class=\"body-lg font-medium text-c1 group-hover:text-primary group-hover:translate-x-2.5 transform-transition duration-200 ease-out\">Detector<\/span>\n                      <div class=\"w-6 h-6 lg:w-[1.67vw] lg:h-[1.67vw] group-hover:bg-primary group-hover:border-primary rounded-full border border-c1 flex items-center justify-center shrink-0\">\n                        <svg class=\"group-hover:text-white w-2.5 lg:w-[1vw]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n  <path d=\"M-0.000782967 5.76667V7.43333H9.99922L5.41588 12.0167L6.59922 13.2L13.1992 6.6L6.59922 0L5.41588 1.18333L9.99922 5.76667H-0.000782967Z\" fill=\"currentColor\"\/>\n<\/svg>\n                      <\/div>\n                    <\/button>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n\n                  <div class=\"mt-5 lg:mt-[6.82%] flex flex-col\">\n                    <button class=\"flex items-center justify-between  group\">\n                      <span class=\"body-lg font-medium text-c1 group-hover:text-primary group-hover:translate-x-2.5 transform-transition duration-200 ease-out \">Technical Specifications<\/span>\n                      <div class=\"w-6 h-6 lg:w-[1.67vw] lg:h-[1.67vw] group-hover:bg-primary group-hover:border-primary rounded-full border border-c1 flex items-center justify-center shrink-0\">\n                        <svg class=\"group-hover:text-white w-2.5 lg:w-[1vw]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n  <path d=\"M-0.000782967 5.76667V7.43333H9.99922L5.41588 12.0167L6.59922 13.2L13.1992 6.6L6.59922 0L5.41588 1.18333L9.99922 5.76667H-0.000782967Z\" fill=\"currentColor\"\/>\n<\/svg>\n                      <\/div>\n                    <\/button>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n\n                  <div class=\"mt-5 lg:mt-[6.82%] flex flex-col\">\n                    <button class=\"flex items-center justify-between  group\">\n                      <span class=\"body-lg font-medium text-c1 group-hover:text-primary group-hover:translate-x-2.5 transform-transition duration-200 ease-out\">Certifications<\/span>\n                      <div class=\"w-6 h-6 lg:w-[1.67vw] lg:h-[1.67vw] group-hover:bg-primary group-hover:border-primary rounded-full border border-c1 flex items-center justify-center shrink-0\">\n                        <svg class=\"group-hover:text-white w-2.5 lg:w-[1vw]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n  <path d=\"M-0.000782967 5.76667V7.43333H9.99922L5.41588 12.0167L6.59922 13.2L13.1992 6.6L6.59922 0L5.41588 1.18333L9.99922 5.76667H-0.000782967Z\" fill=\"currentColor\"\/>\n<\/svg>\n                      <\/div>\n                    <\/button>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n\n                <\/div>\n              <\/div>\n\n             \n              <div class=\"uni-accordion-item\">\n                <div class=\"flex items-stretch uni-accordion-toggle cursor-pointer\">\n                  <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/vec_Group_8_14271_29511.svg\" class=\"h-full shrink-0\">\n                  <div class=\"flex-1 bg-c10 flex items-center px-[2.7%] py-2.5\">\n                    <span class=\"h6 font-bold text-c1\">Troubleshooting<\/span>\n                  <\/div>\n                  <div class=\"uni-accordion-icon bg-c10 flex items-center justify-center px-3\">\n                    <span class=\"icon-plus\">+<\/span>\n                    <span class=\"icon-minus hidden\">\u2212<\/span>\n                  <\/div>\n                <\/div>\n                <div class=\"uni-accordion-content hidden  lg:pl-[4.86%] mt-[30px] lg:mt-[8.65%] flex flex-col gap-[0px]\">\n\n                  <div class=\"flex flex-col\">\n                    <button class=\"flex items-center justify-between  group\">\n                      <span class=\"body-lg font-medium text-c1 group-hover:text-primary group-hover:translate-x-2.5 transform-transition duration-200 ease-out\">Lag &#038; Stuck<\/span>\n                       <div class=\"w-6 h-6 lg:w-[1.67vw] lg:h-[1.67vw] group-hover:bg-primary group-hover:border-primary rounded-full border border-c1 flex items-center justify-center shrink-0\">\n                        <svg class=\"group-hover:text-white w-2.5 lg:w-[1vw]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n  <path d=\"M-0.000782967 5.76667V7.43333H9.99922L5.41588 12.0167L6.59922 13.2L13.1992 6.6L6.59922 0L5.41588 1.18333L9.99922 5.76667H-0.000782967Z\" fill=\"currentColor\"\/>\n<\/svg>\n                      <\/div>\n                    <\/button>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n\n                  <div class=\"mt-5 lg:mt-[6.82%] flex flex-col\">\n                    <button class=\"flex items-center justify-between  group\">\n                      <span class=\"body-lg font-medium text-c1 group-hover:text-primary group-hover:translate-x-2.5 transform-transition duration-200 ease-out\">Camera Issue<\/span>\n                       <div class=\"w-6 h-6 lg:w-[1.67vw] lg:h-[1.67vw] group-hover:bg-primary group-hover:border-primary rounded-full border border-c1 flex items-center justify-center shrink-0\">\n                        <svg class=\"group-hover:text-white w-2.5 lg:w-[1vw]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n  <path d=\"M-0.000782967 5.76667V7.43333H9.99922L5.41588 12.0167L6.59922 13.2L13.1992 6.6L6.59922 0L5.41588 1.18333L9.99922 5.76667H-0.000782967Z\" fill=\"currentColor\"\/>\n<\/svg>\n                      <\/div>\n                    <\/button>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n\n                  <div class=\"mt-5 lg:mt-[6.82%] flex flex-col\">\n                    <button class=\"flex items-center justify-between  group\">\n                      <span class=\"body-lg font-medium text-c1\">System Update<\/span>\n                    <div class=\"w-6 h-6 lg:w-[1.67vw] lg:h-[1.67vw] group-hover:bg-primary group-hover:border-primary rounded-full border border-c1 flex items-center justify-center shrink-0\">\n                        <svg class=\"group-hover:text-white w-2.5 lg:w-[1vw]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n  <path d=\"M-0.000782967 5.76667V7.43333H9.99922L5.41588 12.0167L6.59922 13.2L13.1992 6.6L6.59922 0L5.41588 1.18333L9.99922 5.76667H-0.000782967Z\" fill=\"currentColor\"\/>\n<\/svg>\n                      <\/div>\n                    <\/button>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n\n                <\/div>\n              <\/div>\n\n            <\/div>\n          <\/aside>\n\n          <div class=\"lg:flex-1 flex flex-col gap-[3.13vw]\">\n            <div class=\"border border-c3 p-4 xl:p-8 rounded-[20px]\">\n                            <\/div>\n          <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<script>\n document.addEventListener(\"DOMContentLoaded\", () => {\n    const faqItems = document.querySelectorAll(\".faq-item\");\n\n    function closeAll() {\n        faqItems.forEach(item => {\n            item.classList.remove(\"active\");\n            item.querySelector(\".faq-content\").style.maxHeight = null;\n\n            const icon = item.querySelector(\".faq-icon img\");\n            icon.src = \"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/plus.svg\";\n        });\n    }\n\n    \/\/ OPEN FIRST ITEM DEFAULT\n    if (faqItems.length) {\n        const first = faqItems[0];\n        const firstContent = first.querySelector(\".faq-content\");\n        const firstIcon = first.querySelector(\".faq-icon img\");\n\n        first.classList.add(\"active\");\n        firstContent.style.maxHeight = firstContent.scrollHeight + \"px\";\n        firstIcon.src = \"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/minus.svg\";\n    }\n\n    \/\/ TOGGLE\n    document.querySelectorAll(\".faq-toggle\").forEach(button => {\n        button.addEventListener(\"click\", () => {\n            const item = button.closest(\".faq-item\");\n            const content = item.querySelector(\".faq-content\");\n            const icon = item.querySelector(\".faq-icon img\");\n\n            const isOpen = item.classList.contains(\"active\");\n\n            closeAll();\n\n            if (!isOpen) {\n                item.classList.add(\"active\");\n                content.style.maxHeight = content.scrollHeight + \"px\";\n                icon.src = \"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/minus.svg\";\n            }\n        });\n    });\n});\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-597","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/pages\/597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/comments?post=597"}],"version-history":[{"count":3,"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/pages\/597\/revisions"}],"predecessor-version":[{"id":1368,"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/pages\/597\/revisions\/1368"}],"wp:attachment":[{"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/media?parent=597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}