{"id":476,"date":"2026-05-20T13:37:29","date_gmt":"2026-05-20T13:37:29","guid":{"rendered":"https:\/\/test.wattkraft.de\/?page_id=476"},"modified":"2026-10-20T10:09:12","modified_gmt":"2026-10-20T08:09:12","slug":"solar-panels","status":"publish","type":"page","link":"https:\/\/test.wattkraft.de\/en\/products\/solar-panels\/","title":{"rendered":"Solar Panels"},"content":{"rendered":"<!-- hero-section template -->\n\t<!-- inset component -->\n\n\n\n<div class=\"inset relative w-screen -ml-[calc((100vw-100%)\/2)] md:min-h-[80dvh] md:pt-scale-800 md:pb-scale-800\" x-init\n    x-data=\"inset\">\n            <div\n            class=\"relative block w-full h-auto pointer-events-none md:absolute md:inset-0 md:left-1\/2 md:-translate-x-1\/2 md:max-w-[px2rem(2560)] md:h-full md:-z-1 md:[&>picture]:block md:[&>picture]:h-full md:[&>picture]:w-full md:[&_img]:h-full md:[&_img]:w-full md:[&_img]:object-cover\">\n            <picture><source srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/default_Image_Solar_Abendsonne_iStock-1049388950-optimized.jpg 2560w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/default_Image_Solar_Abendsonne_iStock-1049388950-optimized-300x224.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/default_Image_Solar_Abendsonne_iStock-1049388950-optimized-1024x766.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/default_Image_Solar_Abendsonne_iStock-1049388950-optimized-768x575.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/default_Image_Solar_Abendsonne_iStock-1049388950-optimized-1536x1149.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/default_Image_Solar_Abendsonne_iStock-1049388950-optimized-2048x1532.jpg 2048w' sizes='100vw' type='image\/jpeg' \/><img src='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/default_Image_Solar_Abendsonne_iStock-1049388950-optimized.jpg' srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/default_Image_Solar_Abendsonne_iStock-1049388950-optimized.jpg 2560w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/default_Image_Solar_Abendsonne_iStock-1049388950-optimized-300x224.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/default_Image_Solar_Abendsonne_iStock-1049388950-optimized-1024x766.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/default_Image_Solar_Abendsonne_iStock-1049388950-optimized-768x575.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/default_Image_Solar_Abendsonne_iStock-1049388950-optimized-1536x1149.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/default_Image_Solar_Abendsonne_iStock-1049388950-optimized-2048x1532.jpg 2048w' sizes='100vw' width='2560' height='1915' alt='Am Ende einer langen Reihe von Solar Panels geht die Sonne mit orangerotem Licht unter.'  class=\"w-full h-full object-cover\" loading='eager'  draggable='false'><\/picture>\n        <\/div>\n    \n    <div\n        class=\"relative z-1 w-full max-w-[px2rem(2560)] mx-auto flex flex-col justify-end items-stretch min-h-0 md:min-h-[max(px2rem(444),80dvh)] md:flex-row md:items-center\">\n        <div\n            class=\"inset-content bg-gradient-blue-dark md:mr-auto md:w-[52%] md:max-w-[px2rem(960)] relative z-10 md:shadow-neutral-shadow px-scale-600 py-jumper-2xl-lg flex flex-col justify-start items-start gap-y-jumper-md-xs w-full md:flex-none md:project-polygon--right md:pl-[calc((100vw-var(--spacing-content-max-width))\/2)] md:pl-[calc((100vw-var(--spacing-content-max-width-md))\/2)] md:lg:pl-[calc((100vw-var(--spacing-content-max-width-lg))\/2)] md:xl:pl-[calc((100vw-var(--spacing-content-max-width-xl))\/2)] md:2xl:pl-[calc((px2rem(1920)-var(--spacing-content-max-width-2xl))\/2)] md:pr-scale-800 lg:pr-scale-1300 xl:pr-scale-1700\">\n            <div class=\"inset-content__text w-full\">\n                <div\n                    class=\"inset-content__text-shaper hidden md:block md:w-[var(--inset-text-shaper-width)] md:h-[var(--inset-text-height)] md:float-right md:[shape-outside:polygon(100%_0,0_100%,100%_100%)] md:[clip-path:polygon(100%_0,0_100%,100%_100%)]\">\n                <\/div>\n                <div class=\"inset-content__text-inner\">\n                    <div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)]\">\n    <h1 class=\"text-heading-2xl-fluid italic\" >Solar panels from leading manufacturers\n        <\/h1>\n<\/div>\n                        <!-- spacer component -->\n<div class=\"pt-[var(--spacer-padding)]\" style=\"--spacer-padding: var(--spacing-jumper-md-xs);\"><\/div>\n                                            <div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)]\">\n    <h1 class=\"text-heading-md-fluid\" >High-quality photovoltaic modules for installers, wholesalers, and distribution partners\n        <\/h1>\n<\/div>\n                                        <div class=\"pt-scale-200\"><\/div>\n                    <div class=\"paragraph-component font-light text-body-md-fluid\"\n    >Solar modules are the heart of every photovoltaic system. As an experienced Distributor with many years of market expertise, WATTKRAFT offers a carefully curated portfolio of high-quality photovoltaic modules from renowned manufacturers. Reliable quality, verified performance ratings, and strong partner support make all the difference.<\/div>\n                                        <div class=\"flex gap-y-scale-600 flex-row gap-x-scale-600 flex-wrap\">\n                                                                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n    \n\n<div  >\n    <!-- section component -->\n<div class=\"section-component w-screen -ml-[calc((100vw-100%)\/2)] px-inner-content-max-width md:px-inner-content-max-width-md lg:px-inner-content-max-width-lg xl:px-inner-content-max-width-xl 2xl:px-inner-content-max-width-2xl bg-gradient-blue-light\"\n    data-color-variant=on-color>\n    \n    \n    <div class=\"acf-innerblocks-container\">\n<!-- spacer template -->\n<div  >\n\t<!-- spacer component -->\n<div class=\"pt-[var(--spacer-padding)]\" style=\"--spacer-padding: var(--spacing-jumper-2xl-lg);\"><\/div>\n<\/div>\n\n\n<div  >\n    <div\n    class=\"mb-align w-full\"\n    data-align=\"items-center\"\n>\n    <div class=\"acf-innerblocks-container\">\n<div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)]\">\n    <h2 class=\"text-heading-xl-fluid italic\" >An Overview of Our Solar Panel Manufacturers\n        <\/h2>\n<\/div>\n    \n<\/div>\n<\/div>\n<\/div>\n\n\n<!-- spacer template -->\n<div  >\n\t<!-- spacer component -->\n<div class=\"pt-[var(--spacer-padding)]\" style=\"--spacer-padding: var(--spacing-jumper-lg-sm);\"><\/div>\n<\/div>\n\n\n<!-- grid template -->\n<div  >\n\t<!-- grid component -->\n\n\n<div\n  class=\"mb-grid  mb-grid-auto\" style=\"--mb-grid-columns: repeat(auto-fit, minmax(min(312px, 100%), 1fr)); --mb-grid-gap: 24px; --mb-grid-align: stretch; --mb-grid-justify: stretch; --mb-grid-gap-row: var(--spacing-jumper-xl-md, 0); --mb-grid-gap-column: var(--spacing-jumper-md-sm, 0); --mb-grid-min-width: 312px;\"\n  >\n  <div class=\"acf-innerblocks-container\">\n<!-- card template -->\n<!-- card component -->\n<div class=\"card-container min-w-card-min-width max-w-card-max-width @container\"  x-data=\"linkWrapperClickHandler\" >\n    <div\n        class=\"card-module h-full flex flex-col group border-radius-md w-full flex flex-col gap-scale-300\">\n                <div class=\"card-image relative @card-lg:w-full\" >\n            <div\n                class=\"card-image-wrapper   h-[px2rem(239)] @card-lg:h-[px2rem(400)]  w-full border-radius-sm bg-gradient-blue-light overflow-hidden\">\n                <picture><source srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_PhonoSolar_Project_02_Solardach-optimized-300x200.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_PhonoSolar_Project_02_Solardach-optimized-1024x684.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_PhonoSolar_Project_02_Solardach-optimized-768x513.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_PhonoSolar_Project_02_Solardach-optimized-1536x1025.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_PhonoSolar_Project_02_Solardach-optimized-2048x1367.jpg 2048w' sizes='100vw' type='image\/jpeg' \/><img src='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_PhonoSolar_Project_02_Solardach-optimized-300x200.jpg' srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_PhonoSolar_Project_02_Solardach-optimized-300x200.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_PhonoSolar_Project_02_Solardach-optimized-1024x684.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_PhonoSolar_Project_02_Solardach-optimized-768x513.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_PhonoSolar_Project_02_Solardach-optimized-1536x1025.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_PhonoSolar_Project_02_Solardach-optimized-2048x1367.jpg 2048w' sizes='100vw' width='300' height='200' alt='Ein Solardach von PhonoSolar ist auf einem Einfamilienhaus montiert.'  class=\"w-full h-full object-cover\" loading='lazy'  draggable='false'><\/picture>\n            <\/div>\n                    <\/div>\n                <div class=\"card-content h-full py-scale-200 @card-lg:w-full @card-lg:pt-scale-300\">\n                        <div class=\"flex flex-col h-full justify-between\">\n                <div>\n                    <div class=\"card-heading-wrapper\">\n                        <div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)]\">\n    <h3 class=\"text-heading-md-fluid\" >Phono Solar Panels\n        <\/h3>\n<\/div>\n                    <\/div>\n                    <div class=\"card-inner-blocks flex flex-col gap-y-scale-300 pt-scale-200 pl-0\">\n                        <div class=\"acf-innerblocks-container\">\n<!-- paragraph template -->\n\n<div >\n\t\t<div class=\"paragraph-component font-light text-body-md-fluid\"\n    >Phono Solar combines many years of manufacturing experience with modern solar technology to deliver modules that stand out for their stability, efficiency, and durability. The versatile product lineup meets a wide range of requirements in both residential and commercial applications.<br \/>\u00a0<br \/>Check out WATTKRAFT\u2019s selection of Phono Solar panels.<\/div>\n\t<\/div>\n    \n<\/div>\n                                            <\/div>\n                <\/div>\n                <div>\n                                            <div class=\"card-cta mt-scale-600 w-full max-w-[px2rem(400)]\" >\n                                                            <a href=\"\/produkte\/solarmodule\/phono-solar-panels\/\" target=\"\" data-color-variant=\"default\"\n        class=\"button-component btn-tertiary group\/btn-tertiary inline-flex justify-center items-center border-radius-round px-0 is-disabled:cursor-not-allowed focus-visible:outline focus-visible:outline-solid focus-visible:outline-offset-4 focus-visible:border-border-primary-focus-light focus-visible:outline-border-on-color-focus-light hover:cursor-pointer\">\n                <span\n            class=\"btn-content w-full font-bold text-btn-md text-primary-light group-hover:text-primary-hover-light group-is-disabled:text-disabled-light group-on-color\/btn-tertiary:text-primary-on-color-light group-on-color\/btn-tertiary:group-is-disabled:text-disabled-on-color-light\">\n                            Discover Products\n                    <\/span>\n                    <span\n                class=\"btn-tertiary-icon-right ml-scale-300 w-scale-600 h-scale-600 flex-none flex items-center justify-center\">\n                <span\n                    class=\"material-symbols-outlined text-icon-primary-light group-hover:text-icon-primary-hover-light group-is-disabled:text-icon-disabled-light group-on-color\/btn-tertiary:text-icon-primary-on-color-light group-on-color\/btn-tertiary:group-is-disabled:text-icon-disabled-on-color-light\">chevron_forward<\/span>\n            <\/span>\n            <\/a>\n                                                    <\/div>\n                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n    \n\n<!-- card template -->\n<!-- card component -->\n<div class=\"card-container min-w-card-min-width max-w-card-max-width @container\"  x-data=\"linkWrapperClickHandler\" >\n    <div\n        class=\"card-module h-full flex flex-col group border-radius-md w-full flex flex-col gap-scale-300\">\n                <div class=\"card-image relative @card-lg:w-full\" >\n            <div\n                class=\"card-image-wrapper   h-[px2rem(239)] @card-lg:h-[px2rem(400)]  w-full border-radius-sm bg-gradient-blue-light overflow-hidden\">\n                <picture><source srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_AIKO_ResidentialHome_09-optimized-300x200.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_AIKO_ResidentialHome_09-optimized-1024x684.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_AIKO_ResidentialHome_09-optimized-768x513.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_AIKO_ResidentialHome_09-optimized-1536x1025.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_AIKO_ResidentialHome_09-optimized-2048x1367.jpg 2048w' sizes='100vw' type='image\/jpeg' \/><img src='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_AIKO_ResidentialHome_09-optimized-300x200.jpg' srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_AIKO_ResidentialHome_09-optimized-300x200.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_AIKO_ResidentialHome_09-optimized-1024x684.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_AIKO_ResidentialHome_09-optimized-768x513.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_AIKO_ResidentialHome_09-optimized-1536x1025.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_AIKO_ResidentialHome_09-optimized-2048x1367.jpg 2048w' sizes='100vw' width='300' height='200' alt='AIKO Solarpanels ragen vor einem Abendhimmel mit untergehender Sonne in die H\u00f6he.'  class=\"w-full h-full object-cover\" loading='lazy'  draggable='false'><\/picture>\n            <\/div>\n                    <\/div>\n                <div class=\"card-content h-full py-scale-200 @card-lg:w-full @card-lg:pt-scale-300\">\n                        <div class=\"flex flex-col h-full justify-between\">\n                <div>\n                    <div class=\"card-heading-wrapper\">\n                        <div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)]\">\n    <h3 class=\"text-heading-md-fluid\" >AIKO Solar Panels\n        <\/h3>\n<\/div>\n                    <\/div>\n                    <div class=\"card-inner-blocks flex flex-col gap-y-scale-300 pt-scale-200 pl-0\">\n                        <div class=\"acf-innerblocks-container\">\n<!-- paragraph template -->\n\n<div >\n\t\t<div class=\"paragraph-component font-light text-body-md-fluid\"\n    >AIKO Solar is synonymous with innovative cell technology based on the ABC (All Back Contact) architecture, enabling it to achieve efficiency levels that stand out in the market. The modules impress with their high power density, excellent low-light performance, and a modern, aesthetic design.<br \/>\u00a0<br \/>Learn more about AIKO Solar panels at WATTKRAFT.<\/div>\n\t<\/div>\n    \n<\/div>\n                                            <\/div>\n                <\/div>\n                <div>\n                                            <div class=\"card-cta mt-scale-600 w-full max-w-[px2rem(400)]\" >\n                                                            <a href=\"\/produkte\/solarmodule\/aiko-solar-module\/\" target=\"\" data-color-variant=\"default\"\n        class=\"button-component btn-tertiary group\/btn-tertiary inline-flex justify-center items-center border-radius-round px-0 is-disabled:cursor-not-allowed focus-visible:outline focus-visible:outline-solid focus-visible:outline-offset-4 focus-visible:border-border-primary-focus-light focus-visible:outline-border-on-color-focus-light hover:cursor-pointer\">\n                <span\n            class=\"btn-content w-full font-bold text-btn-md text-primary-light group-hover:text-primary-hover-light group-is-disabled:text-disabled-light group-on-color\/btn-tertiary:text-primary-on-color-light group-on-color\/btn-tertiary:group-is-disabled:text-disabled-on-color-light\">\n                            Discover Products\n                    <\/span>\n                    <span\n                class=\"btn-tertiary-icon-right ml-scale-300 w-scale-600 h-scale-600 flex-none flex items-center justify-center\">\n                <span\n                    class=\"material-symbols-outlined text-icon-primary-light group-hover:text-icon-primary-hover-light group-is-disabled:text-icon-disabled-light group-on-color\/btn-tertiary:text-icon-primary-on-color-light group-on-color\/btn-tertiary:group-is-disabled:text-icon-disabled-on-color-light\">chevron_forward<\/span>\n            <\/span>\n            <\/a>\n                                                    <\/div>\n                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n    \n\n<!-- card template -->\n<!-- card component -->\n<div class=\"card-container min-w-card-min-width max-w-card-max-width @container\"  x-data=\"linkWrapperClickHandler\" >\n    <div\n        class=\"card-module h-full flex flex-col group border-radius-md w-full flex flex-col gap-scale-300\">\n                <div class=\"card-image relative @card-lg:w-full\" >\n            <div\n                class=\"card-image-wrapper   h-[px2rem(239)] @card-lg:h-[px2rem(400)]  w-full border-radius-sm bg-gradient-blue-light overflow-hidden\">\n                <picture><source srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Image_Solarfeld_Sonnenaufgang_istock-2212867028-optimized-300x200.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Image_Solarfeld_Sonnenaufgang_istock-2212867028-optimized-1024x684.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Image_Solarfeld_Sonnenaufgang_istock-2212867028-optimized-768x513.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Image_Solarfeld_Sonnenaufgang_istock-2212867028-optimized-1536x1025.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Image_Solarfeld_Sonnenaufgang_istock-2212867028-optimized-2048x1367.jpg 2048w' sizes='100vw' type='image\/jpeg' \/><img src='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Image_Solarfeld_Sonnenaufgang_istock-2212867028-optimized-300x200.jpg' srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Image_Solarfeld_Sonnenaufgang_istock-2212867028-optimized-300x200.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Image_Solarfeld_Sonnenaufgang_istock-2212867028-optimized-1024x684.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Image_Solarfeld_Sonnenaufgang_istock-2212867028-optimized-768x513.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Image_Solarfeld_Sonnenaufgang_istock-2212867028-optimized-1536x1025.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Image_Solarfeld_Sonnenaufgang_istock-2212867028-optimized-2048x1367.jpg 2048w' sizes='100vw' width='300' height='200' alt='Die Abendsonne scheint auf einige Reihen von Solar Panels in gr\u00fcner Umgebung.'  class=\"w-full h-full object-cover\" loading='lazy'  draggable='false'><\/picture>\n            <\/div>\n                    <\/div>\n                <div class=\"card-content h-full py-scale-200 @card-lg:w-full @card-lg:pt-scale-300\">\n                        <div class=\"flex flex-col h-full justify-between\">\n                <div>\n                    <div class=\"card-heading-wrapper\">\n                        <div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)]\">\n    <h3 class=\"text-heading-md-fluid\" >Canadian Solar Panels\n        <\/h3>\n<\/div>\n                    <\/div>\n                    <div class=\"card-inner-blocks flex flex-col gap-y-scale-300 pt-scale-200 pl-0\">\n                        <div class=\"acf-innerblocks-container\">\n<!-- paragraph template -->\n\n<div >\n\t\t<div class=\"paragraph-component font-light text-body-md-fluid\"\n    >Canadian Solar is one of the world&#8217;s best-known and most high-performing manufacturers of photovoltaic modules. With a broad product range, proven cell technology, and high quality standards, Canadian Solar modules provide a reliable foundation for projects of any scale.<br \/>\u00a0<br \/>Discover the WATTKRAFT portfolio of Canadian Solar panels.<\/div>\n\t<\/div>\n    \n<\/div>\n                                            <\/div>\n                <\/div>\n                <div>\n                                            <div class=\"card-cta mt-scale-600 w-full max-w-[px2rem(400)]\" >\n                                                            <a href=\"\/produkte\/solarmodule\/canadian-solar-panels\/\" target=\"\" data-color-variant=\"default\"\n        class=\"button-component btn-tertiary group\/btn-tertiary inline-flex justify-center items-center border-radius-round px-0 is-disabled:cursor-not-allowed focus-visible:outline focus-visible:outline-solid focus-visible:outline-offset-4 focus-visible:border-border-primary-focus-light focus-visible:outline-border-on-color-focus-light hover:cursor-pointer\">\n                <span\n            class=\"btn-content w-full font-bold text-btn-md text-primary-light group-hover:text-primary-hover-light group-is-disabled:text-disabled-light group-on-color\/btn-tertiary:text-primary-on-color-light group-on-color\/btn-tertiary:group-is-disabled:text-disabled-on-color-light\">\n                            Discover Products\n                    <\/span>\n                    <span\n                class=\"btn-tertiary-icon-right ml-scale-300 w-scale-600 h-scale-600 flex-none flex items-center justify-center\">\n                <span\n                    class=\"material-symbols-outlined text-icon-primary-light group-hover:text-icon-primary-hover-light group-is-disabled:text-icon-disabled-light group-on-color\/btn-tertiary:text-icon-primary-on-color-light group-on-color\/btn-tertiary:group-is-disabled:text-icon-disabled-on-color-light\">chevron_forward<\/span>\n            <\/span>\n            <\/a>\n                                                    <\/div>\n                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n    \n<\/div>\n<\/div>\n<\/div>\n\n\n<!-- spacer template -->\n<div  >\n\t<!-- spacer component -->\n<div class=\"pt-[var(--spacer-padding)]\" style=\"--spacer-padding: var(--spacing-jumper-2xl-lg);\"><\/div>\n<\/div>\n\n<\/div>\n<\/div>\n<\/div>\n\n\n<div  >\n    <!-- section component -->\n<div class=\"section-component w-screen -ml-[calc((100vw-100%)\/2)] px-inner-content-max-width md:px-inner-content-max-width-md lg:px-inner-content-max-width-lg xl:px-inner-content-max-width-xl 2xl:px-inner-content-max-width-2xl\"\n    >\n    \n    \n    <div class=\"acf-innerblocks-container\">\n<!-- spacer template -->\n<div  >\n\t<!-- spacer component -->\n<div class=\"pt-[var(--spacer-padding)]\" style=\"--spacer-padding: var(--spacing-jumper-2xl-lg);\"><\/div>\n<\/div>\n\n\n<div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)]\">\n    <h2 class=\"text-heading-xl-fluid italic\" >Overview of Solar Modules\n        <\/h2>\n<\/div>\n    \n\n<!-- spacer template -->\n<div  >\n\t<!-- spacer component -->\n<div class=\"pt-[var(--spacer-padding)]\" style=\"--spacer-padding: var(--spacing-jumper-lg-sm);\"><\/div>\n<\/div>\n\n\n<!-- product-filter template -->\n<div >\n\t\t<div wire:key=\"lw-2096560653-0\" wire:snapshot=\"{&quot;data&quot;:{&quot;filterCategoryIds&quot;:[[35,76,77,78,80,81,82],{&quot;s&quot;:&quot;arr&quot;}],&quot;selectedFilterCategoryIds&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;selectedFilterTagIds&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;selectedFilterManufacturerIds&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;selectedFilterApplicationAreaIds&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;selectedSpecificationIds&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;selectedSpecificationValues&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;sortingOptions&quot;:[[[{&quot;label&quot;:&quot;Name (A-Z)&quot;,&quot;value&quot;:&quot;name_asc&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;label&quot;:&quot;Name (Z-A)&quot;,&quot;value&quot;:&quot;name_desc&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;label&quot;:&quot;Newest First&quot;,&quot;value&quot;:&quot;date_desc&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;label&quot;:&quot;Oldest First&quot;,&quot;value&quot;:&quot;date_asc&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;selectedSortingOption&quot;:&quot;name_asc&quot;,&quot;specificationCategory&quot;:null,&quot;comparisonProductIds&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;isConstrained&quot;:true,&quot;constrainLines&quot;:4,&quot;isPreview&quot;:false,&quot;separatedByColor&quot;:false,&quot;preferHighlightedSpecs&quot;:true,&quot;perPage&quot;:6,&quot;currentPage&quot;:1,&quot;hasMoreProducts&quot;:true,&quot;blockCategoryScopeIds&quot;:[[35],{&quot;s&quot;:&quot;arr&quot;}],&quot;blockManufacturerScopeIds&quot;:[[76,77,78,79],{&quot;s&quot;:&quot;arr&quot;}],&quot;blockApplicationAreaScopeIds&quot;:[[80,81,82],{&quot;s&quot;:&quot;arr&quot;}],&quot;products&quot;:[[[{&quot;id&quot;:28263,&quot;title&quot;:&quot;AIKO-A-GRH48Dw&quot;,&quot;categories&quot;:[[&quot;Modules&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;applicationAreas&quot;:[[&quot;Residential and Small Business&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;tags&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;imgUrl&quot;:&quot;https:\\\/\\\/test.wattkraft.de\\\/en\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/08\\\/product_AIKO_Neostar_2P_48_AIKO-A-GRH48Dw-optimized.png&quot;,&quot;specifications&quot;:[[[{&quot;value_list_item_title&quot;:&quot;Scope of Application&quot;,&quot;value_list_item_value&quot;:&quot;Residential&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Performance Class&quot;,&quot;value_list_item_value&quot;:&quot;485 W&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Cell Technology&quot;,&quot;value_list_item_value&quot;:&quot;ABC&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Efficiency&quot;,&quot;value_list_item_value&quot;:&quot;24.3 %&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Number of Cells&quot;,&quot;value_list_item_value&quot;:&quot;96&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Dimensions&quot;,&quot;value_list_item_value&quot;:&quot;1,762 x 1,134 x 30 mm&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Features&quot;,&quot;value_list_item_value&quot;:&quot;Glass\\\/Glass - Black Frame&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Weight&quot;,&quot;value_list_item_value&quot;:&quot;24.1 kg&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Units per container&quot;,&quot;value_list_item_value&quot;:&quot;962&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;isForSale&quot;:true,&quot;url&quot;:false,&quot;manufacturer&quot;:&quot;AIKO Solar&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;id&quot;:28278,&quot;title&quot;:&quot;AIKO-A-GRH66Dw (650)&quot;,&quot;categories&quot;:[[&quot;Modules&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;applicationAreas&quot;:[[&quot;Commerce &amp;amp; Industry&quot;,&quot;Solar Farms &amp;amp; Large-Scale Plants&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;tags&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;imgUrl&quot;:&quot;https:\\\/\\\/test.wattkraft.de\\\/en\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/08\\\/product_AIKO_Stellar_1N_66_White_Frame_A-GRH66Dw_Stapelansicht-optimized.png&quot;,&quot;specifications&quot;:[[[{&quot;value_list_item_title&quot;:&quot;Scope of Application&quot;,&quot;value_list_item_value&quot;:&quot;C&amp;amp;I\\\/Utility&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Performance Class&quot;,&quot;value_list_item_value&quot;:&quot;650 W&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Cell Technology&quot;,&quot;value_list_item_value&quot;:&quot;ABC&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Efficiency&quot;,&quot;value_list_item_value&quot;:&quot;24.1 %&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Number of Cells&quot;,&quot;value_list_item_value&quot;:&quot;132&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Dimensions&quot;,&quot;value_list_item_value&quot;:&quot;2,382 x 1,134 x 30 mm &quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Features&quot;,&quot;value_list_item_value&quot;:&quot;Glass\\\/Glass - bifacial&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Weight&quot;,&quot;value_list_item_value&quot;:&quot;32.5 kg&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Units per container&quot;,&quot;value_list_item_value&quot;:&quot;720&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;isForSale&quot;:true,&quot;url&quot;:false,&quot;manufacturer&quot;:&quot;AIKO Solar&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;id&quot;:28279,&quot;title&quot;:&quot;AIKO-A-GRH66Dw (655)&quot;,&quot;categories&quot;:[[&quot;Modules&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;applicationAreas&quot;:[[&quot;Commerce &amp;amp; Industry&quot;,&quot;Solar Farms &amp;amp; Large-Scale Plants&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;tags&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;imgUrl&quot;:&quot;https:\\\/\\\/test.wattkraft.de\\\/en\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/08\\\/product_AIKO_Stellar_1N_66_White_Frame_A-GRH66Dw_Stapelansicht-optimized.png&quot;,&quot;specifications&quot;:[[[{&quot;value_list_item_title&quot;:&quot;Scope of Application&quot;,&quot;value_list_item_value&quot;:&quot;C&amp;amp;I\\\/Utility&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Performance Class&quot;,&quot;value_list_item_value&quot;:&quot;655 W&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Cell Technology&quot;,&quot;value_list_item_value&quot;:&quot;ABC&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Efficiency&quot;,&quot;value_list_item_value&quot;:&quot;24.2 %&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Number of Cells&quot;,&quot;value_list_item_value&quot;:&quot;132&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Dimensions&quot;,&quot;value_list_item_value&quot;:&quot;2,382 x 1,134 x 30 mm &quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Features&quot;,&quot;value_list_item_value&quot;:&quot;Glass\\\/Glass - bifacial&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Weight&quot;,&quot;value_list_item_value&quot;:&quot;32.5 kg&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Units per container&quot;,&quot;value_list_item_value&quot;:&quot;720&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;isForSale&quot;:true,&quot;url&quot;:false,&quot;manufacturer&quot;:&quot;AIKO Solar&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;id&quot;:28280,&quot;title&quot;:&quot;AIKO-A-GRH78Dw (770)&quot;,&quot;categories&quot;:[[&quot;Modules&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;applicationAreas&quot;:[[&quot;Solar Farms &amp;amp; Large-Scale Plants&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;tags&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;imgUrl&quot;:&quot;https:\\\/\\\/test.wattkraft.de\\\/en\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/08\\\/product_AIKO_Stellar_2N_78_White_Frame_A-GRH78Dw_Stapelansicht-optimized.png&quot;,&quot;specifications&quot;:[[[{&quot;value_list_item_title&quot;:&quot;Scope of Application&quot;,&quot;value_list_item_value&quot;:&quot;Utility&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Performance Class&quot;,&quot;value_list_item_value&quot;:&quot;770 W&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Cell Technology&quot;,&quot;value_list_item_value&quot;:&quot;ABC&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Efficiency&quot;,&quot;value_list_item_value&quot;:&quot;24 %&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Number of Cells&quot;,&quot;value_list_item_value&quot;:&quot;156&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Dimensions&quot;,&quot;value_list_item_value&quot;:&quot;2,465 x 1,303 x 33 mm&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Features&quot;,&quot;value_list_item_value&quot;:&quot;Glass\\\/Glass - bifacial&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Weight&quot;,&quot;value_list_item_value&quot;:&quot;39.8 kg&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Units per container&quot;,&quot;value_list_item_value&quot;:&quot;594&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;isForSale&quot;:true,&quot;url&quot;:false,&quot;manufacturer&quot;:&quot;AIKO Solar&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;id&quot;:28281,&quot;title&quot;:&quot;AIKO-A-GRH78Dw (775)&quot;,&quot;categories&quot;:[[&quot;Modules&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;applicationAreas&quot;:[[&quot;Solar Farms &amp;amp; Large-Scale Plants&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;tags&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;imgUrl&quot;:&quot;https:\\\/\\\/test.wattkraft.de\\\/en\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/08\\\/product_AIKO_Stellar_2N_78_White_Frame_A-GRH78Dw_Stapelansicht-optimized.png&quot;,&quot;specifications&quot;:[[[{&quot;value_list_item_title&quot;:&quot;Scope of Application&quot;,&quot;value_list_item_value&quot;:&quot;Utility&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Performance Class&quot;,&quot;value_list_item_value&quot;:&quot;775 W&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Cell Technology&quot;,&quot;value_list_item_value&quot;:&quot;ABC&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Efficiency&quot;,&quot;value_list_item_value&quot;:&quot;24.1 %&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Number of Cells&quot;,&quot;value_list_item_value&quot;:&quot;156&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Dimensions&quot;,&quot;value_list_item_value&quot;:&quot;2,465 x 1,303 x 33 mm&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Features&quot;,&quot;value_list_item_value&quot;:&quot;Glass\\\/Glass - bifacial&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Weight&quot;,&quot;value_list_item_value&quot;:&quot;39.8 kg&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Units per container&quot;,&quot;value_list_item_value&quot;:&quot;594&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;isForSale&quot;:true,&quot;url&quot;:false,&quot;manufacturer&quot;:&quot;AIKO Solar&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;id&quot;:28272,&quot;title&quot;:&quot;AIKO-A-MCE54Db (480)&quot;,&quot;categories&quot;:[[&quot;Modules&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;applicationAreas&quot;:[[&quot;Residential and Small Business&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;tags&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;imgUrl&quot;:&quot;https:\\\/\\\/test.wattkraft.de\\\/en\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/07\\\/product_AIKO_Neostar_3Splus54_A-MCE54Db_front-optimized.png&quot;,&quot;specifications&quot;:[[[{&quot;value_list_item_title&quot;:&quot;Scope of Application&quot;,&quot;value_list_item_value&quot;:&quot;Residential&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Performance Class&quot;,&quot;value_list_item_value&quot;:&quot;480 W&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Cell Technology&quot;,&quot;value_list_item_value&quot;:&quot;ABC&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Efficiency&quot;,&quot;value_list_item_value&quot;:&quot;24 %&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Number of Cells&quot;,&quot;value_list_item_value&quot;:&quot;108&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Dimensions&quot;,&quot;value_list_item_value&quot;:&quot;1,762 x 1,134 x 30 mm&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Features&quot;,&quot;value_list_item_value&quot;:&quot;Glass\\\/Glass - Full Black&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Weight&quot;,&quot;value_list_item_value&quot;:&quot;24.2 kg&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;value_list_item_title&quot;:&quot;Units per container&quot;,&quot;value_list_item_value&quot;:&quot;962&quot;,&quot;show_tooltip&quot;:false,&quot;value_list_item_tooltip_text&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;isForSale&quot;:true,&quot;url&quot;:false,&quot;manufacturer&quot;:&quot;AIKO Solar&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;bDp7k1lutTBobNAS93fx&quot;,&quot;name&quot;:&quot;product-list-with-filter&quot;,&quot;path&quot;:&quot;wp-json\\\/wp\\\/v2\\\/pages\\\/476&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en_GB&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;697133ed9ab030bed30fec21a35aabe0c0555af7e7c0d597407943a325897268&quot;}\" wire:effects=\"{&quot;url&quot;:{&quot;selectedFilterCategoryIds&quot;:{&quot;as&quot;:&quot;selectedFilterCategoryIds&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;selectedFilterTagIds&quot;:{&quot;as&quot;:&quot;selectedFilterTagIds&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;selectedFilterManufacturerIds&quot;:{&quot;as&quot;:&quot;selectedFilterManufacturerIds&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;selectedFilterApplicationAreaIds&quot;:{&quot;as&quot;:&quot;selectedFilterApplicationAreaIds&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;selectedSpecificationIds&quot;:{&quot;as&quot;:&quot;selectedSpecification&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;selectedSpecificationValues&quot;:{&quot;as&quot;:&quot;selectedSpecificationValue&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;selectedSortingOption&quot;:{&quot;as&quot;:&quot;sort&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;specificationCategory&quot;:{&quot;as&quot;:&quot;specCategory&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}}}\" wire:id=\"bDp7k1lutTBobNAS93fx\" wire:name=\"product-list-with-filter\" class=\"product-list-with-filter relative\" x-data=\"productListWithFilter\">\n    <div class=\"filter-management group py-scale-600 sticky top-[var(--anchor-nav-offset)] z-10 bg-surface-page-light stuck:py-scale-300 stuck:px-scale-200 stuck:border-radius-md stuck:shadow-neutral-shadow-light stuck:bg-surface-default-light\"\n        data-sticky-track>\n        <div class=\"product-filter-bar flex flex-wrap lg:flex-nowrap justify-between items-center gap-scale-1300\">\n            <!--[if BLOCK]><![endif]-->                <div\n                    class=\"product-filter hidden lg:flex justify-start items-center lg:items-start gap-scale-300 group-stuck:hidden min-w-0\">\n                    <div class=\"product-filter-label text-body-color-light font-bold text-heading-xs-fluid\">\n                        Filter:\n                    <\/div>\n                    <div class=\"product-filter-items flex flex-wrap justify-start items-center gap-scale-300\">\n                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        <!--[if BLOCK]><![endif]-->                            <button type=\"button\"\n    class=\"group inline-flex justify-center items-center border-radius-round px-chip-filter-padding-inline-md py-chip-filter-padding-block-md text-btn-md font-bold bg-surface-primary-subtle-light text-primary-light hover:bg-surface-primary-subtle-hover-light hover:text-primary-hover-light hover:cursor-pointer is-disabled:cursor-not-allowed is-disabled:bg-surface-disabled-subtle-light is-disabled:text-disabled-on-color-light is-disabled:outline-none focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-border-primary-focus-light focus-visible:outline-solid activated:bg-surface-primary-light activated:text-primary-on-color-light no-surface:bg-transparent no-surface:hover:bg-surface-primary-subtle-hover-light no-surface:hover:text-primary-hover-light  no-surface:is-disabled:bg-transparent no-surface:is-disabled:text-disabled-on-color-light no-surface:focus-visible:bg-transparent no-surface:activated:bg-surface-primary-light no-surface:activated:text-primary-on-color-light on-color:bg-surface-default-light on-color:text-primary-light on-color:focus-visible:outline-border-on-color-focus-light on-color:hover:bg-surface-primary-subtle-hover-light on-color:hover:text-primary-hover-light on-color:activated:bg-surface-primary-light on-color:activated:text-primary-on-color-light on-color:no-surface:bg-transparent on-color:no-surface:text-primary-on-color-light on-color:no-surface:hover:bg-surface-primary-subtle-hover-light on-color:no-surface:hover:text-primary-hover-light on-color:no-surface:activated:bg-surface-primary-light on-color:no-surface:activated:text-primary-on-color-light on-color:no-surface:is-disabled:bg-transparent on-color:no-surface:is-disabled:text-disabled-on-color-light\" wire:click=\"toggleSelectedFilterCategory(80, 'product_application_area')\">\n        <span\n            class=\"chip-filter-icon-left mr-scale-100 w-scale-300 h-em flex items-center justify-center flex-none container-size hidden group-activated:block\">\n            <span\n                class=\"material-symbols-outlined material-symbols-fit text-icon-primary-light group-is-disabled:text-icon-disabled-on-color-light group-hover:text-icon-primary-hover-light group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:text-icon-primary-on-color-light group-on-color:group-no-surface:group-hover:text-icon-primary-hover-light group-on-color:group-no-surface:group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:group-is-disabled:text-icon-disabled-on-color-light\">\n                check_small\n            <\/span>\n        <\/span>\n    <span class=\"w-full\">Commerce &amp; Industry<\/span>\n<\/button>\n                                                    <button type=\"button\"\n    class=\"group inline-flex justify-center items-center border-radius-round px-chip-filter-padding-inline-md py-chip-filter-padding-block-md text-btn-md font-bold bg-surface-primary-subtle-light text-primary-light hover:bg-surface-primary-subtle-hover-light hover:text-primary-hover-light hover:cursor-pointer is-disabled:cursor-not-allowed is-disabled:bg-surface-disabled-subtle-light is-disabled:text-disabled-on-color-light is-disabled:outline-none focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-border-primary-focus-light focus-visible:outline-solid activated:bg-surface-primary-light activated:text-primary-on-color-light no-surface:bg-transparent no-surface:hover:bg-surface-primary-subtle-hover-light no-surface:hover:text-primary-hover-light  no-surface:is-disabled:bg-transparent no-surface:is-disabled:text-disabled-on-color-light no-surface:focus-visible:bg-transparent no-surface:activated:bg-surface-primary-light no-surface:activated:text-primary-on-color-light on-color:bg-surface-default-light on-color:text-primary-light on-color:focus-visible:outline-border-on-color-focus-light on-color:hover:bg-surface-primary-subtle-hover-light on-color:hover:text-primary-hover-light on-color:activated:bg-surface-primary-light on-color:activated:text-primary-on-color-light on-color:no-surface:bg-transparent on-color:no-surface:text-primary-on-color-light on-color:no-surface:hover:bg-surface-primary-subtle-hover-light on-color:no-surface:hover:text-primary-hover-light on-color:no-surface:activated:bg-surface-primary-light on-color:no-surface:activated:text-primary-on-color-light on-color:no-surface:is-disabled:bg-transparent on-color:no-surface:is-disabled:text-disabled-on-color-light\" wire:click=\"toggleSelectedFilterCategory(82, 'product_application_area')\">\n        <span\n            class=\"chip-filter-icon-left mr-scale-100 w-scale-300 h-em flex items-center justify-center flex-none container-size hidden group-activated:block\">\n            <span\n                class=\"material-symbols-outlined material-symbols-fit text-icon-primary-light group-is-disabled:text-icon-disabled-on-color-light group-hover:text-icon-primary-hover-light group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:text-icon-primary-on-color-light group-on-color:group-no-surface:group-hover:text-icon-primary-hover-light group-on-color:group-no-surface:group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:group-is-disabled:text-icon-disabled-on-color-light\">\n                check_small\n            <\/span>\n        <\/span>\n    <span class=\"w-full\">Residential and Small Business<\/span>\n<\/button>\n                                                    <button type=\"button\"\n    class=\"group inline-flex justify-center items-center border-radius-round px-chip-filter-padding-inline-md py-chip-filter-padding-block-md text-btn-md font-bold bg-surface-primary-subtle-light text-primary-light hover:bg-surface-primary-subtle-hover-light hover:text-primary-hover-light hover:cursor-pointer is-disabled:cursor-not-allowed is-disabled:bg-surface-disabled-subtle-light is-disabled:text-disabled-on-color-light is-disabled:outline-none focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-border-primary-focus-light focus-visible:outline-solid activated:bg-surface-primary-light activated:text-primary-on-color-light no-surface:bg-transparent no-surface:hover:bg-surface-primary-subtle-hover-light no-surface:hover:text-primary-hover-light  no-surface:is-disabled:bg-transparent no-surface:is-disabled:text-disabled-on-color-light no-surface:focus-visible:bg-transparent no-surface:activated:bg-surface-primary-light no-surface:activated:text-primary-on-color-light on-color:bg-surface-default-light on-color:text-primary-light on-color:focus-visible:outline-border-on-color-focus-light on-color:hover:bg-surface-primary-subtle-hover-light on-color:hover:text-primary-hover-light on-color:activated:bg-surface-primary-light on-color:activated:text-primary-on-color-light on-color:no-surface:bg-transparent on-color:no-surface:text-primary-on-color-light on-color:no-surface:hover:bg-surface-primary-subtle-hover-light on-color:no-surface:hover:text-primary-hover-light on-color:no-surface:activated:bg-surface-primary-light on-color:no-surface:activated:text-primary-on-color-light on-color:no-surface:is-disabled:bg-transparent on-color:no-surface:is-disabled:text-disabled-on-color-light\" wire:click=\"toggleSelectedFilterCategory(81, 'product_application_area')\">\n        <span\n            class=\"chip-filter-icon-left mr-scale-100 w-scale-300 h-em flex items-center justify-center flex-none container-size hidden group-activated:block\">\n            <span\n                class=\"material-symbols-outlined material-symbols-fit text-icon-primary-light group-is-disabled:text-icon-disabled-on-color-light group-hover:text-icon-primary-hover-light group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:text-icon-primary-on-color-light group-on-color:group-no-surface:group-hover:text-icon-primary-hover-light group-on-color:group-no-surface:group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:group-is-disabled:text-icon-disabled-on-color-light\">\n                check_small\n            <\/span>\n        <\/span>\n    <span class=\"w-full\">Solar Farms &amp; Large-Scale Plants<\/span>\n<\/button>\n                                                    <button type=\"button\"\n    class=\"group inline-flex justify-center items-center border-radius-round px-chip-filter-padding-inline-md py-chip-filter-padding-block-md text-btn-md font-bold bg-surface-primary-subtle-light text-primary-light hover:bg-surface-primary-subtle-hover-light hover:text-primary-hover-light hover:cursor-pointer is-disabled:cursor-not-allowed is-disabled:bg-surface-disabled-subtle-light is-disabled:text-disabled-on-color-light is-disabled:outline-none focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-border-primary-focus-light focus-visible:outline-solid activated:bg-surface-primary-light activated:text-primary-on-color-light no-surface:bg-transparent no-surface:hover:bg-surface-primary-subtle-hover-light no-surface:hover:text-primary-hover-light  no-surface:is-disabled:bg-transparent no-surface:is-disabled:text-disabled-on-color-light no-surface:focus-visible:bg-transparent no-surface:activated:bg-surface-primary-light no-surface:activated:text-primary-on-color-light on-color:bg-surface-default-light on-color:text-primary-light on-color:focus-visible:outline-border-on-color-focus-light on-color:hover:bg-surface-primary-subtle-hover-light on-color:hover:text-primary-hover-light on-color:activated:bg-surface-primary-light on-color:activated:text-primary-on-color-light on-color:no-surface:bg-transparent on-color:no-surface:text-primary-on-color-light on-color:no-surface:hover:bg-surface-primary-subtle-hover-light on-color:no-surface:hover:text-primary-hover-light on-color:no-surface:activated:bg-surface-primary-light on-color:no-surface:activated:text-primary-on-color-light on-color:no-surface:is-disabled:bg-transparent on-color:no-surface:is-disabled:text-disabled-on-color-light\" wire:click=\"toggleSelectedFilterCategory(76, 'product_manufacturer')\">\n        <span\n            class=\"chip-filter-icon-left mr-scale-100 w-scale-300 h-em flex items-center justify-center flex-none container-size hidden group-activated:block\">\n            <span\n                class=\"material-symbols-outlined material-symbols-fit text-icon-primary-light group-is-disabled:text-icon-disabled-on-color-light group-hover:text-icon-primary-hover-light group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:text-icon-primary-on-color-light group-on-color:group-no-surface:group-hover:text-icon-primary-hover-light group-on-color:group-no-surface:group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:group-is-disabled:text-icon-disabled-on-color-light\">\n                check_small\n            <\/span>\n        <\/span>\n    <span class=\"w-full\">AIKO Solar<\/span>\n<\/button>\n                                                    <button type=\"button\"\n    class=\"group inline-flex justify-center items-center border-radius-round px-chip-filter-padding-inline-md py-chip-filter-padding-block-md text-btn-md font-bold bg-surface-primary-subtle-light text-primary-light hover:bg-surface-primary-subtle-hover-light hover:text-primary-hover-light hover:cursor-pointer is-disabled:cursor-not-allowed is-disabled:bg-surface-disabled-subtle-light is-disabled:text-disabled-on-color-light is-disabled:outline-none focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-border-primary-focus-light focus-visible:outline-solid activated:bg-surface-primary-light activated:text-primary-on-color-light no-surface:bg-transparent no-surface:hover:bg-surface-primary-subtle-hover-light no-surface:hover:text-primary-hover-light  no-surface:is-disabled:bg-transparent no-surface:is-disabled:text-disabled-on-color-light no-surface:focus-visible:bg-transparent no-surface:activated:bg-surface-primary-light no-surface:activated:text-primary-on-color-light on-color:bg-surface-default-light on-color:text-primary-light on-color:focus-visible:outline-border-on-color-focus-light on-color:hover:bg-surface-primary-subtle-hover-light on-color:hover:text-primary-hover-light on-color:activated:bg-surface-primary-light on-color:activated:text-primary-on-color-light on-color:no-surface:bg-transparent on-color:no-surface:text-primary-on-color-light on-color:no-surface:hover:bg-surface-primary-subtle-hover-light on-color:no-surface:hover:text-primary-hover-light on-color:no-surface:activated:bg-surface-primary-light on-color:no-surface:activated:text-primary-on-color-light on-color:no-surface:is-disabled:bg-transparent on-color:no-surface:is-disabled:text-disabled-on-color-light\" wire:click=\"toggleSelectedFilterCategory(77, 'product_manufacturer')\">\n        <span\n            class=\"chip-filter-icon-left mr-scale-100 w-scale-300 h-em flex items-center justify-center flex-none container-size hidden group-activated:block\">\n            <span\n                class=\"material-symbols-outlined material-symbols-fit text-icon-primary-light group-is-disabled:text-icon-disabled-on-color-light group-hover:text-icon-primary-hover-light group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:text-icon-primary-on-color-light group-on-color:group-no-surface:group-hover:text-icon-primary-hover-light group-on-color:group-no-surface:group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:group-is-disabled:text-icon-disabled-on-color-light\">\n                check_small\n            <\/span>\n        <\/span>\n    <span class=\"w-full\">Canadian Solar<\/span>\n<\/button>\n                                                    <button type=\"button\"\n    class=\"group inline-flex justify-center items-center border-radius-round px-chip-filter-padding-inline-md py-chip-filter-padding-block-md text-btn-md font-bold bg-surface-primary-subtle-light text-primary-light hover:bg-surface-primary-subtle-hover-light hover:text-primary-hover-light hover:cursor-pointer is-disabled:cursor-not-allowed is-disabled:bg-surface-disabled-subtle-light is-disabled:text-disabled-on-color-light is-disabled:outline-none focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-border-primary-focus-light focus-visible:outline-solid activated:bg-surface-primary-light activated:text-primary-on-color-light no-surface:bg-transparent no-surface:hover:bg-surface-primary-subtle-hover-light no-surface:hover:text-primary-hover-light  no-surface:is-disabled:bg-transparent no-surface:is-disabled:text-disabled-on-color-light no-surface:focus-visible:bg-transparent no-surface:activated:bg-surface-primary-light no-surface:activated:text-primary-on-color-light on-color:bg-surface-default-light on-color:text-primary-light on-color:focus-visible:outline-border-on-color-focus-light on-color:hover:bg-surface-primary-subtle-hover-light on-color:hover:text-primary-hover-light on-color:activated:bg-surface-primary-light on-color:activated:text-primary-on-color-light on-color:no-surface:bg-transparent on-color:no-surface:text-primary-on-color-light on-color:no-surface:hover:bg-surface-primary-subtle-hover-light on-color:no-surface:hover:text-primary-hover-light on-color:no-surface:activated:bg-surface-primary-light on-color:no-surface:activated:text-primary-on-color-light on-color:no-surface:is-disabled:bg-transparent on-color:no-surface:is-disabled:text-disabled-on-color-light\" wire:click=\"toggleSelectedFilterCategory(78, 'product_manufacturer')\">\n        <span\n            class=\"chip-filter-icon-left mr-scale-100 w-scale-300 h-em flex items-center justify-center flex-none container-size hidden group-activated:block\">\n            <span\n                class=\"material-symbols-outlined material-symbols-fit text-icon-primary-light group-is-disabled:text-icon-disabled-on-color-light group-hover:text-icon-primary-hover-light group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:text-icon-primary-on-color-light group-on-color:group-no-surface:group-hover:text-icon-primary-hover-light group-on-color:group-no-surface:group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:group-is-disabled:text-icon-disabled-on-color-light\">\n                check_small\n            <\/span>\n        <\/span>\n    <span class=\"w-full\">Phono Solar<\/span>\n<\/button>\n                        <!--[if ENDBLOCK]><![endif]-->                    <\/div>\n                <\/div>\n            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->            <div class=\"product-filter-mobile block lg:hidden lg:group-stuck:block\">\n                <div class=\"dropdown-menu\" x-on:change=\"$wire.call('setSelectedFilterTermIds', $event.detail.values)\" x-data='dropdownMenu({\"multiple\":true,\"options\":[{\"value\":\"80\",\"label\":\"Commerce \\u0026 Industry\",\"icon\":\"\",\"selected\":false,\"remoteUrl\":\"\"},{\"value\":\"82\",\"label\":\"Residential and Small Business\",\"icon\":\"\",\"selected\":false,\"remoteUrl\":\"\"},{\"value\":\"81\",\"label\":\"Solar Farms \\u0026 Large-Scale Plants\",\"icon\":\"\",\"selected\":false,\"remoteUrl\":\"\"},{\"value\":\"76\",\"label\":\"AIKO Solar\",\"icon\":\"\",\"selected\":false,\"remoteUrl\":\"\"},{\"value\":\"77\",\"label\":\"Canadian Solar\",\"icon\":\"\",\"selected\":false,\"remoteUrl\":\"\"},{\"value\":\"78\",\"label\":\"Phono Solar\",\"icon\":\"\",\"selected\":false,\"remoteUrl\":\"\"}],\"defaultLabel\":\"Filter\",\"defaultIcon\":\"\",\"dropdownType\":\"chips\",\"closeOnClickOutside\":false,\"deferChangeUntilClose\":true})'\n    x-bind:data-selected-value=\"selectedValueAttr()\" @dropdown-menu:clear=\"clearSelection()\"\n    @dropdown-menu:set-selection=\"setSelection($event.detail?.values ?? [])\"\n    @click.outside=\"if (closeOnClickOutside) closeDropdown()\">\n    <!--[if BLOCK]><![endif]-->        <span class=\"sr-only\" id=\"dropdown-menu-6aedc2247d53f-label\">Filter<\/span>\n    <!--[if ENDBLOCK]><![endif]-->\n    <div class=\"custom-select relative inline-block border border-transparent border-radius-round focus-visible:border-border-primary-focus-light focus-visible:border-border-primary-focus-light focus-visible:outline-none focus-visible:outline-none\"\n        id=\"dropdown-menu-6aedc2247d53f\">\n        <button type=\"button\"\n            class=\"selected-option flex w-full items-center justify-start gap-x-scale-200 p-scale-100 text-left cursor-pointer outline-none focus-visible:outline-none [-webkit-tap-highlight-color:transparent]\"\n            x-ref=\"trigger\" aria-haspopup=\"listbox\" aria-controls=\"dropdown-menu-6aedc2247d53f-listbox\"\n             aria-labelledby=\"dropdown-menu-6aedc2247d53f-label\"             x-bind:aria-expanded=\"open ? 'true' : 'false'\" @click=\"toggleDropdown()\"\n            @keydown=\"onTriggerKeydown($event)\">\n        <div class=\"selected-option flex items-center justify-start gap-x-scale-200\" aria-live=\"polite\"\n            aria-atomic=\"true\">\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->\n            <div class=\"selected-option-text-wrapper flex items-center justify-start gap-x-scale-100\">\n                <div class=\"selected-option-text text-btn-md text-heading-color-light font-bold\"\n                    id=\"dropdown-menu-6aedc2247d53f-selected-text\" x-text=\"selectedText()\"><\/div>\n\n                <!--[if BLOCK]><![endif]-->                    <div class=\"selected-option-count border-radius-round bg-surface-secondary-light text-btn-xs text-heading-on-color-light leading-0 w-fit aspect-square min-w-scale-500 min-h-scale-500 inline-grid place-items-center shrink-0\"\n                        x-show=\"multiple && selectedCount() > 0\" x-text=\"selectedCount()\" x-cloak><\/div>\n                <!--[if ENDBLOCK]><![endif]-->\n                <div class=\"w-scale-600 h-scale-600 flex items-center justify-center container-size selected-dropdown-arrow transition-transform duration-300\" x-bind:class=\"open ? 'scale-y-[-1]' : ''\">\n\t<span class=\"material-symbols-outlined material-symbols-fit \">\n\t\tkeyboard_arrow_down\n\t<\/span>\n<\/div>\n            <\/div>\n        <\/div>\n        <\/button>\n\n        <ul class=\"options-list z-10 list-none absolute m-0 top-[calc(100%+var(--scale-300))] left-0 max-lg:w-screen lg:w-max lg:max-w-[var(--spacing-content-max-width)] py-scale-300 pl-scale-200 pr-scale-1050 bg-foundations-white border border-transparent border-radius-md shadow-neutral-shadow-light before:absolute before:-top-scale-300 before:w-full before:left-0 before:py-scale-150 before:bg-transparent before:pointer-events-none before:content-[''] flex flex-wrap items-start gap-scale-300\"\n            id=\"dropdown-menu-6aedc2247d53f-listbox\" x-ref=\"options\"\n                        aria-labelledby=\"dropdown-menu-6aedc2247d53f-label\" x-show=\"open\"\n            x-transition:enter=\"transition ease-out duration-100\" x-transition:enter-start=\"opacity-0\"\n            x-transition:enter-end=\"opacity-100\" x-transition:leave=\"transition ease-in duration-150\"\n            x-transition:leave-start=\"opacity-100\" x-transition:leave-end=\"opacity-0\">\n            <!--[if BLOCK]><![endif]-->                <li class=\"before:hidden\" >\n                    <!--[if BLOCK]><![endif]-->                        <button type=\"button\"\n    class=\"group inline-flex justify-center items-center border-radius-round px-chip-filter-padding-inline-md py-chip-filter-padding-block-md text-btn-md font-bold bg-surface-primary-subtle-light text-primary-light hover:bg-surface-primary-subtle-hover-light hover:text-primary-hover-light hover:cursor-pointer is-disabled:cursor-not-allowed is-disabled:bg-surface-disabled-subtle-light is-disabled:text-disabled-on-color-light is-disabled:outline-none focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-border-primary-focus-light focus-visible:outline-solid activated:bg-surface-primary-light activated:text-primary-on-color-light no-surface:bg-transparent no-surface:hover:bg-surface-primary-subtle-hover-light no-surface:hover:text-primary-hover-light  no-surface:is-disabled:bg-transparent no-surface:is-disabled:text-disabled-on-color-light no-surface:focus-visible:bg-transparent no-surface:activated:bg-surface-primary-light no-surface:activated:text-primary-on-color-light on-color:bg-surface-default-light on-color:text-primary-light on-color:focus-visible:outline-border-on-color-focus-light on-color:hover:bg-surface-primary-subtle-hover-light on-color:hover:text-primary-hover-light on-color:activated:bg-surface-primary-light on-color:activated:text-primary-on-color-light on-color:no-surface:bg-transparent on-color:no-surface:text-primary-on-color-light on-color:no-surface:hover:bg-surface-primary-subtle-hover-light on-color:no-surface:hover:text-primary-hover-light on-color:no-surface:activated:bg-surface-primary-light on-color:no-surface:activated:text-primary-on-color-light on-color:no-surface:is-disabled:bg-transparent on-color:no-surface:is-disabled:text-disabled-on-color-light\" @click.stop=\"toggleByIndex(0)\" @focus=\"onOptionFocus(0)\" @keydown=\"onOptionKeydown($event, 0)\" role=\"option\" x-bind:aria-selected=\"selectedIndices.includes(0) ? 'true' : 'false'\" x-bind:data-state=\"selectedIndices.includes(0) ? 'active' : ''\" x-bind:tabindex=\"optionTabIndex(0)\" value=\"80\" data-index=\"0\" data-option-index=\"0\" id=\"dropdown-menu-6aedc2247d53f-option-0\">\n        <span\n            class=\"chip-filter-icon-left mr-scale-100 w-scale-300 h-em flex items-center justify-center flex-none container-size hidden group-activated:block\">\n            <span\n                class=\"material-symbols-outlined material-symbols-fit text-icon-primary-light group-is-disabled:text-icon-disabled-on-color-light group-hover:text-icon-primary-hover-light group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:text-icon-primary-on-color-light group-on-color:group-no-surface:group-hover:text-icon-primary-hover-light group-on-color:group-no-surface:group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:group-is-disabled:text-icon-disabled-on-color-light\">\n                check_small\n            <\/span>\n        <\/span>\n    <span class=\"w-full\">Commerce &amp; Industry<\/span>\n<\/button>\n                    <!--[if ENDBLOCK]><![endif]-->                <\/li>\n                            <li class=\"before:hidden\" >\n                    <!--[if BLOCK]><![endif]-->                        <button type=\"button\"\n    class=\"group inline-flex justify-center items-center border-radius-round px-chip-filter-padding-inline-md py-chip-filter-padding-block-md text-btn-md font-bold bg-surface-primary-subtle-light text-primary-light hover:bg-surface-primary-subtle-hover-light hover:text-primary-hover-light hover:cursor-pointer is-disabled:cursor-not-allowed is-disabled:bg-surface-disabled-subtle-light is-disabled:text-disabled-on-color-light is-disabled:outline-none focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-border-primary-focus-light focus-visible:outline-solid activated:bg-surface-primary-light activated:text-primary-on-color-light no-surface:bg-transparent no-surface:hover:bg-surface-primary-subtle-hover-light no-surface:hover:text-primary-hover-light  no-surface:is-disabled:bg-transparent no-surface:is-disabled:text-disabled-on-color-light no-surface:focus-visible:bg-transparent no-surface:activated:bg-surface-primary-light no-surface:activated:text-primary-on-color-light on-color:bg-surface-default-light on-color:text-primary-light on-color:focus-visible:outline-border-on-color-focus-light on-color:hover:bg-surface-primary-subtle-hover-light on-color:hover:text-primary-hover-light on-color:activated:bg-surface-primary-light on-color:activated:text-primary-on-color-light on-color:no-surface:bg-transparent on-color:no-surface:text-primary-on-color-light on-color:no-surface:hover:bg-surface-primary-subtle-hover-light on-color:no-surface:hover:text-primary-hover-light on-color:no-surface:activated:bg-surface-primary-light on-color:no-surface:activated:text-primary-on-color-light on-color:no-surface:is-disabled:bg-transparent on-color:no-surface:is-disabled:text-disabled-on-color-light\" @click.stop=\"toggleByIndex(1)\" @focus=\"onOptionFocus(1)\" @keydown=\"onOptionKeydown($event, 1)\" role=\"option\" x-bind:aria-selected=\"selectedIndices.includes(1) ? 'true' : 'false'\" x-bind:data-state=\"selectedIndices.includes(1) ? 'active' : ''\" x-bind:tabindex=\"optionTabIndex(1)\" value=\"82\" data-index=\"1\" data-option-index=\"1\" id=\"dropdown-menu-6aedc2247d53f-option-1\">\n        <span\n            class=\"chip-filter-icon-left mr-scale-100 w-scale-300 h-em flex items-center justify-center flex-none container-size hidden group-activated:block\">\n            <span\n                class=\"material-symbols-outlined material-symbols-fit text-icon-primary-light group-is-disabled:text-icon-disabled-on-color-light group-hover:text-icon-primary-hover-light group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:text-icon-primary-on-color-light group-on-color:group-no-surface:group-hover:text-icon-primary-hover-light group-on-color:group-no-surface:group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:group-is-disabled:text-icon-disabled-on-color-light\">\n                check_small\n            <\/span>\n        <\/span>\n    <span class=\"w-full\">Residential and Small Business<\/span>\n<\/button>\n                    <!--[if ENDBLOCK]><![endif]-->                <\/li>\n                            <li class=\"before:hidden\" >\n                    <!--[if BLOCK]><![endif]-->                        <button type=\"button\"\n    class=\"group inline-flex justify-center items-center border-radius-round px-chip-filter-padding-inline-md py-chip-filter-padding-block-md text-btn-md font-bold bg-surface-primary-subtle-light text-primary-light hover:bg-surface-primary-subtle-hover-light hover:text-primary-hover-light hover:cursor-pointer is-disabled:cursor-not-allowed is-disabled:bg-surface-disabled-subtle-light is-disabled:text-disabled-on-color-light is-disabled:outline-none focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-border-primary-focus-light focus-visible:outline-solid activated:bg-surface-primary-light activated:text-primary-on-color-light no-surface:bg-transparent no-surface:hover:bg-surface-primary-subtle-hover-light no-surface:hover:text-primary-hover-light  no-surface:is-disabled:bg-transparent no-surface:is-disabled:text-disabled-on-color-light no-surface:focus-visible:bg-transparent no-surface:activated:bg-surface-primary-light no-surface:activated:text-primary-on-color-light on-color:bg-surface-default-light on-color:text-primary-light on-color:focus-visible:outline-border-on-color-focus-light on-color:hover:bg-surface-primary-subtle-hover-light on-color:hover:text-primary-hover-light on-color:activated:bg-surface-primary-light on-color:activated:text-primary-on-color-light on-color:no-surface:bg-transparent on-color:no-surface:text-primary-on-color-light on-color:no-surface:hover:bg-surface-primary-subtle-hover-light on-color:no-surface:hover:text-primary-hover-light on-color:no-surface:activated:bg-surface-primary-light on-color:no-surface:activated:text-primary-on-color-light on-color:no-surface:is-disabled:bg-transparent on-color:no-surface:is-disabled:text-disabled-on-color-light\" @click.stop=\"toggleByIndex(2)\" @focus=\"onOptionFocus(2)\" @keydown=\"onOptionKeydown($event, 2)\" role=\"option\" x-bind:aria-selected=\"selectedIndices.includes(2) ? 'true' : 'false'\" x-bind:data-state=\"selectedIndices.includes(2) ? 'active' : ''\" x-bind:tabindex=\"optionTabIndex(2)\" value=\"81\" data-index=\"2\" data-option-index=\"2\" id=\"dropdown-menu-6aedc2247d53f-option-2\">\n        <span\n            class=\"chip-filter-icon-left mr-scale-100 w-scale-300 h-em flex items-center justify-center flex-none container-size hidden group-activated:block\">\n            <span\n                class=\"material-symbols-outlined material-symbols-fit text-icon-primary-light group-is-disabled:text-icon-disabled-on-color-light group-hover:text-icon-primary-hover-light group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:text-icon-primary-on-color-light group-on-color:group-no-surface:group-hover:text-icon-primary-hover-light group-on-color:group-no-surface:group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:group-is-disabled:text-icon-disabled-on-color-light\">\n                check_small\n            <\/span>\n        <\/span>\n    <span class=\"w-full\">Solar Farms &amp; Large-Scale Plants<\/span>\n<\/button>\n                    <!--[if ENDBLOCK]><![endif]-->                <\/li>\n                            <li class=\"before:hidden\" >\n                    <!--[if BLOCK]><![endif]-->                        <button type=\"button\"\n    class=\"group inline-flex justify-center items-center border-radius-round px-chip-filter-padding-inline-md py-chip-filter-padding-block-md text-btn-md font-bold bg-surface-primary-subtle-light text-primary-light hover:bg-surface-primary-subtle-hover-light hover:text-primary-hover-light hover:cursor-pointer is-disabled:cursor-not-allowed is-disabled:bg-surface-disabled-subtle-light is-disabled:text-disabled-on-color-light is-disabled:outline-none focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-border-primary-focus-light focus-visible:outline-solid activated:bg-surface-primary-light activated:text-primary-on-color-light no-surface:bg-transparent no-surface:hover:bg-surface-primary-subtle-hover-light no-surface:hover:text-primary-hover-light  no-surface:is-disabled:bg-transparent no-surface:is-disabled:text-disabled-on-color-light no-surface:focus-visible:bg-transparent no-surface:activated:bg-surface-primary-light no-surface:activated:text-primary-on-color-light on-color:bg-surface-default-light on-color:text-primary-light on-color:focus-visible:outline-border-on-color-focus-light on-color:hover:bg-surface-primary-subtle-hover-light on-color:hover:text-primary-hover-light on-color:activated:bg-surface-primary-light on-color:activated:text-primary-on-color-light on-color:no-surface:bg-transparent on-color:no-surface:text-primary-on-color-light on-color:no-surface:hover:bg-surface-primary-subtle-hover-light on-color:no-surface:hover:text-primary-hover-light on-color:no-surface:activated:bg-surface-primary-light on-color:no-surface:activated:text-primary-on-color-light on-color:no-surface:is-disabled:bg-transparent on-color:no-surface:is-disabled:text-disabled-on-color-light\" @click.stop=\"toggleByIndex(3)\" @focus=\"onOptionFocus(3)\" @keydown=\"onOptionKeydown($event, 3)\" role=\"option\" x-bind:aria-selected=\"selectedIndices.includes(3) ? 'true' : 'false'\" x-bind:data-state=\"selectedIndices.includes(3) ? 'active' : ''\" x-bind:tabindex=\"optionTabIndex(3)\" value=\"76\" data-index=\"3\" data-option-index=\"3\" id=\"dropdown-menu-6aedc2247d53f-option-3\">\n        <span\n            class=\"chip-filter-icon-left mr-scale-100 w-scale-300 h-em flex items-center justify-center flex-none container-size hidden group-activated:block\">\n            <span\n                class=\"material-symbols-outlined material-symbols-fit text-icon-primary-light group-is-disabled:text-icon-disabled-on-color-light group-hover:text-icon-primary-hover-light group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:text-icon-primary-on-color-light group-on-color:group-no-surface:group-hover:text-icon-primary-hover-light group-on-color:group-no-surface:group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:group-is-disabled:text-icon-disabled-on-color-light\">\n                check_small\n            <\/span>\n        <\/span>\n    <span class=\"w-full\">AIKO Solar<\/span>\n<\/button>\n                    <!--[if ENDBLOCK]><![endif]-->                <\/li>\n                            <li class=\"before:hidden\" >\n                    <!--[if BLOCK]><![endif]-->                        <button type=\"button\"\n    class=\"group inline-flex justify-center items-center border-radius-round px-chip-filter-padding-inline-md py-chip-filter-padding-block-md text-btn-md font-bold bg-surface-primary-subtle-light text-primary-light hover:bg-surface-primary-subtle-hover-light hover:text-primary-hover-light hover:cursor-pointer is-disabled:cursor-not-allowed is-disabled:bg-surface-disabled-subtle-light is-disabled:text-disabled-on-color-light is-disabled:outline-none focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-border-primary-focus-light focus-visible:outline-solid activated:bg-surface-primary-light activated:text-primary-on-color-light no-surface:bg-transparent no-surface:hover:bg-surface-primary-subtle-hover-light no-surface:hover:text-primary-hover-light  no-surface:is-disabled:bg-transparent no-surface:is-disabled:text-disabled-on-color-light no-surface:focus-visible:bg-transparent no-surface:activated:bg-surface-primary-light no-surface:activated:text-primary-on-color-light on-color:bg-surface-default-light on-color:text-primary-light on-color:focus-visible:outline-border-on-color-focus-light on-color:hover:bg-surface-primary-subtle-hover-light on-color:hover:text-primary-hover-light on-color:activated:bg-surface-primary-light on-color:activated:text-primary-on-color-light on-color:no-surface:bg-transparent on-color:no-surface:text-primary-on-color-light on-color:no-surface:hover:bg-surface-primary-subtle-hover-light on-color:no-surface:hover:text-primary-hover-light on-color:no-surface:activated:bg-surface-primary-light on-color:no-surface:activated:text-primary-on-color-light on-color:no-surface:is-disabled:bg-transparent on-color:no-surface:is-disabled:text-disabled-on-color-light\" @click.stop=\"toggleByIndex(4)\" @focus=\"onOptionFocus(4)\" @keydown=\"onOptionKeydown($event, 4)\" role=\"option\" x-bind:aria-selected=\"selectedIndices.includes(4) ? 'true' : 'false'\" x-bind:data-state=\"selectedIndices.includes(4) ? 'active' : ''\" x-bind:tabindex=\"optionTabIndex(4)\" value=\"77\" data-index=\"4\" data-option-index=\"4\" id=\"dropdown-menu-6aedc2247d53f-option-4\">\n        <span\n            class=\"chip-filter-icon-left mr-scale-100 w-scale-300 h-em flex items-center justify-center flex-none container-size hidden group-activated:block\">\n            <span\n                class=\"material-symbols-outlined material-symbols-fit text-icon-primary-light group-is-disabled:text-icon-disabled-on-color-light group-hover:text-icon-primary-hover-light group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:text-icon-primary-on-color-light group-on-color:group-no-surface:group-hover:text-icon-primary-hover-light group-on-color:group-no-surface:group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:group-is-disabled:text-icon-disabled-on-color-light\">\n                check_small\n            <\/span>\n        <\/span>\n    <span class=\"w-full\">Canadian Solar<\/span>\n<\/button>\n                    <!--[if ENDBLOCK]><![endif]-->                <\/li>\n                            <li class=\"before:hidden\" >\n                    <!--[if BLOCK]><![endif]-->                        <button type=\"button\"\n    class=\"group inline-flex justify-center items-center border-radius-round px-chip-filter-padding-inline-md py-chip-filter-padding-block-md text-btn-md font-bold bg-surface-primary-subtle-light text-primary-light hover:bg-surface-primary-subtle-hover-light hover:text-primary-hover-light hover:cursor-pointer is-disabled:cursor-not-allowed is-disabled:bg-surface-disabled-subtle-light is-disabled:text-disabled-on-color-light is-disabled:outline-none focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-border-primary-focus-light focus-visible:outline-solid activated:bg-surface-primary-light activated:text-primary-on-color-light no-surface:bg-transparent no-surface:hover:bg-surface-primary-subtle-hover-light no-surface:hover:text-primary-hover-light  no-surface:is-disabled:bg-transparent no-surface:is-disabled:text-disabled-on-color-light no-surface:focus-visible:bg-transparent no-surface:activated:bg-surface-primary-light no-surface:activated:text-primary-on-color-light on-color:bg-surface-default-light on-color:text-primary-light on-color:focus-visible:outline-border-on-color-focus-light on-color:hover:bg-surface-primary-subtle-hover-light on-color:hover:text-primary-hover-light on-color:activated:bg-surface-primary-light on-color:activated:text-primary-on-color-light on-color:no-surface:bg-transparent on-color:no-surface:text-primary-on-color-light on-color:no-surface:hover:bg-surface-primary-subtle-hover-light on-color:no-surface:hover:text-primary-hover-light on-color:no-surface:activated:bg-surface-primary-light on-color:no-surface:activated:text-primary-on-color-light on-color:no-surface:is-disabled:bg-transparent on-color:no-surface:is-disabled:text-disabled-on-color-light\" @click.stop=\"toggleByIndex(5)\" @focus=\"onOptionFocus(5)\" @keydown=\"onOptionKeydown($event, 5)\" role=\"option\" x-bind:aria-selected=\"selectedIndices.includes(5) ? 'true' : 'false'\" x-bind:data-state=\"selectedIndices.includes(5) ? 'active' : ''\" x-bind:tabindex=\"optionTabIndex(5)\" value=\"78\" data-index=\"5\" data-option-index=\"5\" id=\"dropdown-menu-6aedc2247d53f-option-5\">\n        <span\n            class=\"chip-filter-icon-left mr-scale-100 w-scale-300 h-em flex items-center justify-center flex-none container-size hidden group-activated:block\">\n            <span\n                class=\"material-symbols-outlined material-symbols-fit text-icon-primary-light group-is-disabled:text-icon-disabled-on-color-light group-hover:text-icon-primary-hover-light group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:text-icon-primary-on-color-light group-on-color:group-no-surface:group-hover:text-icon-primary-hover-light group-on-color:group-no-surface:group-activated:text-icon-primary-on-color-light group-on-color:group-no-surface:group-is-disabled:text-icon-disabled-on-color-light\">\n                check_small\n            <\/span>\n        <\/span>\n    <span class=\"w-full\">Phono Solar<\/span>\n<\/button>\n                    <!--[if ENDBLOCK]><![endif]-->                <\/li>\n            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <li class=\"absolute top-scale-300 right-scale-200 z-10 before:hidden\">\n                    <button\n                        type=\"button\"\n                        class=\"flex h-scale-600 w-scale-600 shrink-0 items-center justify-center bg-transparent\"\n                        aria-label=\"Close filter\"\n                        @click.stop=\"closeDropdown({ focusTrigger: true })\"\n                    >\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1\" height=\"1\" viewBox=\"0 0 12 12\" fill=\"none\" class=\"h-scale-600 w-scale-600\">\n  <circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"var(--close-small-fg, #F6FAFF)\"\/>\n  <path d=\"M6 0C9.318 0 12 2.682 12 6C12 9.318 9.318 12 6 12C2.682 12 0 9.318 0 6C0 2.682 2.682 0 6 0ZM8.154 3L6 5.154L3.846 3L3 3.846L5.154 6L3 8.154L3.846 9L6 6.846L8.154 9L9 8.154L6.846 6L9 3.846L8.154 3Z\" fill=\"var(--close-small-bg, #002850)\"\/>\n<\/svg>\n                    <\/button>\n                <\/li>\n            <!--[if ENDBLOCK]><![endif]-->        <\/ul>\n    <\/div>\n<\/div>\n            <\/div>\n            <!--[if ENDBLOCK]><![endif]-->            <div class=\"product-sorting ml-auto lg:self-start lg:shrink-0\">\n                <div class=\"dropdown-menu\" x-on:change=\"$wire.set('selectedSortingOption', $event.detail.value)\" x-data='dropdownMenu({\"multiple\":false,\"options\":[{\"value\":\"name_asc\",\"label\":\"Name (A-Z)\",\"icon\":\"\",\"selected\":true,\"remoteUrl\":\"\"},{\"value\":\"name_desc\",\"label\":\"Name (Z-A)\",\"icon\":\"\",\"selected\":false,\"remoteUrl\":\"\"},{\"value\":\"date_desc\",\"label\":\"Newest First\",\"icon\":\"\",\"selected\":false,\"remoteUrl\":\"\"},{\"value\":\"date_asc\",\"label\":\"Oldest First\",\"icon\":\"\",\"selected\":false,\"remoteUrl\":\"\"}],\"defaultLabel\":\"Sort by\",\"defaultIcon\":\"\",\"dropdownType\":\"text\",\"closeOnClickOutside\":true,\"deferChangeUntilClose\":false})'\n    x-bind:data-selected-value=\"selectedValueAttr()\" @dropdown-menu:clear=\"clearSelection()\"\n    @dropdown-menu:set-selection=\"setSelection($event.detail?.values ?? [])\"\n    @click.outside=\"if (closeOnClickOutside) closeDropdown()\">\n    <!--[if BLOCK]><![endif]-->        <span class=\"sr-only\" id=\"dropdown-menu-6aedc2247e6f6-label\">Sort by<\/span>\n    <!--[if ENDBLOCK]><![endif]-->\n    <div class=\"custom-select relative inline-block border border-transparent border-radius-round focus-visible:border-border-primary-focus-light focus-visible:border-border-primary-focus-light focus-visible:outline-none focus-visible:outline-none\"\n        id=\"dropdown-menu-6aedc2247e6f6\">\n        <button type=\"button\"\n            class=\"selected-option flex w-full items-center justify-start gap-x-scale-200 p-scale-100 text-left cursor-pointer outline-none focus-visible:outline-none [-webkit-tap-highlight-color:transparent]\"\n            x-ref=\"trigger\" aria-haspopup=\"listbox\" aria-controls=\"dropdown-menu-6aedc2247e6f6-listbox\"\n             aria-labelledby=\"dropdown-menu-6aedc2247e6f6-label dropdown-menu-6aedc2247e6f6-selected-text\"             x-bind:aria-expanded=\"open ? 'true' : 'false'\" @click=\"toggleDropdown()\"\n            @keydown=\"onTriggerKeydown($event)\">\n        <div class=\"selected-option flex items-center justify-start gap-x-scale-200\" aria-live=\"polite\"\n            aria-atomic=\"true\">\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->\n            <div class=\"selected-option-text-wrapper flex items-center justify-start gap-x-scale-100\">\n                <div class=\"selected-option-text text-btn-md text-heading-color-light font-bold\"\n                    id=\"dropdown-menu-6aedc2247e6f6-selected-text\" x-text=\"selectedText()\"><\/div>\n\n                <!--[if BLOCK]><![endif]-->                    <div class=\"selected-option-count border-radius-round bg-surface-secondary-light text-btn-xs text-heading-on-color-light leading-0 w-fit aspect-square min-w-scale-500 min-h-scale-500 inline-grid place-items-center shrink-0\"\n                        x-show=\"multiple && selectedCount() > 0\" x-text=\"selectedCount()\" x-cloak><\/div>\n                <!--[if ENDBLOCK]><![endif]-->\n                <div class=\"w-scale-600 h-scale-600 flex items-center justify-center container-size selected-dropdown-arrow transition-transform duration-300\" x-bind:class=\"open ? 'scale-y-[-1]' : ''\">\n\t<span class=\"material-symbols-outlined material-symbols-fit \">\n\t\tkeyboard_arrow_down\n\t<\/span>\n<\/div>\n            <\/div>\n        <\/div>\n        <\/button>\n\n        <ul class=\"options-list z-10 list-none absolute m-0 top-[calc(100%+var(--scale-300))] right-0 left-auto min-w-max p-scale-200 bg-foundations-white border border-transparent border-radius-md shadow-neutral-shadow-light before:absolute before:-top-scale-300 before:w-full before:left-0 before:py-scale-150 before:bg-transparent before:pointer-events-none before:content-[''] flex flex-col justify-start items-stretch gap-y-scale-25\"\n            id=\"dropdown-menu-6aedc2247e6f6-listbox\" x-ref=\"options\"\n             role=\"listbox\" x-bind:aria-multiselectable=\"multiple ? 'true' : 'false'\"             aria-labelledby=\"dropdown-menu-6aedc2247e6f6-label\" x-show=\"open\"\n            x-transition:enter=\"transition ease-out duration-100\" x-transition:enter-start=\"opacity-0\"\n            x-transition:enter-end=\"opacity-100\" x-transition:leave=\"transition ease-in duration-150\"\n            x-transition:leave-start=\"opacity-100\" x-transition:leave-end=\"opacity-0\">\n            <!--[if BLOCK]><![endif]-->                <li class=\"before:hidden\"  role=\"none\" >\n                    <!--[if BLOCK]><![endif]-->                        <button type=\"button\"\n                            class=\"option-btn group flex w-full items-center justify-between gap-x-scale-200 py-scale-300 px-scale-300 bg-surface-default-light hover:bg-surface-primary-subtle-light activated:bg-surface-primary-subtle-light border border-transparent border-radius-sm outline-none focus-visible:border-border-primary-focus-light focus-visible:outline-none [-webkit-tap-highlight-color:transparent] min-w-scale-1700 cursor-pointer\"\n                            role=\"option\"\n                            x-bind:aria-selected=\"selectedIndices.includes(0) ? 'true' : 'false'\"\n                            x-bind:data-state=\"selectedIndices.includes(0) ? 'active' : ''\"\n                            x-bind:tabindex=\"optionTabIndex(0)\"\n                            value=\"name_asc\" data-index=\"0\"\n                            data-option-index=\"0\" data-remote-url=\"\" id=\"dropdown-menu-6aedc2247e6f6-option-0\"\n                            @click.stop=\"toggleByIndex(0)\"\n                            @focus=\"onOptionFocus(0)\"\n                            @keydown=\"onOptionKeydown($event, 0)\">\n                            <div class=\"option-description flex items-center justify-start gap-x-scale-200\">\n                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                <span\n                                    class=\"option-label text-body-color-light text-heading-xs-fluid font-bold\">Name (A-Z)<\/span>\n                            <\/div>\n\n                            <span\n                                class=\"option-state flex shrink-0 items-center justify-center container-size text-icon-primary-light\"\n                                x-bind:class=\"selectedIndices.includes(0) ? 'w-scale-600 h-scale-600' : 'w-0 h-0 overflow-hidden'\">\n                                <span class=\"material-symbols-outlined material-symbols-fit\"\n                                    x-bind:class=\"selectedIndices.includes(0) ? '' : 'hidden!'\">\n                                    check_small\n                                <\/span>\n                            <\/span>\n                        <\/button>\n                    <!--[if ENDBLOCK]><![endif]-->                <\/li>\n                            <li class=\"before:hidden\"  role=\"none\" >\n                    <!--[if BLOCK]><![endif]-->                        <button type=\"button\"\n                            class=\"option-btn group flex w-full items-center justify-between gap-x-scale-200 py-scale-300 px-scale-300 bg-surface-default-light hover:bg-surface-primary-subtle-light activated:bg-surface-primary-subtle-light border border-transparent border-radius-sm outline-none focus-visible:border-border-primary-focus-light focus-visible:outline-none [-webkit-tap-highlight-color:transparent] min-w-scale-1700 cursor-pointer\"\n                            role=\"option\"\n                            x-bind:aria-selected=\"selectedIndices.includes(1) ? 'true' : 'false'\"\n                            x-bind:data-state=\"selectedIndices.includes(1) ? 'active' : ''\"\n                            x-bind:tabindex=\"optionTabIndex(1)\"\n                            value=\"name_desc\" data-index=\"1\"\n                            data-option-index=\"1\" data-remote-url=\"\" id=\"dropdown-menu-6aedc2247e6f6-option-1\"\n                            @click.stop=\"toggleByIndex(1)\"\n                            @focus=\"onOptionFocus(1)\"\n                            @keydown=\"onOptionKeydown($event, 1)\">\n                            <div class=\"option-description flex items-center justify-start gap-x-scale-200\">\n                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                <span\n                                    class=\"option-label text-body-color-light text-heading-xs-fluid font-bold\">Name (Z-A)<\/span>\n                            <\/div>\n\n                            <span\n                                class=\"option-state flex shrink-0 items-center justify-center container-size text-icon-primary-light\"\n                                x-bind:class=\"selectedIndices.includes(1) ? 'w-scale-600 h-scale-600' : 'w-0 h-0 overflow-hidden'\">\n                                <span class=\"material-symbols-outlined material-symbols-fit\"\n                                    x-bind:class=\"selectedIndices.includes(1) ? '' : 'hidden!'\">\n                                    check_small\n                                <\/span>\n                            <\/span>\n                        <\/button>\n                    <!--[if ENDBLOCK]><![endif]-->                <\/li>\n                            <li class=\"before:hidden\"  role=\"none\" >\n                    <!--[if BLOCK]><![endif]-->                        <button type=\"button\"\n                            class=\"option-btn group flex w-full items-center justify-between gap-x-scale-200 py-scale-300 px-scale-300 bg-surface-default-light hover:bg-surface-primary-subtle-light activated:bg-surface-primary-subtle-light border border-transparent border-radius-sm outline-none focus-visible:border-border-primary-focus-light focus-visible:outline-none [-webkit-tap-highlight-color:transparent] min-w-scale-1700 cursor-pointer\"\n                            role=\"option\"\n                            x-bind:aria-selected=\"selectedIndices.includes(2) ? 'true' : 'false'\"\n                            x-bind:data-state=\"selectedIndices.includes(2) ? 'active' : ''\"\n                            x-bind:tabindex=\"optionTabIndex(2)\"\n                            value=\"date_desc\" data-index=\"2\"\n                            data-option-index=\"2\" data-remote-url=\"\" id=\"dropdown-menu-6aedc2247e6f6-option-2\"\n                            @click.stop=\"toggleByIndex(2)\"\n                            @focus=\"onOptionFocus(2)\"\n                            @keydown=\"onOptionKeydown($event, 2)\">\n                            <div class=\"option-description flex items-center justify-start gap-x-scale-200\">\n                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                <span\n                                    class=\"option-label text-body-color-light text-heading-xs-fluid font-bold\">Newest First<\/span>\n                            <\/div>\n\n                            <span\n                                class=\"option-state flex shrink-0 items-center justify-center container-size text-icon-primary-light\"\n                                x-bind:class=\"selectedIndices.includes(2) ? 'w-scale-600 h-scale-600' : 'w-0 h-0 overflow-hidden'\">\n                                <span class=\"material-symbols-outlined material-symbols-fit\"\n                                    x-bind:class=\"selectedIndices.includes(2) ? '' : 'hidden!'\">\n                                    check_small\n                                <\/span>\n                            <\/span>\n                        <\/button>\n                    <!--[if ENDBLOCK]><![endif]-->                <\/li>\n                            <li class=\"before:hidden\"  role=\"none\" >\n                    <!--[if BLOCK]><![endif]-->                        <button type=\"button\"\n                            class=\"option-btn group flex w-full items-center justify-between gap-x-scale-200 py-scale-300 px-scale-300 bg-surface-default-light hover:bg-surface-primary-subtle-light activated:bg-surface-primary-subtle-light border border-transparent border-radius-sm outline-none focus-visible:border-border-primary-focus-light focus-visible:outline-none [-webkit-tap-highlight-color:transparent] min-w-scale-1700 cursor-pointer\"\n                            role=\"option\"\n                            x-bind:aria-selected=\"selectedIndices.includes(3) ? 'true' : 'false'\"\n                            x-bind:data-state=\"selectedIndices.includes(3) ? 'active' : ''\"\n                            x-bind:tabindex=\"optionTabIndex(3)\"\n                            value=\"date_asc\" data-index=\"3\"\n                            data-option-index=\"3\" data-remote-url=\"\" id=\"dropdown-menu-6aedc2247e6f6-option-3\"\n                            @click.stop=\"toggleByIndex(3)\"\n                            @focus=\"onOptionFocus(3)\"\n                            @keydown=\"onOptionKeydown($event, 3)\">\n                            <div class=\"option-description flex items-center justify-start gap-x-scale-200\">\n                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                <span\n                                    class=\"option-label text-body-color-light text-heading-xs-fluid font-bold\">Oldest First<\/span>\n                            <\/div>\n\n                            <span\n                                class=\"option-state flex shrink-0 items-center justify-center container-size text-icon-primary-light\"\n                                x-bind:class=\"selectedIndices.includes(3) ? 'w-scale-600 h-scale-600' : 'w-0 h-0 overflow-hidden'\">\n                                <span class=\"material-symbols-outlined material-symbols-fit\"\n                                    x-bind:class=\"selectedIndices.includes(3) ? '' : 'hidden!'\">\n                                    check_small\n                                <\/span>\n                            <\/span>\n                        <\/button>\n                    <!--[if ENDBLOCK]><![endif]-->                <\/li>\n            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/ul>\n    <\/div>\n<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"product-list\">\n        <div class=\"grid grid-cols-[repeat(auto-fill,minmax(var(--spacing-card-min-width),1fr))] items-stretch gap-scale-600\"\n            x-ref=\"productGrid\">\n            <!--[if BLOCK]><![endif]-->                                <div class=\"product-item h-full\">\n                    <!-- product-card component -->\n<!-- card component -->\n<div class=\"product-card-container min-w-card-min-width max-w-card-max-width @container h-full\" x-data=\"linkWrapperClickHandler\" >\n    <div\n        class=\"product-card-module h-full flex flex-col group  bg-surface-default-light border-radius-md p-scale-200 w-full flex flex-col gap-y-scale-600 @card-lg:flex-row\">\n        <!--[if BLOCK]><![endif]-->        <div class=\"card-image relative @card-lg:w-full\">\n            <div\n                class=\"card-image-wrapper p-scale-800 h-card-image-height lg:h-card-image-height-lg w-full border-radius-sm bg-surface-primary-subtle-light overflow-hidden @card-lg:h-full\">\n                <picture><img src='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/08\/product_AIKO_Neostar_2P_48_AIKO-A-GRH48Dw-optimized.png' alt='' class=\"w-full h-full aspect-[346\/318] object-contain drop-shadow-neutral-light\" loading='lazy' draggable='false' width='687' height='1048'><\/picture>\n            <\/div>\n            <!--[if BLOCK]><![endif]-->                <div\n                    class=\"card-labels absolute top-scale-300 left-scale-200 right-scale-200 flex flex-wrap gap-scale-200\">\n                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                     <!--[if BLOCK]><![endif]-->                        <span class=\"flex justify-center items-center font-bold border-radius-round gap-x-scale-100 py-scale-100 px-scale-300 text-btn-xs bg-white text-primary-light\">\n\t<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->\t<span>AIKO Solar<\/span>\n<\/span>\n                    <!--[if ENDBLOCK]><![endif]-->                <\/div>\n            <!--[if ENDBLOCK]><![endif]-->        <\/div>\n        <!--[if ENDBLOCK]><![endif]-->        <div class=\"card-content flex flex-1 min-h-0 flex-col gap-y-scale-300 px-scale-200 @card-lg:w-full @card-lg:pt-scale-300\">\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <div class=\"flex flex-1 min-h-0 flex-col justify-between\">\n                <div>\n                    <div class=\"card-heading-wrapper\">\n                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)] font-bold text-blue-brand-700-prim\">\n    <div class=\"text-heading-xs-fluid\" >AIKO-A-GRH48Dw\n        <\/div>\n<\/div>\n                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        <div class=\"paragraph-component font-light caption text-body-sm-fluid leading-heading-sm-fluid\"\n    >Residential and Small Business<\/div>\n                    <\/div>\n                    <div class=\"card-inner-blocks flex flex-col gap-y-scale-300 pt-scale-300 text-body-color-light pl-0\" style=\"--text-color-schema: var(--color-body-color-light);\">\n                        <!-- value-list component -->\n\n<!--[if BLOCK]><![endif]-->    <div class=\"value-list-wrapper w-full max-w-[px2rem(800)] is-separated-by-color\">\n        <ul class=\"value-list-items flex flex-col justify-start items-stretch\" >\n            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Scope of Application<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">Residential\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Performance Class<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">485 W\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Cell Technology<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">ABC\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Efficiency<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">24.3 %\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Number of Cells<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">96\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Dimensions<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">1,762 x 1,134 x 30 mm\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Features<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">Glass\/Glass - Black Frame\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Weight<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">24.1 kg\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Units per container<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">962\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                <!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        <\/ul>\n    <\/div>\n<!--[if ENDBLOCK]><![endif]-->\n                    <\/div>\n                <\/div>\n                <div class=\"mt-auto  pb-scale-400 \">\n                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/div>\n                                            <div class=\"product-item h-full\">\n                    <!-- product-card component -->\n<!-- card component -->\n<div class=\"product-card-container min-w-card-min-width max-w-card-max-width @container h-full\" x-data=\"linkWrapperClickHandler\" >\n    <div\n        class=\"product-card-module h-full flex flex-col group  bg-surface-default-light border-radius-md p-scale-200 w-full flex flex-col gap-y-scale-600 @card-lg:flex-row\">\n        <!--[if BLOCK]><![endif]-->        <div class=\"card-image relative @card-lg:w-full\">\n            <div\n                class=\"card-image-wrapper p-scale-800 h-card-image-height lg:h-card-image-height-lg w-full border-radius-sm bg-surface-primary-subtle-light overflow-hidden @card-lg:h-full\">\n                <picture><img src='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/08\/product_AIKO_Stellar_1N_66_White_Frame_A-GRH66Dw_Stapelansicht-optimized.png' alt='' class=\"w-full h-full aspect-[346\/318] object-contain drop-shadow-neutral-light\" loading='lazy' draggable='false' width='546' height='1048'><\/picture>\n            <\/div>\n            <!--[if BLOCK]><![endif]-->                <div\n                    class=\"card-labels absolute top-scale-300 left-scale-200 right-scale-200 flex flex-wrap gap-scale-200\">\n                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                     <!--[if BLOCK]><![endif]-->                        <span class=\"flex justify-center items-center font-bold border-radius-round gap-x-scale-100 py-scale-100 px-scale-300 text-btn-xs bg-white text-primary-light\">\n\t<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->\t<span>AIKO Solar<\/span>\n<\/span>\n                    <!--[if ENDBLOCK]><![endif]-->                <\/div>\n            <!--[if ENDBLOCK]><![endif]-->        <\/div>\n        <!--[if ENDBLOCK]><![endif]-->        <div class=\"card-content flex flex-1 min-h-0 flex-col gap-y-scale-300 px-scale-200 @card-lg:w-full @card-lg:pt-scale-300\">\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <div class=\"flex flex-1 min-h-0 flex-col justify-between\">\n                <div>\n                    <div class=\"card-heading-wrapper\">\n                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)] font-bold text-blue-brand-700-prim\">\n    <div class=\"text-heading-xs-fluid\" >AIKO-A-GRH66Dw (650)\n        <\/div>\n<\/div>\n                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        <div class=\"paragraph-component font-light caption text-body-sm-fluid leading-heading-sm-fluid\"\n    >Commerce & Industry, Solar Farms & Large-Scale Plants<\/div>\n                    <\/div>\n                    <div class=\"card-inner-blocks flex flex-col gap-y-scale-300 pt-scale-300 text-body-color-light pl-0\" style=\"--text-color-schema: var(--color-body-color-light);\">\n                        <!-- value-list component -->\n\n<!--[if BLOCK]><![endif]-->    <div class=\"value-list-wrapper w-full max-w-[px2rem(800)] is-separated-by-color\">\n        <ul class=\"value-list-items flex flex-col justify-start items-stretch\" >\n            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Scope of Application<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">C&amp;I\/Utility\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Performance Class<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">650 W\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Cell Technology<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">ABC\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Efficiency<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">24.1 %\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Number of Cells<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">132\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Dimensions<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">2,382 x 1,134 x 30 mm \n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Features<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">Glass\/Glass - bifacial\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Weight<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">32.5 kg\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Units per container<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">720\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                <!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        <\/ul>\n    <\/div>\n<!--[if ENDBLOCK]><![endif]-->\n                    <\/div>\n                <\/div>\n                <div class=\"mt-auto  pb-scale-400 \">\n                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/div>\n                                            <div class=\"product-item h-full\">\n                    <!-- product-card component -->\n<!-- card component -->\n<div class=\"product-card-container min-w-card-min-width max-w-card-max-width @container h-full\" x-data=\"linkWrapperClickHandler\" >\n    <div\n        class=\"product-card-module h-full flex flex-col group  bg-surface-default-light border-radius-md p-scale-200 w-full flex flex-col gap-y-scale-600 @card-lg:flex-row\">\n        <!--[if BLOCK]><![endif]-->        <div class=\"card-image relative @card-lg:w-full\">\n            <div\n                class=\"card-image-wrapper p-scale-800 h-card-image-height lg:h-card-image-height-lg w-full border-radius-sm bg-surface-primary-subtle-light overflow-hidden @card-lg:h-full\">\n                <picture><img src='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/08\/product_AIKO_Stellar_1N_66_White_Frame_A-GRH66Dw_Stapelansicht-optimized.png' alt='' class=\"w-full h-full aspect-[346\/318] object-contain drop-shadow-neutral-light\" loading='lazy' draggable='false' width='546' height='1048'><\/picture>\n            <\/div>\n            <!--[if BLOCK]><![endif]-->                <div\n                    class=\"card-labels absolute top-scale-300 left-scale-200 right-scale-200 flex flex-wrap gap-scale-200\">\n                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                     <!--[if BLOCK]><![endif]-->                        <span class=\"flex justify-center items-center font-bold border-radius-round gap-x-scale-100 py-scale-100 px-scale-300 text-btn-xs bg-white text-primary-light\">\n\t<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->\t<span>AIKO Solar<\/span>\n<\/span>\n                    <!--[if ENDBLOCK]><![endif]-->                <\/div>\n            <!--[if ENDBLOCK]><![endif]-->        <\/div>\n        <!--[if ENDBLOCK]><![endif]-->        <div class=\"card-content flex flex-1 min-h-0 flex-col gap-y-scale-300 px-scale-200 @card-lg:w-full @card-lg:pt-scale-300\">\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <div class=\"flex flex-1 min-h-0 flex-col justify-between\">\n                <div>\n                    <div class=\"card-heading-wrapper\">\n                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)] font-bold text-blue-brand-700-prim\">\n    <div class=\"text-heading-xs-fluid\" >AIKO-A-GRH66Dw (655)\n        <\/div>\n<\/div>\n                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        <div class=\"paragraph-component font-light caption text-body-sm-fluid leading-heading-sm-fluid\"\n    >Commerce & Industry, Solar Farms & Large-Scale Plants<\/div>\n                    <\/div>\n                    <div class=\"card-inner-blocks flex flex-col gap-y-scale-300 pt-scale-300 text-body-color-light pl-0\" style=\"--text-color-schema: var(--color-body-color-light);\">\n                        <!-- value-list component -->\n\n<!--[if BLOCK]><![endif]-->    <div class=\"value-list-wrapper w-full max-w-[px2rem(800)] is-separated-by-color\">\n        <ul class=\"value-list-items flex flex-col justify-start items-stretch\" >\n            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Scope of Application<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">C&amp;I\/Utility\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Performance Class<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">655 W\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Cell Technology<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">ABC\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Efficiency<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">24.2 %\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Number of Cells<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">132\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Dimensions<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">2,382 x 1,134 x 30 mm \n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Features<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">Glass\/Glass - bifacial\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Weight<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">32.5 kg\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Units per container<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">720\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                <!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        <\/ul>\n    <\/div>\n<!--[if ENDBLOCK]><![endif]-->\n                    <\/div>\n                <\/div>\n                <div class=\"mt-auto  pb-scale-400 \">\n                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/div>\n                                            <div class=\"product-item h-full\">\n                    <!-- product-card component -->\n<!-- card component -->\n<div class=\"product-card-container min-w-card-min-width max-w-card-max-width @container h-full\" x-data=\"linkWrapperClickHandler\" >\n    <div\n        class=\"product-card-module h-full flex flex-col group  bg-surface-default-light border-radius-md p-scale-200 w-full flex flex-col gap-y-scale-600 @card-lg:flex-row\">\n        <!--[if BLOCK]><![endif]-->        <div class=\"card-image relative @card-lg:w-full\">\n            <div\n                class=\"card-image-wrapper p-scale-800 h-card-image-height lg:h-card-image-height-lg w-full border-radius-sm bg-surface-primary-subtle-light overflow-hidden @card-lg:h-full\">\n                <picture><img src='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/08\/product_AIKO_Stellar_2N_78_White_Frame_A-GRH78Dw_Stapelansicht-optimized.png' alt='' class=\"w-full h-full aspect-[346\/318] object-contain drop-shadow-neutral-light\" loading='lazy' draggable='false' width='596' height='1048'><\/picture>\n            <\/div>\n            <!--[if BLOCK]><![endif]-->                <div\n                    class=\"card-labels absolute top-scale-300 left-scale-200 right-scale-200 flex flex-wrap gap-scale-200\">\n                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                     <!--[if BLOCK]><![endif]-->                        <span class=\"flex justify-center items-center font-bold border-radius-round gap-x-scale-100 py-scale-100 px-scale-300 text-btn-xs bg-white text-primary-light\">\n\t<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->\t<span>AIKO Solar<\/span>\n<\/span>\n                    <!--[if ENDBLOCK]><![endif]-->                <\/div>\n            <!--[if ENDBLOCK]><![endif]-->        <\/div>\n        <!--[if ENDBLOCK]><![endif]-->        <div class=\"card-content flex flex-1 min-h-0 flex-col gap-y-scale-300 px-scale-200 @card-lg:w-full @card-lg:pt-scale-300\">\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <div class=\"flex flex-1 min-h-0 flex-col justify-between\">\n                <div>\n                    <div class=\"card-heading-wrapper\">\n                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)] font-bold text-blue-brand-700-prim\">\n    <div class=\"text-heading-xs-fluid\" >AIKO-A-GRH78Dw (770)\n        <\/div>\n<\/div>\n                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        <div class=\"paragraph-component font-light caption text-body-sm-fluid leading-heading-sm-fluid\"\n    >Solar Farms & Large-Scale Plants<\/div>\n                    <\/div>\n                    <div class=\"card-inner-blocks flex flex-col gap-y-scale-300 pt-scale-300 text-body-color-light pl-0\" style=\"--text-color-schema: var(--color-body-color-light);\">\n                        <!-- value-list component -->\n\n<!--[if BLOCK]><![endif]-->    <div class=\"value-list-wrapper w-full max-w-[px2rem(800)] is-separated-by-color\">\n        <ul class=\"value-list-items flex flex-col justify-start items-stretch\" >\n            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Scope of Application<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">Utility\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Performance Class<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">770 W\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Cell Technology<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">ABC\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Efficiency<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">24 %\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Number of Cells<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">156\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Dimensions<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">2,465 x 1,303 x 33 mm\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Features<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">Glass\/Glass - bifacial\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Weight<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">39.8 kg\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Units per container<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">594\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                <!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        <\/ul>\n    <\/div>\n<!--[if ENDBLOCK]><![endif]-->\n                    <\/div>\n                <\/div>\n                <div class=\"mt-auto  pb-scale-400 \">\n                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/div>\n                                            <div class=\"product-item h-full\">\n                    <!-- product-card component -->\n<!-- card component -->\n<div class=\"product-card-container min-w-card-min-width max-w-card-max-width @container h-full\" x-data=\"linkWrapperClickHandler\" >\n    <div\n        class=\"product-card-module h-full flex flex-col group  bg-surface-default-light border-radius-md p-scale-200 w-full flex flex-col gap-y-scale-600 @card-lg:flex-row\">\n        <!--[if BLOCK]><![endif]-->        <div class=\"card-image relative @card-lg:w-full\">\n            <div\n                class=\"card-image-wrapper p-scale-800 h-card-image-height lg:h-card-image-height-lg w-full border-radius-sm bg-surface-primary-subtle-light overflow-hidden @card-lg:h-full\">\n                <picture><img src='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/08\/product_AIKO_Stellar_2N_78_White_Frame_A-GRH78Dw_Stapelansicht-optimized.png' alt='' class=\"w-full h-full aspect-[346\/318] object-contain drop-shadow-neutral-light\" loading='lazy' draggable='false' width='596' height='1048'><\/picture>\n            <\/div>\n            <!--[if BLOCK]><![endif]-->                <div\n                    class=\"card-labels absolute top-scale-300 left-scale-200 right-scale-200 flex flex-wrap gap-scale-200\">\n                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                     <!--[if BLOCK]><![endif]-->                        <span class=\"flex justify-center items-center font-bold border-radius-round gap-x-scale-100 py-scale-100 px-scale-300 text-btn-xs bg-white text-primary-light\">\n\t<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->\t<span>AIKO Solar<\/span>\n<\/span>\n                    <!--[if ENDBLOCK]><![endif]-->                <\/div>\n            <!--[if ENDBLOCK]><![endif]-->        <\/div>\n        <!--[if ENDBLOCK]><![endif]-->        <div class=\"card-content flex flex-1 min-h-0 flex-col gap-y-scale-300 px-scale-200 @card-lg:w-full @card-lg:pt-scale-300\">\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <div class=\"flex flex-1 min-h-0 flex-col justify-between\">\n                <div>\n                    <div class=\"card-heading-wrapper\">\n                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)] font-bold text-blue-brand-700-prim\">\n    <div class=\"text-heading-xs-fluid\" >AIKO-A-GRH78Dw (775)\n        <\/div>\n<\/div>\n                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        <div class=\"paragraph-component font-light caption text-body-sm-fluid leading-heading-sm-fluid\"\n    >Solar Farms & Large-Scale Plants<\/div>\n                    <\/div>\n                    <div class=\"card-inner-blocks flex flex-col gap-y-scale-300 pt-scale-300 text-body-color-light pl-0\" style=\"--text-color-schema: var(--color-body-color-light);\">\n                        <!-- value-list component -->\n\n<!--[if BLOCK]><![endif]-->    <div class=\"value-list-wrapper w-full max-w-[px2rem(800)] is-separated-by-color\">\n        <ul class=\"value-list-items flex flex-col justify-start items-stretch\" >\n            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Scope of Application<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">Utility\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Performance Class<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">775 W\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Cell Technology<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">ABC\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Efficiency<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">24.1 %\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Number of Cells<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">156\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Dimensions<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">2,465 x 1,303 x 33 mm\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Features<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">Glass\/Glass - bifacial\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Weight<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">39.8 kg\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Units per container<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">594\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                <!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        <\/ul>\n    <\/div>\n<!--[if ENDBLOCK]><![endif]-->\n                    <\/div>\n                <\/div>\n                <div class=\"mt-auto  pb-scale-400 \">\n                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/div>\n                                            <div class=\"product-item h-full\">\n                    <!-- product-card component -->\n<!-- card component -->\n<div class=\"product-card-container min-w-card-min-width max-w-card-max-width @container h-full\" x-data=\"linkWrapperClickHandler\" >\n    <div\n        class=\"product-card-module h-full flex flex-col group  bg-surface-default-light border-radius-md p-scale-200 w-full flex flex-col gap-y-scale-600 @card-lg:flex-row\">\n        <!--[if BLOCK]><![endif]-->        <div class=\"card-image relative @card-lg:w-full\">\n            <div\n                class=\"card-image-wrapper p-scale-800 h-card-image-height lg:h-card-image-height-lg w-full border-radius-sm bg-surface-primary-subtle-light overflow-hidden @card-lg:h-full\">\n                <picture><img src='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/product_AIKO_Neostar_3Splus54_A-MCE54Db_front-optimized.png' alt='' class=\"w-full h-full aspect-[346\/318] object-contain drop-shadow-neutral-light\" loading='lazy' draggable='false' width='674' height='1048'><\/picture>\n            <\/div>\n            <!--[if BLOCK]><![endif]-->                <div\n                    class=\"card-labels absolute top-scale-300 left-scale-200 right-scale-200 flex flex-wrap gap-scale-200\">\n                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                     <!--[if BLOCK]><![endif]-->                        <span class=\"flex justify-center items-center font-bold border-radius-round gap-x-scale-100 py-scale-100 px-scale-300 text-btn-xs bg-white text-primary-light\">\n\t<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->\t<span>AIKO Solar<\/span>\n<\/span>\n                    <!--[if ENDBLOCK]><![endif]-->                <\/div>\n            <!--[if ENDBLOCK]><![endif]-->        <\/div>\n        <!--[if ENDBLOCK]><![endif]-->        <div class=\"card-content flex flex-1 min-h-0 flex-col gap-y-scale-300 px-scale-200 @card-lg:w-full @card-lg:pt-scale-300\">\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <div class=\"flex flex-1 min-h-0 flex-col justify-between\">\n                <div>\n                    <div class=\"card-heading-wrapper\">\n                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)] font-bold text-blue-brand-700-prim\">\n    <div class=\"text-heading-xs-fluid\" >AIKO-A-MCE54Db (480)\n        <\/div>\n<\/div>\n                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        <div class=\"paragraph-component font-light caption text-body-sm-fluid leading-heading-sm-fluid\"\n    >Residential and Small Business<\/div>\n                    <\/div>\n                    <div class=\"card-inner-blocks flex flex-col gap-y-scale-300 pt-scale-300 text-body-color-light pl-0\" style=\"--text-color-schema: var(--color-body-color-light);\">\n                        <!-- value-list component -->\n\n<!--[if BLOCK]><![endif]-->    <div class=\"value-list-wrapper w-full max-w-[px2rem(800)] is-separated-by-color\">\n        <ul class=\"value-list-items flex flex-col justify-start items-stretch\" >\n            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Scope of Application<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">Residential\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Performance Class<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">480 W\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Cell Technology<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">ABC\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Efficiency<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">24 %\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Number of Cells<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">108\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Dimensions<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">1,762 x 1,134 x 30 mm\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Features<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">Glass\/Glass - Full Black\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--odd px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Weight<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">24.2 kg\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                                    <li class=\"list-item-component flex flex-row w-full justify-between items-start flex-wrap gap-x-scale-50 px-scale-200 py-scale-50 value-list-row--even px-scale-200 py-scale-100\">\n    <!--[if BLOCK]><![endif]-->        <span\n            class=\"text-body-sm-fluid mt-0 shrink-0 font-bold on-color:text-primary-on-color-light\">Units per container<\/span>\n        <span\n            class=\"text-body-sm-fluid mt-0 font-light on-color:text-primary-on-color-light \">962\n            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <\/span>\n    <!--[if ENDBLOCK]><![endif]--><\/li>\n                <!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        <\/ul>\n    <\/div>\n<!--[if ENDBLOCK]><![endif]-->\n                    <\/div>\n                <\/div>\n                <div class=\"mt-auto  pb-scale-400 \">\n                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/div>\n            <!--[if ENDBLOCK]><![endif]-->        <\/div>\n\n        <!--[if BLOCK]><![endif]-->            <div class=\"flex justify-center mt-jumper-xl-md\">\n                <button type=\"button\" wire:click.prevent=\"loadMore\" x-on:click=\"prepareLoadMoreScroll()\" wire:loading.attr=\"disabled\"\n                    data-color-variant=\"default\"\n                    class=\"btn-secondary inline-flex justify-center items-center text-btn-md py-btn-padding-block-md px-btn-padding-inline-md font-bold border-radius-round border-width-md text-primary-light bg-transparent  border-border-primary-light hover:cursor-pointer hover:bg-surface-primary-hover-light hover:border-border-primary-hover-light hover:text-primary-on-color-light focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-border-primary-focus-light focus-visible:outline-solid is-disabled:bg-surface-disabled-subtle-light is-disabled:border-disabled-light is-disabled:text-disabled-light is-disabled:cursor-not-allowed transition duration-300 on-color:text-body-on-color-light on-color:hover:text-primary-light on-color:border-border-on-color-light on-color:hover:bg-surface-default-light on-color:focus-visible:outline-border-on-color-light\">\n                    More Products\n                <\/button>\n            <\/div>\n        <!--[if ENDBLOCK]><![endif]-->\n        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <\/div>\n<\/div>\n\t<\/div>\n    \n\n<!-- questionary-button template -->\n<!-- questionary-button component -->\n\n\n<div class=\"questionary-button-component inline-flex\" >\n    \n<\/div>\n    \n\n<!-- spacer template -->\n<div  >\n\t<!-- spacer component -->\n<div class=\"pt-[var(--spacer-padding)]\" style=\"--spacer-padding: var(--spacing-jumper-2xl-lg);\"><\/div>\n<\/div>\n\n<\/div>\n<\/div>\n<\/div>\n\n\n<div  >\n    <!-- section component -->\n<div class=\"section-component w-screen -ml-[calc((100vw-100%)\/2)] px-inner-content-max-width md:px-inner-content-max-width-md lg:px-inner-content-max-width-lg xl:px-inner-content-max-width-xl 2xl:px-inner-content-max-width-2xl bg-gradient-blue-dark\"\n    data-color-variant=on-color>\n    \n    \n    <div class=\"acf-innerblocks-container\">\n<div  >\n    <!-- image-text-module component -->\n<div\n    class=\"image-clipped-text-module image-clipped-text-module--image-right flex flex-col py-jumper-2xl-lg\">\n        <div class=\"image-clipped-text-module__content flex flex-col gap-scale-600 lg:flex-row lg:items-stretch\">\n        <div\n            class=\"image-clipped-text-module__text w-full order-1 lg:order-0 lg:py-scale-1300 lg:min-h-[500px] lg:self-center flex flex-col justify-center items-center\">\n            <!-- text-button-module component -->\n\n<div class=\"text-button-module-component @container w-full max-w-[px2rem(1056)] flex flex-col justify-start items-stretch gap-0 items-start\">\n            <div class=\"text-start w-full\"><div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)]\">\n    <h2 class=\"text-heading-xl-fluid italic\" >Solar modules as part of a high-performance photovoltaic system\n        <\/h2>\n<\/div><\/div>\n    <div class=\"spacer mt-scale-300 w-full self-start\"><\/div>\n                <div class=\"text-button-content text-start w-full max-w-[px2rem(800)]\"><div >\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Solar modules convert sunlight into direct current (DC) and thus form the basis of every photovoltaic system. However, they only reach their full potential when working in conjunction with other system components.<\/p>\n<p>\u00a0<\/p>\n<p>The DC current generated is converted by an <a href=\"\/produkte\/huawei-wechselrichter\/\"><u>inverter<\/u><\/a> into grid-compatible AC current and is then available for direct use within the building. Excess energy can be <a href=\"\/produkte\/huawei-batteriespeicher\/\">temporarily<\/a> stored in a <a href=\"\/produkte\/huawei-batteriespeicher\/\"><u>battery storage system<\/u><\/a> and retrieved as needed, which significantly increases the proportion of self-consumption.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div><\/div>\n        <\/div>\n        <\/div>\n        <div class=\"image-clipped-text-module__image relative w-full\">\n            <div class=\"image-clipped-text-module__breakout breakout\">\n                <div class=\"h-full w-full min-h-0\" >\n\t\t\t\t<div class=\"w-full container-size [height:var(--img-height)]\"\n    style=\"--img-height: 100%;\">\n    <div class=\"project-polygon--left w-full h-full\" >\n        <picture><source srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Solar_Dach_Montage_iStock-1471533366-optimized-300x200.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Solar_Dach_Montage_iStock-1471533366-optimized-1024x684.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Solar_Dach_Montage_iStock-1471533366-optimized-768x513.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Solar_Dach_Montage_iStock-1471533366-optimized-1536x1025.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Solar_Dach_Montage_iStock-1471533366-optimized-2048x1367.jpg 2048w' sizes='100vw' type='image\/jpeg' \/><img src='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Solar_Dach_Montage_iStock-1471533366-optimized-300x200.jpg' srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Solar_Dach_Montage_iStock-1471533366-optimized-300x200.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Solar_Dach_Montage_iStock-1471533366-optimized-1024x684.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Solar_Dach_Montage_iStock-1471533366-optimized-768x513.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Solar_Dach_Montage_iStock-1471533366-optimized-1536x1025.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/07\/quader_Solar_Dach_Montage_iStock-1471533366-optimized-2048x1367.jpg 2048w' sizes='100vw' width='300' height='200' alt='Team of two workers on a house's roof installing solar panels.'  class='w-full h-full object-cover' loading='lazy'  draggable='false'><\/picture>\n    <\/div>\n<\/div>\n\t\t\t<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n<\/div>\n<\/div>\n<\/div>\n\n\n<div  >\n    <!-- section component -->\n<div class=\"section-component w-screen -ml-[calc((100vw-100%)\/2)] px-inner-content-max-width md:px-inner-content-max-width-md lg:px-inner-content-max-width-lg xl:px-inner-content-max-width-xl 2xl:px-inner-content-max-width-2xl bg-gradient-foundation-light\"\n    data-color-variant=on-color-subtle>\n    \n    \n    <div class=\"acf-innerblocks-container\">\n<!-- spacer template -->\n<div  >\n\t<!-- spacer component -->\n<div class=\"pt-[var(--spacer-padding)]\" style=\"--spacer-padding: var(--spacing-jumper-2xl-lg);\"><\/div>\n<\/div>\n\n\n<div\n\t\tclass=\"\"\n>\n\t<!-- text-button-module component -->\n\n<div class=\"text-button-module-component @container w-full max-w-[px2rem(1056)] flex flex-col justify-start items-stretch gap-0 items-start\">\n            <div class=\"text-start w-full\"><div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)]\">\n    <h3 class=\"text-heading-xl-fluid italic\" >Coordinated system components for maximum efficiency\n        <\/h3>\n<\/div><\/div>\n    <div class=\"spacer mt-scale-300 w-full self-start\"><\/div>\n                <div class=\"text-button-content text-start w-full max-w-[px2rem(800)]\"><div >\n\t\t\t\t\t\t\t<p>A well-designed photovoltaic system goes beyond the modules. Inverters, storage solutions, charging infrastructure, and monitoring systems work together to create an efficient overall system. WATTKRAFT assists installers and distribution partners in selecting components that are compatible with one another and provides support with system planning.<\/p>\n<p>Whether for residential buildings, commercial properties, or industrial applications: The combination of high-quality solar modules and certified system partners ensures stable yields throughout the system\u2019s entire service life.<\/p>\n\t\t\t\t\t<\/div><\/div>\n        <\/div>\n<\/div>\n\n\n<!-- spacer template -->\n<div  >\n\t<!-- spacer component -->\n<div class=\"pt-[var(--spacer-padding)]\" style=\"--spacer-padding: var(--spacing-jumper-2xl-lg);\"><\/div>\n<\/div>\n\n<\/div>\n<\/div>\n<\/div>\n\n\n<div  >\n    <!-- section component -->\n<div class=\"section-component w-screen -ml-[calc((100vw-100%)\/2)] px-inner-content-max-width md:px-inner-content-max-width-md lg:px-inner-content-max-width-lg xl:px-inner-content-max-width-xl 2xl:px-inner-content-max-width-2xl\"\n    >\n    \n    \n    <div class=\"acf-innerblocks-container\">\n<!-- spacer template -->\n<div  >\n\t<!-- spacer component -->\n<div class=\"pt-[var(--spacer-padding)]\" style=\"--spacer-padding: var(--spacing-jumper-2xl-lg);\"><\/div>\n<\/div>\n\n\n<div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)]\">\n    <h2 class=\"text-heading-xl-fluid italic\" >Frequently Asked Questions About Solar Panels\n        <\/h2>\n<\/div>\n    \n\n<!-- spacer template -->\n<div  >\n\t<!-- spacer component -->\n<div class=\"pt-[var(--spacer-padding)]\" style=\"--spacer-padding: var(--spacing-jumper-lg-sm);\"><\/div>\n<\/div>\n\n\n<!-- register-module template -->\n<!-- register-module component -->\n\n\n<div class=\"register-module-component inline-flex flex-col items-stretch justify-start gap-scale-250 w-full\" >\n\t\t\t\t\t\t<!-- register-item component -->\n\n<details class=\"register-item-component register-item-component--js-enhanced min-w-[px2rem(260)] max-w-[px2rem(800)] group hover:cursor-pointer\"  name=\"Frequently Asked Questions About Solar Panels-6aedc2249e708404044711\" >\n\t<summary class=\"py-scale-300 w-full border-b border-b-width-md border-b-border-primary-light group-open:border-none focus-visible:outline-none focus-visible:border-b-width-lg\">\n\t\t<div class=\"flex items-center justify-between pl-scale-200\">\n\t\t\t<div class=\"label-wrapper text-heading-color-light text-heading-md-fluid font-bold group-hover:text-primary-hover-light\">What is the efficiency of a solar panel, and why is it important?<\/div>\n\t\t\t<div class=\"flex items-center justify-center gap-scale-200 shrink-0\">\n\t\t\t\t\t\t\t\t<span class=\"flex h-scale-900 w-scale-900 items-center justify-center\">\n\t\t\t\t\t<div class=\"w-scale-600 h-scale-600 flex items-center justify-center container-size register-item-component__marker text-icon-primary-light group-open:rotate-180 transition-transform duration-[400ms] ease-in-out group-hover:text-icon-primary-hover-light\">\n\t<span class=\"material-symbols-outlined material-symbols-fit \">\n\t\tkeyboard_arrow_down\n\t<\/span>\n<\/div>\n\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/summary>\n\t<div class=\"register-item-component__content-wrapper w-full pb-scale-300 group-open:border-b group-open:border-b-width-md group-open:border-b-border-primary-light\">\n\t\t<div class=\"register-item-component__content-inner pb-scale-300 px-scale-200 w-full text-body-light text-body-md-fluid font-light\">\n\t\t\t<p>Efficiency indicates the percentage of incoming solar radiation that a module converts into electrical current. High efficiency means that more power can be generated on the same roof area. This value is a crucial selection criterion, especially when space is limited.<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/details>\n\t\t\t\t\t<!-- register-item component -->\n\n<details class=\"register-item-component register-item-component--js-enhanced min-w-[px2rem(260)] max-w-[px2rem(800)] group hover:cursor-pointer\"  name=\"Frequently Asked Questions About Solar Panels-6aedc2249e708404044711\" >\n\t<summary class=\"py-scale-300 w-full border-b border-b-width-md border-b-border-primary-light group-open:border-none focus-visible:outline-none focus-visible:border-b-width-lg\">\n\t\t<div class=\"flex items-center justify-between pl-scale-200\">\n\t\t\t<div class=\"label-wrapper text-heading-color-light text-heading-md-fluid font-bold group-hover:text-primary-hover-light\">What types of solar panel technologies are available? <\/div>\n\t\t\t<div class=\"flex items-center justify-center gap-scale-200 shrink-0\">\n\t\t\t\t\t\t\t\t<span class=\"flex h-scale-900 w-scale-900 items-center justify-center\">\n\t\t\t\t\t<div class=\"w-scale-600 h-scale-600 flex items-center justify-center container-size register-item-component__marker text-icon-primary-light group-open:rotate-180 transition-transform duration-[400ms] ease-in-out group-hover:text-icon-primary-hover-light\">\n\t<span class=\"material-symbols-outlined material-symbols-fit \">\n\t\tkeyboard_arrow_down\n\t<\/span>\n<\/div>\n\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/summary>\n\t<div class=\"register-item-component__content-wrapper w-full pb-scale-300 group-open:border-b group-open:border-b-width-md group-open:border-b-border-primary-light\">\n\t\t<div class=\"register-item-component__content-inner pb-scale-300 px-scale-200 w-full text-body-light text-body-md-fluid font-light\">\n\t\t\t<p>Today, monocrystalline and polycrystalline silicon modules are the most common on the market, with monocrystalline modules generally achieving higher efficiency. In addition, innovative technologies such as back-contact cell architecture (e.g., at <a href=\"\/hersteller\/aiko-solar\/\">AIKO Solar<\/a>) and PERC technology (e.g., at <a href=\"\/hersteller\/phono-solar\/\">Phono Solar<\/a> and <a href=\"\/hersteller\/canadian-solar\/\">Canadian Solar<\/a>) are becoming increasingly important. They offer improved energy yields, particularly at high temperatures or in low-light conditions.<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/details>\n\t\t\t\t\t<!-- register-item component -->\n\n<details class=\"register-item-component register-item-component--js-enhanced min-w-[px2rem(260)] max-w-[px2rem(800)] group hover:cursor-pointer\"  name=\"Frequently Asked Questions About Solar Panels-6aedc2249e708404044711\" >\n\t<summary class=\"py-scale-300 w-full border-b border-b-width-md border-b-border-primary-light group-open:border-none focus-visible:outline-none focus-visible:border-b-width-lg\">\n\t\t<div class=\"flex items-center justify-between pl-scale-200\">\n\t\t\t<div class=\"label-wrapper text-heading-color-light text-heading-md-fluid font-bold group-hover:text-primary-hover-light\">How long do solar panels last?<\/div>\n\t\t\t<div class=\"flex items-center justify-center gap-scale-200 shrink-0\">\n\t\t\t\t\t\t\t\t<span class=\"flex h-scale-900 w-scale-900 items-center justify-center\">\n\t\t\t\t\t<div class=\"w-scale-600 h-scale-600 flex items-center justify-center container-size register-item-component__marker text-icon-primary-light group-open:rotate-180 transition-transform duration-[400ms] ease-in-out group-hover:text-icon-primary-hover-light\">\n\t<span class=\"material-symbols-outlined material-symbols-fit \">\n\t\tkeyboard_arrow_down\n\t<\/span>\n<\/div>\n\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/summary>\n\t<div class=\"register-item-component__content-wrapper w-full pb-scale-300 group-open:border-b group-open:border-b-width-md group-open:border-b-border-primary-light\">\n\t\t<div class=\"register-item-component__content-inner pb-scale-300 px-scale-200 w-full text-body-light text-body-md-fluid font-light\">\n\t\t\t<p>High-quality photovoltaic modules are designed to last 25 to 30 years. Most reputable manufacturers offer performance warranties that ensure the module will still deliver a significant portion of its original rated power even after several decades. Regular maintenance and professional installation contribute significantly to the system\u2019s longevity.<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/details>\n\t\t\t\t\t<!-- register-item component -->\n\n<details class=\"register-item-component register-item-component--js-enhanced min-w-[px2rem(260)] max-w-[px2rem(800)] group hover:cursor-pointer\"  name=\"Frequently Asked Questions About Solar Panels-6aedc2249e708404044711\" >\n\t<summary class=\"py-scale-300 w-full border-b border-b-width-md border-b-border-primary-light group-open:border-none focus-visible:outline-none focus-visible:border-b-width-lg\">\n\t\t<div class=\"flex items-center justify-between pl-scale-200\">\n\t\t\t<div class=\"label-wrapper text-heading-color-light text-heading-md-fluid font-bold group-hover:text-primary-hover-light\">What does &quot;low-light performance&quot; mean in the context of solar modules? <\/div>\n\t\t\t<div class=\"flex items-center justify-center gap-scale-200 shrink-0\">\n\t\t\t\t\t\t\t\t<span class=\"flex h-scale-900 w-scale-900 items-center justify-center\">\n\t\t\t\t\t<div class=\"w-scale-600 h-scale-600 flex items-center justify-center container-size register-item-component__marker text-icon-primary-light group-open:rotate-180 transition-transform duration-[400ms] ease-in-out group-hover:text-icon-primary-hover-light\">\n\t<span class=\"material-symbols-outlined material-symbols-fit \">\n\t\tkeyboard_arrow_down\n\t<\/span>\n<\/div>\n\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/summary>\n\t<div class=\"register-item-component__content-wrapper w-full pb-scale-300 group-open:border-b group-open:border-b-width-md group-open:border-b-border-primary-light\">\n\t\t<div class=\"register-item-component__content-inner pb-scale-300 px-scale-200 w-full text-body-light text-body-md-fluid font-light\">\n\t\t\t<p>Low-light performance refers to a module\u2019s ability to still generate significant output even under cloudy skies, in the early morning hours, or in the evening. Modules with good low-light performance offer a clear advantage, especially in regions with changeable weather, because they can significantly increase annual output.<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/details>\n\t\t\t\t\t<!-- register-item component -->\n\n<details class=\"register-item-component register-item-component--js-enhanced min-w-[px2rem(260)] max-w-[px2rem(800)] group hover:cursor-pointer\"  name=\"Frequently Asked Questions About Solar Panels-6aedc2249e708404044711\" >\n\t<summary class=\"py-scale-300 w-full border-b border-b-width-md border-b-border-primary-light group-open:border-none focus-visible:outline-none focus-visible:border-b-width-lg\">\n\t\t<div class=\"flex items-center justify-between pl-scale-200\">\n\t\t\t<div class=\"label-wrapper text-heading-color-light text-heading-md-fluid font-bold group-hover:text-primary-hover-light\">Which solar panels are suitable for residential rooftops?<\/div>\n\t\t\t<div class=\"flex items-center justify-center gap-scale-200 shrink-0\">\n\t\t\t\t\t\t\t\t<span class=\"flex h-scale-900 w-scale-900 items-center justify-center\">\n\t\t\t\t\t<div class=\"w-scale-600 h-scale-600 flex items-center justify-center container-size register-item-component__marker text-icon-primary-light group-open:rotate-180 transition-transform duration-[400ms] ease-in-out group-hover:text-icon-primary-hover-light\">\n\t<span class=\"material-symbols-outlined material-symbols-fit \">\n\t\tkeyboard_arrow_down\n\t<\/span>\n<\/div>\n\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/summary>\n\t<div class=\"register-item-component__content-wrapper w-full pb-scale-300 group-open:border-b group-open:border-b-width-md group-open:border-b-border-primary-light\">\n\t\t<div class=\"register-item-component__content-inner pb-scale-300 px-scale-200 w-full text-body-light text-body-md-fluid font-light\">\n\t\t\t<p>For residential rooftop systems, all-black modules or monocrystalline modules with high power density are typically used, as they are visually appealing and blend well with the building\u2019s appearance. Products from <a href=\"\/produkte\/solarmodule\/phono-solar-panels\/\">Phono Solar<\/a>, <a href=\"\/produkte\/solarmodule\/aiko-solar-module\/\">AIKO Solar<\/a>, and <a href=\"\/produkte\/solarmodule\/canadian-solar-panels\/\">Canadian Solar<\/a> offer suitable solutions for a variety of needs in the residential sector.<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/details>\n\t\t\t\t\t<!-- register-item component -->\n\n<details class=\"register-item-component register-item-component--js-enhanced min-w-[px2rem(260)] max-w-[px2rem(800)] group hover:cursor-pointer\"  name=\"Frequently Asked Questions About Solar Panels-6aedc2249e708404044711\" >\n\t<summary class=\"py-scale-300 w-full border-b border-b-width-md border-b-border-primary-light group-open:border-none focus-visible:outline-none focus-visible:border-b-width-lg\">\n\t\t<div class=\"flex items-center justify-between pl-scale-200\">\n\t\t\t<div class=\"label-wrapper text-heading-color-light text-heading-md-fluid font-bold group-hover:text-primary-hover-light\">What should be considered when selecting solar modules for commercial projects? <\/div>\n\t\t\t<div class=\"flex items-center justify-center gap-scale-200 shrink-0\">\n\t\t\t\t\t\t\t\t<span class=\"flex h-scale-900 w-scale-900 items-center justify-center\">\n\t\t\t\t\t<div class=\"w-scale-600 h-scale-600 flex items-center justify-center container-size register-item-component__marker text-icon-primary-light group-open:rotate-180 transition-transform duration-[400ms] ease-in-out group-hover:text-icon-primary-hover-light\">\n\t<span class=\"material-symbols-outlined material-symbols-fit \">\n\t\tkeyboard_arrow_down\n\t<\/span>\n<\/div>\n\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/summary>\n\t<div class=\"register-item-component__content-wrapper w-full pb-scale-300 group-open:border-b group-open:border-b-width-md group-open:border-b-border-primary-light\">\n\t\t<div class=\"register-item-component__content-inner pb-scale-300 px-scale-200 w-full text-body-light text-body-md-fluid font-light\">\n\t\t\t<p>For commercial installations, the focus is not only on efficiency but also, and above all, on system costs, module size, and the manufacturer\u2019s reliability. Large-format modules reduce installation labor and thus lower installation costs per kilowatt-peak. WATTKRAFT advises installers and wholesalers on selecting suitable modules and provides support with project planning.<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/details>\n\t\t\t\t\t<!-- register-item component -->\n\n<details class=\"register-item-component register-item-component--js-enhanced min-w-[px2rem(260)] max-w-[px2rem(800)] group hover:cursor-pointer\"  name=\"Frequently Asked Questions About Solar Panels-6aedc2249e708404044711\" >\n\t<summary class=\"py-scale-300 w-full border-b border-b-width-md border-b-border-primary-light group-open:border-none focus-visible:outline-none focus-visible:border-b-width-lg\">\n\t\t<div class=\"flex items-center justify-between pl-scale-200\">\n\t\t\t<div class=\"label-wrapper text-heading-color-light text-heading-md-fluid font-bold group-hover:text-primary-hover-light\">How are solar panels installed properly?<\/div>\n\t\t\t<div class=\"flex items-center justify-center gap-scale-200 shrink-0\">\n\t\t\t\t\t\t\t\t<span class=\"flex h-scale-900 w-scale-900 items-center justify-center\">\n\t\t\t\t\t<div class=\"w-scale-600 h-scale-600 flex items-center justify-center container-size register-item-component__marker text-icon-primary-light group-open:rotate-180 transition-transform duration-[400ms] ease-in-out group-hover:text-icon-primary-hover-light\">\n\t<span class=\"material-symbols-outlined material-symbols-fit \">\n\t\tkeyboard_arrow_down\n\t<\/span>\n<\/div>\n\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/summary>\n\t<div class=\"register-item-component__content-wrapper w-full pb-scale-300 group-open:border-b group-open:border-b-width-md group-open:border-b-border-primary-light\">\n\t\t<div class=\"register-item-component__content-inner pb-scale-300 px-scale-200 w-full text-body-light text-body-md-fluid font-light\">\n\t\t\t<p>Professional installation begins with careful planning: orientation, tilt angle, shading analysis, and the selection of the appropriate mounting system all play a key role. Qualified contractors handle installation, wiring, and commissioning, ensuring that the system operates optimally from the start.<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/details>\n\t\t\t<\/div>\n    \n\n<!-- spacer template -->\n<div  >\n\t<!-- spacer component -->\n<div class=\"pt-[var(--spacer-padding)]\" style=\"--spacer-padding: var(--spacing-jumper-2xl-lg);\"><\/div>\n<\/div>\n\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":464,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_mb_ps_status":"media-fertig","editor_notices":[],"footnotes":""},"class_list":["post-476","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Solar Panels - WATTKRAFT English<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Solar Panels - WATTKRAFT English\" \/>\n<meta property=\"og:url\" content=\"https:\/\/test.wattkraft.de\/en\/products\/solar-panels\/\" \/>\n<meta property=\"og:site_name\" content=\"WATTKRAFT English\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-20T08:09:12+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/test.wattkraft.de\\\/en\\\/products\\\/solar-panels\\\/\",\"url\":\"https:\\\/\\\/test.wattkraft.de\\\/en\\\/products\\\/solar-panels\\\/\",\"name\":\"Solar Panels - WATTKRAFT English\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/test.wattkraft.de\\\/en\\\/#website\"},\"datePublished\":\"2026-05-20T13:37:29+00:00\",\"dateModified\":\"2026-10-20T08:09:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/test.wattkraft.de\\\/en\\\/products\\\/solar-panels\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/test.wattkraft.de\\\/en\\\/products\\\/solar-panels\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/test.wattkraft.de\\\/en\\\/products\\\/solar-panels\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Start\",\"item\":\"https:\\\/\\\/test.wattkraft.de\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Products\",\"item\":\"https:\\\/\\\/test.wattkraft.de\\\/en\\\/products\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Solar Panels\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/test.wattkraft.de\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/test.wattkraft.de\\\/en\\\/\",\"name\":\"WATTKRAFT English\",\"description\":\"Your experienced distributor and system integrator for solar projects in Europe\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/test.wattkraft.de\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Solar Panels - WATTKRAFT English","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_GB","og_type":"article","og_title":"Solar Panels - WATTKRAFT English","og_url":"https:\/\/test.wattkraft.de\/en\/products\/solar-panels\/","og_site_name":"WATTKRAFT English","article_modified_time":"2026-10-20T08:09:12+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/test.wattkraft.de\/en\/products\/solar-panels\/","url":"https:\/\/test.wattkraft.de\/en\/products\/solar-panels\/","name":"Solar Panels - WATTKRAFT English","isPartOf":{"@id":"https:\/\/test.wattkraft.de\/en\/#website"},"datePublished":"2026-05-20T13:37:29+00:00","dateModified":"2026-10-20T08:09:12+00:00","breadcrumb":{"@id":"https:\/\/test.wattkraft.de\/en\/products\/solar-panels\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/test.wattkraft.de\/en\/products\/solar-panels\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/test.wattkraft.de\/en\/products\/solar-panels\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https:\/\/test.wattkraft.de\/en\/"},{"@type":"ListItem","position":2,"name":"Products","item":"https:\/\/test.wattkraft.de\/en\/products\/"},{"@type":"ListItem","position":3,"name":"Solar Panels"}]},{"@type":"WebSite","@id":"https:\/\/test.wattkraft.de\/en\/#website","url":"https:\/\/test.wattkraft.de\/en\/","name":"WATTKRAFT English","description":"Your experienced distributor and system integrator for solar projects in Europe","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/test.wattkraft.de\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/test.wattkraft.de\/en\/wp-json\/wp\/v2\/pages\/476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.wattkraft.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.wattkraft.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.wattkraft.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.wattkraft.de\/en\/wp-json\/wp\/v2\/comments?post=476"}],"version-history":[{"count":37,"href":"https:\/\/test.wattkraft.de\/en\/wp-json\/wp\/v2\/pages\/476\/revisions"}],"predecessor-version":[{"id":34082,"href":"https:\/\/test.wattkraft.de\/en\/wp-json\/wp\/v2\/pages\/476\/revisions\/34082"}],"up":[{"embeddable":true,"href":"https:\/\/test.wattkraft.de\/en\/wp-json\/wp\/v2\/pages\/464"}],"wp:attachment":[{"href":"https:\/\/test.wattkraft.de\/en\/wp-json\/wp\/v2\/media?parent=476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}