{"id":676,"date":"2026-07-16T02:40:38","date_gmt":"2026-07-16T02:40:38","guid":{"rendered":"http:\/\/uni-trend.local\/?page_id=676"},"modified":"2026-08-19T09:14:21","modified_gmt":"2026-08-19T09:14:21","slug":"solutions","status":"publish","type":"page","link":"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/","title":{"rendered":"Solutions"},"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-1-2.png\" alt=\"Solutions\" 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]\">Solutions<\/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=\"Solutions\" class=\"pt-6 mb-[50px] md:mb-[10vw]\">\n      <div class=\"container\">\n        <div class=\"flex gap-[4vw] items-start max-lg:flex-col max-lg:gap-[8vw]\">\n\n          <!-- \u2500\u2500 SIDEBAR (w=370, pt=64 to align first heading with grid; hidden when no solution_area terms exist) \u2500\u2500 -->\n                    <aside class=\"w-[24.34%] shrink-0 pt-[3.33vw] max-lg:w-full max-lg:pt-[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\">Category<\/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                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_cat=automotive\" 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 \">Automotive<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_cat=education\" 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 \">Education<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_cat=electric-energy\" 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 \">Electric &amp; Energy<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_cat=internal-of-things\" 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 \">Internal of Things<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_cat=manufacturing\" 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 \">Manufacturing<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_cat=power-analysis\" 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 \">Power-Analysis<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                  \n                <\/div>\n              <\/div>\n\n              <!-- Sub-Category section (only when the taxonomy has children) -->\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\">Sub-Category<\/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                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col \">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=applications-automotive\" 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 \">Applications<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=applications-education\" 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 \">Applications<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=applications-internal-of-things\" 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 \">Applications<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=applications-manufacturing\" 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 \">Applications<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=applications\" 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 \">Applications<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=applications-power-analysis\" 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 \">Applications<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=guide\" 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 \">Guide<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=guide-automotive\" 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 \">Guide<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=guide-education\" 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 \">Guide<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=guide-internal-of-things\" 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 \">Guide<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=guide-manufacturing\" 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 \">Guide<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=guide-power-analysis\" 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 \">Guide<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=tech-power-analysis\" 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 \">Tech<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=tech-automotive\" 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 \">Tech<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=tech-education\" 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 \">Tech<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=tech-internal-of-things\" 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 \">Tech<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=tech-manufacturing\" 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 \">Tech<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                                    <!-- Sub-Category item -->\n                  <div class=\"flex flex-col mt-5 lg:mt-[6.82%]\">\n                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solutions\/?sol_subcat=tech\" 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 \">Tech<\/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                    <\/a>\n                    <div class=\"mt-5 lg:mt-[4.55%] h-[0.05vw] bg-c3\"><\/div>\n                  <\/div>\n                  \n                <\/div>\n              <\/div>\n                          <\/div>\n          <\/aside>\n          \n          <!-- \u2500\u2500 CONTENT AREA (flex-1, flex-col gap-[60px]) \u2500\u2500 -->\n          <div class=\"flex-1 flex flex-col gap-[3.13vw]\" x-data=\"listing({ action: 'ut_solutions_load_more', perPage: 12, hasMore: false, filters: [] })\">\n\n            <!-- Grid + header wrapper (gap=24 between header row and grid) -->\n            <div class=\"flex flex-col gap-[1.25vw]\">\n\n              <!-- Header row: \"Total N insights\" + view toggle -->\n              <div class=\"flex items-center justify-between \">\n                <span class=\"h5 font-bold text-c1\">Total 3 solutions<\/span>\n                <!-- View toggle --> \n                <div class=\"flex items-center\">\n                  <button class=\"w-[30px] h-[30px] md:w-[40px] md:h-[40px]  flex items-center justify-center cursor-pointer rounded-tl-[7.5px] rounded-bl-[7.5px]\"\n                          :class=\"view === 'grid' ? 'bg-c12' : 'bg-c11'\"\n                          @click=\"view = 'grid'\" aria-label=\"Grid view\">\n                    <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/grid.svg\" class=\"w-[18px] h-[18px] \">\n                  <\/button>\n                  <button class=\"w-[30px] h-[30px] md:w-[40px] md:h-[40px]  flex items-center justify-center cursor-pointer rounded-tr-[7.5px] rounded-br-[7.5px]\"\n                          :class=\"view === 'list' ? 'bg-c12' : 'bg-c11'\"\n                          @click=\"view = 'list'\" aria-label=\"List view\">\n                    <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/list.svg\" class=\"w-[18px] h-[18px] \">\n                  <\/button>\n                <\/div>\n              <\/div>\n\n              <!-- Card grid: Dynamic grid, 2 cols, gap=32 -->\n              <div class=\"mt-6 lg:mt-0\" x-ref=\"grid\" :class=\"view === 'grid' ? 'grid grid-cols-2 gap-5 md:gap-[1.67vw] max-sm:grid-cols-1' : 'flex flex-col gap-5 md:gap-[1.04vw]'\">\n\n                \t<a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solution\/technologies-in-iot\/\" class=\"flex  rounded-[20px] border border-c3 overflow-hidden bg-white group\" :class=\"view === 'grid' ? 'flex-col' : 'flex-row'\">\n\t  <div class=\"aspect-[485\/267] overflow-hidden\" :class=\"view === 'grid' ? 'lg:h-[14.32vw] w-full' : 'self-stretch p-[2.36%] pr-0'\">\n\t    <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-23-768x512.png\" class=\" \" :class=\"view === 'grid' ? 'w-full h-full  object-cover' : 'max-w-[100px] md:max-w-[177px] h-auto rounded-md'\" alt=\"Technologies In IoT\">\t  <\/div>\n\t  <div class=\"flex flex-col\" :class=\"view === 'grid' ? 'gap-[2.08vw] p-[4.01%]' : 'gap-[0.52vw] p-2 md:p-[1.25vw] flex-1'\">\n\t    <div class=\"flex flex-col gap-[0.83vw]\">\n\t      <div class=\"flex flex-col gap-[0.63vw]\">\n\t        <div class=\"flex items-center gap-2 caption font-normal text-c2\">\n\t            <span class=\"caption\">Aug 24, 2026<\/span>\n\t            <span class=\"text-c3\">|<\/span><span class=\"caption\">Electric &amp; Energy<\/span>\t        <\/div>\n\t        <p class=\"body-lg font-semibold text-c1 group-hover:text-primary line-clamp-2\">Technologies In IoT<\/p>\n\t      <\/div>\n\t      <div class=\"h-[0.05vw] bg-c3\"><\/div>\n\t      <p class=\"body font-normal text-c2 line-clamp-3\">UNI-T is excited to share its involvement in the upcoming Hannover Messe 2025, a premier global event for industrial technology, automation, and innovation.<\/p>\n\t    <\/div>\n\t    <div class=\"flex items-center gap-2 \" :class=\"view === 'grid' ? 'mt-0' : 'mt-3 md:mt-10'\">\n\t        <span class=\"body font-semibold text-primary\">Read more<\/span>\n\t        <svg  xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 12 12\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-3 h-3  text-primary group-hover:translate-x-2.5 transition-transform duration-200 ease-out\"><path d=\"M6.60627 9.7217C6.53774 9.69333 6.47916 9.64528 6.43795 9.58362C6.39673 9.52196 6.37472 9.44946 6.3747 9.37529V6.3753L1.87471 6.3753C1.77525 6.3753 1.67987 6.33579 1.60954 6.26546C1.53921 6.19513 1.49971 6.09975 1.49971 6.0003C1.49971 5.90084 1.53921 5.80546 1.60954 5.73513C1.67987 5.6648 1.77525 5.6253 1.87471 5.6253H6.3747V2.6253C6.37465 2.55108 6.39661 2.47852 6.43781 2.4168C6.47901 2.35508 6.5376 2.30697 6.60616 2.27856C6.67472 2.25015 6.75016 2.24273 6.82294 2.25722C6.89573 2.27172 6.96257 2.30748 7.01502 2.35998L10.39 5.73498C10.4249 5.76981 10.4525 5.81117 10.4714 5.85669C10.4903 5.90222 10.5 5.95101 10.5 6.0003C10.5 6.04958 10.4903 6.09837 10.4714 6.1439C10.4525 6.18942 10.4249 6.23078 10.39 6.26561L7.01502 9.64061C6.96254 9.69304 6.8957 9.72872 6.82294 9.74316C6.75019 9.75759 6.67478 9.75013 6.60627 9.7217Z\" fill=\"currentColor\"><\/path><\/svg>\n\t        <\/div>\n\t  <\/div>\n\t<\/a>\n\t\t<a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solution\/energy-storage\/\" class=\"flex  rounded-[20px] border border-c3 overflow-hidden bg-white group\" :class=\"view === 'grid' ? 'flex-col' : 'flex-row'\">\n\t  <div class=\"aspect-[485\/267] overflow-hidden\" :class=\"view === 'grid' ? 'lg:h-[14.32vw] w-full' : 'self-stretch p-[2.36%] pr-0'\">\n\t    <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-23-768x512.png\" class=\" \" :class=\"view === 'grid' ? 'w-full h-full  object-cover' : 'max-w-[100px] md:max-w-[177px] h-auto rounded-md'\" alt=\"Energy Storage\">\t  <\/div>\n\t  <div class=\"flex flex-col\" :class=\"view === 'grid' ? 'gap-[2.08vw] p-[4.01%]' : 'gap-[0.52vw] p-2 md:p-[1.25vw] flex-1'\">\n\t    <div class=\"flex flex-col gap-[0.83vw]\">\n\t      <div class=\"flex flex-col gap-[0.63vw]\">\n\t        <div class=\"flex items-center gap-2 caption font-normal text-c2\">\n\t            <span class=\"caption\">Aug 24, 2026<\/span>\n\t            <span class=\"text-c3\">|<\/span><span class=\"caption\">Electric &amp; Energy<\/span>\t        <\/div>\n\t        <p class=\"body-lg font-semibold text-c1 group-hover:text-primary line-clamp-2\">Energy Storage<\/p>\n\t      <\/div>\n\t      <div class=\"h-[0.05vw] bg-c3\"><\/div>\n\t      <p class=\"body font-normal text-c2 line-clamp-3\">UNI-T is excited to share its involvement in the upcoming Hannover Messe 2025, a premier global event for industrial technology, automation, and innovation.<\/p>\n\t    <\/div>\n\t    <div class=\"flex items-center gap-2 \" :class=\"view === 'grid' ? 'mt-0' : 'mt-3 md:mt-10'\">\n\t        <span class=\"body font-semibold text-primary\">Read more<\/span>\n\t        <svg  xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 12 12\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-3 h-3  text-primary group-hover:translate-x-2.5 transition-transform duration-200 ease-out\"><path d=\"M6.60627 9.7217C6.53774 9.69333 6.47916 9.64528 6.43795 9.58362C6.39673 9.52196 6.37472 9.44946 6.3747 9.37529V6.3753L1.87471 6.3753C1.77525 6.3753 1.67987 6.33579 1.60954 6.26546C1.53921 6.19513 1.49971 6.09975 1.49971 6.0003C1.49971 5.90084 1.53921 5.80546 1.60954 5.73513C1.67987 5.6648 1.77525 5.6253 1.87471 5.6253H6.3747V2.6253C6.37465 2.55108 6.39661 2.47852 6.43781 2.4168C6.47901 2.35508 6.5376 2.30697 6.60616 2.27856C6.67472 2.25015 6.75016 2.24273 6.82294 2.25722C6.89573 2.27172 6.96257 2.30748 7.01502 2.35998L10.39 5.73498C10.4249 5.76981 10.4525 5.81117 10.4714 5.85669C10.4903 5.90222 10.5 5.95101 10.5 6.0003C10.5 6.04958 10.4903 6.09837 10.4714 6.1439C10.4525 6.18942 10.4249 6.23078 10.39 6.26561L7.01502 9.64061C6.96254 9.69304 6.8957 9.72872 6.82294 9.74316C6.75019 9.75759 6.67478 9.75013 6.60627 9.7217Z\" fill=\"currentColor\"><\/path><\/svg>\n\t        <\/div>\n\t  <\/div>\n\t<\/a>\n\t\t<a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solution\/new-energy-vehicles\/\" class=\"flex  rounded-[20px] border border-c3 overflow-hidden bg-white group\" :class=\"view === 'grid' ? 'flex-col' : 'flex-row'\">\n\t  <div class=\"aspect-[485\/267] overflow-hidden\" :class=\"view === 'grid' ? 'lg:h-[14.32vw] w-full' : 'self-stretch p-[2.36%] pr-0'\">\n\t    <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-23-768x512.png\" class=\" \" :class=\"view === 'grid' ? 'w-full h-full  object-cover' : 'max-w-[100px] md:max-w-[177px] h-auto rounded-md'\" alt=\"New Energy Vehicles\">\t  <\/div>\n\t  <div class=\"flex flex-col\" :class=\"view === 'grid' ? 'gap-[2.08vw] p-[4.01%]' : 'gap-[0.52vw] p-2 md:p-[1.25vw] flex-1'\">\n\t    <div class=\"flex flex-col gap-[0.83vw]\">\n\t      <div class=\"flex flex-col gap-[0.63vw]\">\n\t        <div class=\"flex items-center gap-2 caption font-normal text-c2\">\n\t            <span class=\"caption\">Aug 4, 2026<\/span>\n\t            <span class=\"text-c3\">|<\/span><span class=\"caption\">Applications<\/span>\t        <\/div>\n\t        <p class=\"body-lg font-semibold text-c1 group-hover:text-primary line-clamp-2\">New Energy Vehicles<\/p>\n\t      <\/div>\n\t      <div class=\"h-[0.05vw] bg-c3\"><\/div>\n\t      <p class=\"body font-normal text-c2 line-clamp-3\">UNI-T is excited to share its involvement in the upcoming Hannover Messe 2025, a premier global event for industrial technology, automation, and innovation.<\/p>\n\t    <\/div>\n\t    <div class=\"flex items-center gap-2 \" :class=\"view === 'grid' ? 'mt-0' : 'mt-3 md:mt-10'\">\n\t        <span class=\"body font-semibold text-primary\">Read more<\/span>\n\t        <svg  xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 12 12\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-3 h-3  text-primary group-hover:translate-x-2.5 transition-transform duration-200 ease-out\"><path d=\"M6.60627 9.7217C6.53774 9.69333 6.47916 9.64528 6.43795 9.58362C6.39673 9.52196 6.37472 9.44946 6.3747 9.37529V6.3753L1.87471 6.3753C1.77525 6.3753 1.67987 6.33579 1.60954 6.26546C1.53921 6.19513 1.49971 6.09975 1.49971 6.0003C1.49971 5.90084 1.53921 5.80546 1.60954 5.73513C1.67987 5.6648 1.77525 5.6253 1.87471 5.6253H6.3747V2.6253C6.37465 2.55108 6.39661 2.47852 6.43781 2.4168C6.47901 2.35508 6.5376 2.30697 6.60616 2.27856C6.67472 2.25015 6.75016 2.24273 6.82294 2.25722C6.89573 2.27172 6.96257 2.30748 7.01502 2.35998L10.39 5.73498C10.4249 5.76981 10.4525 5.81117 10.4714 5.85669C10.4903 5.90222 10.5 5.95101 10.5 6.0003C10.5 6.04958 10.4903 6.09837 10.4714 6.1439C10.4525 6.18942 10.4249 6.23078 10.39 6.26561L7.01502 9.64061C6.96254 9.69304 6.8957 9.72872 6.82294 9.74316C6.75019 9.75759 6.67478 9.75013 6.60627 9.7217Z\" fill=\"currentColor\"><\/path><\/svg>\n\t        <\/div>\n\t  <\/div>\n\t<\/a>\n\t\n              <\/div><!-- \/grid -->\n            <\/div><!-- \/grid+header wrapper -->\n\n            <!-- Load more button (centred, hidden when there's nothing more) -->\n            <div class=\"flex justify-center\" x-show=\"hasMore\">\n              <button class=\"flex items-center gap-[1.04vw]\" @click=\"loadMore()\" :disabled=\"loading\" :class=\"loading ? 'opacity-50 pointer-events-none' : ''\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-4 h-4 shrink-0\"><path d=\"M8.29979 6.44959H14.2493V0.5H13.2493V4.68397L12.4326 3.86719C9.94697 1.38159 5.90257 1.38156 3.41694 3.86719C0.931316 6.35281 0.931348 10.3972 3.41694 12.8828C4.61342 14.0766 6.23458 14.747 7.92475 14.747C9.61493 14.747 11.2361 14.0766 12.4326 12.8828L11.7255 12.1757C9.62975 14.2714 6.21979 14.2714 4.1241 12.1757C2.02841 10.08 2.02838 6.67 4.1241 4.57428C6.21982 2.47856 9.62979 2.47856 11.7255 4.57428L12.6008 5.44959H8.29979V6.44959Z\" fill=\"currentColor\"><\/path><\/svg>\n                <span class=\"body font-normaltext-c1\" x-text=\"loading ? 'Loading\u2026' : 'Load more'\">Load more<\/span>\n              <\/button>\n            <\/div>\n\n          <\/div><!-- \/content area -->\n        <\/div><!-- \/flex row -->\n      <\/div><!-- \/container -->\n    <\/section>\n","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-676","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/pages\/676","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=676"}],"version-history":[{"count":3,"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/pages\/676\/revisions"}],"predecessor-version":[{"id":1386,"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/pages\/676\/revisions\/1386"}],"wp:attachment":[{"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/media?parent=676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}