{"id":486,"date":"2026-05-20T13:43:38","date_gmt":"2026-05-20T13:43:38","guid":{"rendered":"https:\/\/test.wattkraft.de\/produkte\/solarmodule\/canadian-solar-panels\/"},"modified":"2026-10-16T13:01:11","modified_gmt":"2026-10-16T11:01:11","slug":"canadian-solar-panels","status":"publish","type":"page","link":"https:\/\/test.wattkraft.de\/en\/products\/solar-panels\/canadian-solar-panels\/","title":{"rendered":"Canadian 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\/06\/default_Image_Solarmodul_Sonne_iStock-1247794854-optimized.jpg 2560w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/default_Image_Solarmodul_Sonne_iStock-1247794854-optimized-300x224.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/default_Image_Solarmodul_Sonne_iStock-1247794854-optimized-1024x766.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/default_Image_Solarmodul_Sonne_iStock-1247794854-optimized-768x575.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/default_Image_Solarmodul_Sonne_iStock-1247794854-optimized-1536x1149.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/default_Image_Solarmodul_Sonne_iStock-1247794854-optimized-2048x1532.jpg 2048w' sizes='100vw' type='image\/jpeg' \/><img src='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/default_Image_Solarmodul_Sonne_iStock-1247794854-optimized.jpg' srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/default_Image_Solarmodul_Sonne_iStock-1247794854-optimized.jpg 2560w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/default_Image_Solarmodul_Sonne_iStock-1247794854-optimized-300x224.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/default_Image_Solarmodul_Sonne_iStock-1247794854-optimized-1024x766.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/default_Image_Solarmodul_Sonne_iStock-1247794854-optimized-768x575.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/default_Image_Solarmodul_Sonne_iStock-1247794854-optimized-1536x1149.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/default_Image_Solarmodul_Sonne_iStock-1247794854-optimized-2048x1532.jpg 2048w' sizes='100vw' width='2560' height='1915' alt='Strahlendes Sonnenlicht reflektiert in einem gro\u00dfen Solarmodul.'  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\" >Canadian Solar Modules\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    <div class=\"text-heading-md-fluid\" >Smart, High-End Solutions for Your PV System\n        <\/div>\n<\/div>\n                                        <div class=\"pt-scale-200\"><\/div>\n                    <div class=\"paragraph-component font-light text-body-md-fluid\"\n    >With a cumulative global module shipment of over 150 GW (as of 2025), Canadian Solar is one of the world\u2019s largest and best-known manufacturers of solar modules.  Whether for single-family homes, commercial buildings, or large-scale installations\u2014with Canadian Solar, you can count on durable solar modules and robust construction. With over 20 years of experience and steady growth, find the ideal solution for your solar project.<\/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    class=\"heading-component @container w-full max-w-[px2rem(1056)]\">\n    <h2 class=\"text-heading-xl-fluid italic\" >Canadian Solar Solutions for All Applications\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<!-- 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-lg-sm, 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-content h-full py-scale-200 @card-lg:w-full @card-lg:pt-scale-300\">\n                                                <div\n                        class=\"card-labels pb-scale-300 flex flex-wrap gap-scale-200\"\n                        >\n                                                                                                            <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-surface-primary-light text-heading-on-color-light on-color:bg-surface-tertiary-light on-color:text-heading-on-color-light [[data-color-variant=on-color]_&amp;]:bg-surface-tertiary-light [[data-color-variant=on-color]_&amp;]:text-heading-on-color-light\">\n\t\t<span>Residential<\/span>\n<\/span>\n                                                                                                <\/div>\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 Modules for Residential Applications\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<!-- unordered-list template -->\n<div >\n\t\t\t\t\t<!-- unordered-list component -->\n<ul class=\"check-list\">\n\t<li class=\"list-item-component\">\n            <p><strong>HiDM Series:<\/strong> All-Black Design (Shingled-Cell Technology), ideal for aesthetically sophisticated rooftop installations<\/p>\n    <\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"list-item-component\">\n            <p><strong>LID\/LeTID Mitigation Technology<\/strong> for Low Power Degradation<\/p>\n    <\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"list-item-component\">\n            <p><strong>25-Year Product Warranty<\/strong><\/p>\n    <\/li>\n<\/ul>\n\t\t\t<\/div>\n    \n<\/div>\n                                            <\/div>\n                <\/div>\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-content h-full py-scale-200 @card-lg:w-full @card-lg:pt-scale-300\">\n                                                <div\n                        class=\"card-labels pb-scale-300 flex flex-wrap gap-scale-200\"\n                        >\n                                                                                                            <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-surface-primary-light text-heading-on-color-light on-color:bg-surface-tertiary-light on-color:text-heading-on-color-light [[data-color-variant=on-color]_&amp;]:bg-surface-tertiary-light [[data-color-variant=on-color]_&amp;]:text-heading-on-color-light\">\n\t\t<span>Commercial<\/span>\n<\/span>\n                                                                                                <\/div>\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 Modules for Commercial Applications\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<!-- unordered-list template -->\n<div >\n\t\t\t\t\t<!-- unordered-list component -->\n<ul class=\"check-list\">\n\t<li class=\"list-item-component\">\n            <p><strong>TOPBiHiKu6 \/ TOPHiKu6:<\/strong> bifacial double-glass modules for commercial and industrial roofs<\/p>\n    <\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"list-item-component\">\n            <p><strong>Reduction in BOS<\/strong> (Balance of System) <strong>costs<\/strong> by up to 5.6%<\/p>\n    <\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"list-item-component\">\n            <p><strong>Compatible<\/strong> with standard inverters and energy storage systems<\/p>\n    <\/li>\n<\/ul>\n\t\t\t<\/div>\n    \n<\/div>\n                                            <\/div>\n                <\/div>\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-content h-full py-scale-200 @card-lg:w-full @card-lg:pt-scale-300\">\n                                                <div\n                        class=\"card-labels pb-scale-300 flex flex-wrap gap-scale-200\"\n                        >\n                                                                                                            <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-surface-primary-light text-heading-on-color-light on-color:bg-surface-tertiary-light on-color:text-heading-on-color-light [[data-color-variant=on-color]_&amp;]:bg-surface-tertiary-light [[data-color-variant=on-color]_&amp;]:text-heading-on-color-light\">\n\t\t<span>Utility<\/span>\n<\/span>\n                                                                                                <\/div>\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 Modules for Utility Applications\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<!-- unordered-list template -->\n<div >\n\t\t\t\t\t<!-- unordered-list component -->\n<ul class=\"check-list\">\n\t<li class=\"list-item-component\">\n            <p><strong>TOPBiHiKu7 \/ TOPHiKu7:<\/strong> Power classes up to 665 W, efficiencies up to 21.4%<\/p>\n    <\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"list-item-component\">\n            <p>Optimized for <strong>tracker systems and large solar farms<\/strong><\/p>\n    <\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"list-item-component\">\n            <p><strong>Low LCOE<\/strong> due to high power density and reduced installation costs<\/p>\n    <\/li>\n<\/ul>\n\t\t\t<\/div>\n    \n<\/div>\n                                            <\/div>\n                <\/div>\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\" >Canadian Solar Panels at a Glance\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,77,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;:false,&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;:[[77],{&quot;s&quot;:&quot;arr&quot;}],&quot;blockApplicationAreaScopeIds&quot;:[[80,81,82],{&quot;s&quot;:&quot;arr&quot;}],&quot;products&quot;:[[[{&quot;id&quot;:28287,&quot;title&quot;:&quot;HiHero+ - CS6.2-66HB&quot;,&quot;categories&quot;:[[&quot;Modules&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;applicationAreas&quot;:[[&quot;Commerce &amp;amp; Industry&quot;,&quot;Residential and Small Business&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_CS_6.2-66HB-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\\\/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;625\\u2013660 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;HJT&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.4 %&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;66 x 182R | half-cut&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.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;Plt. of 36 pcs. | Cnt. of 720 pcs.&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;Canadian Solar&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;id&quot;:28285,&quot;title&quot;:&quot;TOPB\\u0130HiKu 6 - CS6.2-66TB&quot;,&quot;categories&quot;:[[&quot;Modules&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;applicationAreas&quot;:[[&quot;Commerce &amp;amp; Industry&quot;,&quot;Residential and Small Business&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_CS_Solarmodul_6_2-66HB-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\\\/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;630\\u2013660 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;TOPCon&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.4 %&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;66 x 182 | Per half-cut&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;:true,&quot;value_list_item_tooltip_text&quot;:&quot;Also available with a 35 mm frame&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.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;Plt. of 36 pcs. | Cnt. of 720 pcs.&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;Canadian Solar&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;id&quot;:28286,&quot;title&quot;:&quot;TOPB\\u0130HiKu 6 - CS6.3-66TB&quot;,&quot;categories&quot;:[[&quot;Modules&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;applicationAreas&quot;:[[&quot;Commerce &amp;amp; Industry&quot;,&quot;Residential and Small Business&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_CS_Solarmodul_6_3-66TB_TOPCon_Gen3-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\\\/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;645\\u2013670 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;TOPCon&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.8 %&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;66 x 182 | Per half-cut&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.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;Plt. of 36 pcs. | Cnt. of 720 pcs.&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;Canadian Solar&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;id&quot;:28288,&quot;title&quot;:&quot;TOPB\\u0130HiKu 7 - CS7N-TB-AG&quot;,&quot;categories&quot;:[[&quot;Modules&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;applicationAreas&quot;:[[&quot;Commerce &amp;amp; Industry&quot;,&quot;Residential and Small Business&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_CS_Solarmodul_TOPCon_CS7L-TB-AG-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\\\/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;725\\u2013750 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;TOPCon&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;66 x 210 | half-cut&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;2384 x 1303 x 33 mm&quot;,&quot;show_tooltip&quot;:true,&quot;value_list_item_tooltip_text&quot;:&quot;Also available with a 35 mm frame&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;37.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;Plt. of 36 pcs. | Cnt. of 594 pcs.&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;Canadian Solar&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;id&quot;:28282,&quot;title&quot;:&quot;TOPHiKu 6 - CS6.2-48TD&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_CS_Solarmodul_6.2-48TD_black-frame-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;445\\u2013475 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;TOPCon&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;23.8 %&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;48 x 182 | Pro triple cut&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 - monofacial&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.6 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;Plt. of 36 pcs. | Cnt. of 936 pcs.&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;Canadian Solar&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;id&quot;:28283,&quot;title&quot;:&quot;TOPHiKu 6 - CS6.2-48TD\\\/All-Black&quot;,&quot;categories&quot;:[[&quot;Modules&quot;],{&quot;s&quot;:&quot;arr&quot;}],&quot;applicationAreas&quot;:[[&quot;Commerce &amp;amp; Industry&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_CS_Solarmodul_6.2-48TD_All-Black-optimized-1.png&quot;,&quot;specifications&quot;:[[[{&quot;value_list_item_title&quot;:&quot;Scope of Application&quot;,&quot;value_list_item_value&quot;:&quot;Residential\\\/C&amp;amp;I&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;435\\u2013465 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;TOPCon&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;23.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;48 x 182 | Pro triple cut&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 - monofacial&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.6 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;Plt. of 36 pcs. | Cnt. of 936 pcs.&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;Canadian Solar&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;hxaWOufUayfTqKKcGLad&quot;,&quot;name&quot;:&quot;product-list-with-filter&quot;,&quot;path&quot;:&quot;wp-json\\\/wp\\\/v2\\\/pages\\\/486&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;be15b1ec7505d4f0a7cf7063f5a0519b78ecf1c3ef8cbd37f2a0be7a054d20ea&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=\"hxaWOufUayfTqKKcGLad\" 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                        <!--[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\":\"\"}],\"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-6aedc32898916-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-6aedc32898916\">\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-6aedc32898916-listbox\"\n             aria-labelledby=\"dropdown-menu-6aedc32898916-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-6aedc32898916-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-6aedc32898916-listbox\" x-ref=\"options\"\n                        aria-labelledby=\"dropdown-menu-6aedc32898916-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-6aedc32898916-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-6aedc32898916-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-6aedc32898916-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            <!--[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-6aedc3289a44d-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-6aedc3289a44d\">\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-6aedc3289a44d-listbox\"\n             aria-labelledby=\"dropdown-menu-6aedc3289a44d-label dropdown-menu-6aedc3289a44d-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-6aedc3289a44d-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-6aedc3289a44d-listbox\" x-ref=\"options\"\n             role=\"listbox\" x-bind:aria-multiselectable=\"multiple ? 'true' : 'false'\"             aria-labelledby=\"dropdown-menu-6aedc3289a44d-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-6aedc3289a44d-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-6aedc3289a44d-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-6aedc3289a44d-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-6aedc3289a44d-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_CS_6.2-66HB-optimized.png' alt='' class=\"w-full h-full aspect-[346\/318] object-contain drop-shadow-neutral-light\" loading='lazy' draggable='false' width='1322' height='2560'><\/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>Canadian 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\" >HiHero+ - CS6.2-66HB\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, Residential and Small Business, 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 \">Residential\/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 \">625\u2013660 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 \">HJT\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.4 %\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 \">66 x 182R | half-cut\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.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 \">Plt. of 36 pcs. | Cnt. of 720 pcs.\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_CS_Solarmodul_6_2-66HB-optimized.png' alt='' class=\"w-full h-full aspect-[346\/318] object-contain drop-shadow-neutral-light\" loading='lazy' draggable='false' width='530' 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>Canadian 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\" >TOPB\u0130HiKu 6 - CS6.2-66TB\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, Residential and Small Business, 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 \">Residential\/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 \">630\u2013660 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 \">TOPCon\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.4 %\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 \">66 x 182 | Per half-cut\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.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 \">Plt. of 36 pcs. | Cnt. of 720 pcs.\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_CS_Solarmodul_6_3-66TB_TOPCon_Gen3-optimized.png' alt='' class=\"w-full h-full aspect-[346\/318] object-contain drop-shadow-neutral-light\" loading='lazy' draggable='false' width='530' 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>Canadian 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\" >TOPB\u0130HiKu 6 - CS6.3-66TB\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, Residential and Small Business, 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 \">Residential\/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 \">645\u2013670 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 \">TOPCon\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.8 %\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 \">66 x 182 | Per half-cut\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.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 \">Plt. of 36 pcs. | Cnt. of 720 pcs.\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_CS_Solarmodul_TOPCon_CS7L-TB-AG-optimized.png' alt='' class=\"w-full h-full aspect-[346\/318] object-contain drop-shadow-neutral-light\" loading='lazy' draggable='false' width='624' 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>Canadian 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\" >TOPB\u0130HiKu 7 - CS7N-TB-AG\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, Residential and Small Business, 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 \">Residential\/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 \">725\u2013750 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 \">TOPCon\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 \">66 x 210 | half-cut\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 \">2384 x 1303 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 \">37.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 \">Plt. of 36 pcs. | Cnt. of 594 pcs.\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_CS_Solarmodul_6.2-48TD_black-frame-optimized.png' alt='' class=\"w-full h-full aspect-[346\/318] object-contain drop-shadow-neutral-light\" loading='lazy' draggable='false' width='666' 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>Canadian 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\" >TOPHiKu 6 - CS6.2-48TD\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 \">445\u2013475 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 \">TOPCon\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 \">23.8 %\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 \">48 x 182 | Pro triple cut\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 - monofacial\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.6 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 \">Plt. of 36 pcs. | Cnt. of 936 pcs.\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_CS_Solarmodul_6.2-48TD_All-Black-optimized-1.png' alt='' class=\"w-full h-full aspect-[346\/318] object-contain drop-shadow-neutral-light\" loading='lazy' draggable='false' width='666' 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>Canadian 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\" >TOPHiKu 6 - CS6.2-48TD\/All-Black\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, 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\/C&amp;I\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 \">435\u2013465 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 \">TOPCon\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 \">23.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 \">48 x 182 | Pro triple cut\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 - monofacial\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.6 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 \">Plt. of 36 pcs. | Cnt. of 936 pcs.\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<!-- 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-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<!-- 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(450px, 100%), 1fr)); --mb-grid-gap: 24px; --mb-grid-align: start; --mb-grid-justify: start; --mb-grid-gap-row: var(--spacing-jumper-lg-sm, 0); --mb-grid-gap-column: var(--spacing-jumper-md-sm, 0); --mb-grid-min-width: 450px;\"\n  >\n  <div class=\"acf-innerblocks-container\">\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    <h2 class=\"text-heading-xl-fluid italic\" >What Sets Canadian Solar (CSI) Apart\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<p><a href=\"https:\/\/test.wattkraft.de\/en\/manufacturer\/canadian-solar\/\">Canadian Solar<\/a> was founded in Canada in 2001 by Dr. Shawn Qu and has been listed on the NASDAQ (CSIQ) since 2006. The company is one of the world\u2019s largest providers of integrated solar and energy storage solutions\u2014ranging from module production and battery systems to the development and operation of large-scale power plants through its subsidiary, Recurrent Energy.<\/p>\n\t\t\t\t\t<\/div><\/div>\n        <\/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=\"register-6aedc328b98cc479584684\" >\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\">Tier 1 status since 2016<\/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>BloombergNEF has consistently ranked Canadian Solar as a Tier 1 PV module manufacturer since 2016. Since 2024, this has also applied to the energy storage sector. In addition, S&#038;P Global Commodity Insights has rated the company as Tier 1 in both categories for 2025\u20132026\u2014a strong signal of bankability to banks and investors.<\/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=\"register-6aedc328b98cc479584684\" >\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\">Independently certified<\/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>DNV has validated Canadian Solar\u2019s TOPCon modules in a Technology Review Report: high durability, efficiency levels of up to 22.6%, and an LCOE reduction of up to 3.2% compared to PERC. In addition, the company holds ISO 9001, ISO 14001, and OHSAS 18001 certifications and has been recognized by Kiwa PVEL (2024\u20132026) as a TOP Performer and by ISS ESG with a Prime Rating (Industry Top 5%).<\/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=\"register-6aedc328b98cc479584684\" >\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\">Research &amp; Development as a Driving Force<\/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>With 2,195 active patents and internal testing standards that are two to three times more stringent than IEC requirements, Canadian Solar is actively advancing N-type TOPCon technology. In mass production, cell efficiencies of up to 26.3% are achieved.<\/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=\"register-6aedc328b98cc479584684\" >\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\">Proven Figures<\/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>180 GW of module capacity delivered, 1.1 million GWh of solar power generated, and 580 million metric tons of CO\u2082 emissions avoided speak for themselves. With customers in over 160 countries and more than 20 subsidiaries worldwide\u2014including its EMEA headquarters in Munich since 2009\u2014Canadian Solar is an experienced manufacturer with a global presence and a proven track record.<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/details>\n\t\t\t<\/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 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\" >Canadian Solar & WATTKRAFT: Excellent Hardware Meets First-Class Service\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>Double the Power for Your Solar Project: With the right solar modules and an expert partner by your side. As an authorized Distributor for Canadian Solar in Europe, WATTKRAFT is your strategic ally. We guarantee fast delivery directly from the WATTKRAFT warehouse. Our engineers will provide technical advice and offer you comprehensive support for your project. Whether it\u2019s system planning or compatibility issues, we\u2019ll show you how Canadian Solar panels and <a href=\"\/produkte\/huawei-wechselrichter\/\">Huawei inverters<\/a> work together as a perfectly coordinated complete system.<\/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\/08\/default_C_I_Utility_Project_BadOrb_Solaranlage_A0108444-optimized-300x224.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/08\/default_C_I_Utility_Project_BadOrb_Solaranlage_A0108444-optimized-1024x766.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/08\/default_C_I_Utility_Project_BadOrb_Solaranlage_A0108444-optimized-768x575.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/08\/default_C_I_Utility_Project_BadOrb_Solaranlage_A0108444-optimized-1536x1149.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/08\/default_C_I_Utility_Project_BadOrb_Solaranlage_A0108444-optimized-2048x1532.jpg 2048w' sizes='100vw' type='image\/jpeg' \/><img src='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/08\/default_C_I_Utility_Project_BadOrb_Solaranlage_A0108444-optimized-300x224.jpg' srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/08\/default_C_I_Utility_Project_BadOrb_Solaranlage_A0108444-optimized-300x224.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/08\/default_C_I_Utility_Project_BadOrb_Solaranlage_A0108444-optimized-1024x766.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/08\/default_C_I_Utility_Project_BadOrb_Solaranlage_A0108444-optimized-768x575.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/08\/default_C_I_Utility_Project_BadOrb_Solaranlage_A0108444-optimized-1536x1149.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/08\/default_C_I_Utility_Project_BadOrb_Solaranlage_A0108444-optimized-2048x1532.jpg 2048w' sizes='100vw' width='300' height='224' alt='default_C_I_Utility_Project_BadOrb_Solaranlage_A0108444-optimized'  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\n<div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)]\">\n    <div class=\"text-heading-lg-fluid italic\" >WATTKRAFT Benefits:\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(350px, 100%), 1fr)); --mb-grid-gap: 24px; --mb-grid-align: stretch; --mb-grid-justify: stretch; --mb-grid-gap-row: var(--spacing-jumper-zero, 0); --mb-grid-gap-column: var(--spacing-jumper-md-sm, 0); --mb-grid-min-width: 350px;\"\n  >\n  <div class=\"acf-innerblocks-container\">\n<!-- unordered-list template -->\n<div >\n\t\t\t\t\t<!-- unordered-list component -->\n<ul class=\"check-list\">\n\t<li class=\"list-item-component\">\n            <p><strong>Availability:<\/strong> Direct access to the Canadian Solar product line through WATTKRAFT&#8217;s general distribution network<\/p>\n    <\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"list-item-component\">\n            <p><strong>Technical Expertise:<\/strong> Advice on selecting the optimal modules based on the system and inverter<\/p>\n    <\/li>\n<\/ul>\n\t\t\t<\/div>\n    \n\n<!-- unordered-list template -->\n<div >\n\t\t\t\t\t<!-- unordered-list component -->\n<ul class=\"check-list\">\n\t<li class=\"list-item-component\">\n            <p><strong>Fast Support:<\/strong> Priority Hotline, In-House Engineers, and Direct Sales Contacts<\/p>\n    <\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"list-item-component\">\n            <p><strong>Integrated System:<\/strong> Canadian Solar panels can be combined with <a href=\"\/produkte\/huawei-wechselrichter\/\">Huawei inverters<\/a> and storage solutions from the WATTKRAFT portfolio.<\/p>\n    <\/li>\n<\/ul>\n\t\t\t<\/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  with-watermark\"\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<!-- 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(350px, 100%), 1fr)); --mb-grid-gap: 24px; --mb-grid-align: start; --mb-grid-justify: start; --mb-grid-gap-row: var(--spacing-jumper-lg-sm, 0); --mb-grid-gap-column: var(--spacing-jumper-md-sm, 0); --mb-grid-min-width: 350px;\"\n  >\n  <div class=\"acf-innerblocks-container\">\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    <h2 class=\"text-heading-xl-fluid italic\" >The Value You Bring as a Professional Partner\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<p>No two projects are alike. That\u2019s why, as an authorized Distributor for Canadian Solar in Europe, we offer service packages that are consistently tailored to your projects and your day-to-day operations.<\/p>\n\t\t\t\t\t<\/div><\/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-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\/06\/quader_Image_Mitarbeiter_iStock-1432699825-optimized-300x200.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Image_Mitarbeiter_iStock-1432699825-optimized-1024x684.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Image_Mitarbeiter_iStock-1432699825-optimized-768x513.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Image_Mitarbeiter_iStock-1432699825-optimized-1536x1025.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Image_Mitarbeiter_iStock-1432699825-optimized-2048x1367.jpg 2048w' sizes='100vw' type='image\/jpeg' \/><img src='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Image_Mitarbeiter_iStock-1432699825-optimized-300x200.jpg' srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Image_Mitarbeiter_iStock-1432699825-optimized-300x200.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Image_Mitarbeiter_iStock-1432699825-optimized-1024x684.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Image_Mitarbeiter_iStock-1432699825-optimized-768x513.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Image_Mitarbeiter_iStock-1432699825-optimized-1536x1025.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Image_Mitarbeiter_iStock-1432699825-optimized-2048x1367.jpg 2048w' sizes='100vw' width='300' height='200' alt='Auf einem Dach montiert ein Mitarbeiter ein Solar Panel .'  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\" >For Plumbers\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    >Your efforts are focused on the project and the customer. We handle the logistics and ensure that your Canadian Solar modules are available on time.<\/div>\n\t<\/div>\n    \n\n<!-- unordered-list template -->\n<div >\n\t\t\t\t\t<!-- unordered-list component -->\n<ul class=\"check-list\">\n\t<li class=\"list-item-component\">\n            <p>Fast shipping from the WATTKRAFT warehouse<\/p>\n    <\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"list-item-component\">\n            <p>Consulting on system requirements and module selection tailored to the specific inverter<\/p>\n    <\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"list-item-component\">\n            <p>RMA Service Directly Through WATTKRAFT<\/p>\n    <\/li>\n<\/ul>\n\t\t\t<\/div>\n    \n<\/div>\n                                            <\/div>\n                <\/div>\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\/09\/quader_Image_Tier-2-Partner_SdP_Bilder-optimized-300x200.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/quader_Image_Tier-2-Partner_SdP_Bilder-optimized-1024x684.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/quader_Image_Tier-2-Partner_SdP_Bilder-optimized-768x513.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/quader_Image_Tier-2-Partner_SdP_Bilder-optimized-1536x1025.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/quader_Image_Tier-2-Partner_SdP_Bilder-optimized-2048x1367.jpg 2048w' sizes='100vw' type='image\/jpeg' \/><img src='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/quader_Image_Tier-2-Partner_SdP_Bilder-optimized-300x200.jpg' srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/quader_Image_Tier-2-Partner_SdP_Bilder-optimized-300x200.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/quader_Image_Tier-2-Partner_SdP_Bilder-optimized-1024x684.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/quader_Image_Tier-2-Partner_SdP_Bilder-optimized-768x513.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/quader_Image_Tier-2-Partner_SdP_Bilder-optimized-1536x1025.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/quader_Image_Tier-2-Partner_SdP_Bilder-optimized-2048x1367.jpg 2048w' sizes='100vw' width='300' height='200' alt='quader_Image_Tier-2-Partner_SdP_Bilder-optimized'  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\" >For Tier 2 Partners & Wholesalers\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    >Enhance your product lineup with premium solar modules from Canadian Solar. We offer comprehensive, full-service support for sales, marketing, and logistics.<\/div>\n\t<\/div>\n    \n\n<!-- unordered-list template -->\n<div >\n\t\t\t\t\t<!-- unordered-list component -->\n<ul class=\"check-list\">\n\t<li class=\"list-item-component\">\n            <p>In-stock items with predictable delivery times<\/p>\n    <\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"list-item-component\">\n            <p>Neutral Dropshipping Option (Customer Protection)<\/p>\n    <\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"list-item-component\">\n            <p>White-label marketing materials available upon request<\/p>\n    <\/li>\n<\/ul>\n\t\t\t<\/div>\n    \n<\/div>\n                                            <\/div>\n                <\/div>\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                <span class='mb-image-wrapper'><picture><source srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/default_Projektentwickler_EPC_Grossprojekte_ai-generated-optimized-300x224.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/default_Projektentwickler_EPC_Grossprojekte_ai-generated-optimized-1024x766.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/default_Projektentwickler_EPC_Grossprojekte_ai-generated-optimized-768x575.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/default_Projektentwickler_EPC_Grossprojekte_ai-generated-optimized-1536x1149.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/default_Projektentwickler_EPC_Grossprojekte_ai-generated-optimized-2048x1532.jpg 2048w' sizes='100vw' type='image\/jpeg' \/><img src='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/default_Projektentwickler_EPC_Grossprojekte_ai-generated-optimized-300x224.jpg' srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/default_Projektentwickler_EPC_Grossprojekte_ai-generated-optimized-300x224.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/default_Projektentwickler_EPC_Grossprojekte_ai-generated-optimized-1024x766.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/default_Projektentwickler_EPC_Grossprojekte_ai-generated-optimized-768x575.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/default_Projektentwickler_EPC_Grossprojekte_ai-generated-optimized-1536x1149.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/09\/default_Projektentwickler_EPC_Grossprojekte_ai-generated-optimized-2048x1532.jpg 2048w' sizes='100vw' width='300' height='224' alt='default_Projektentwickler_EPC_Grossprojekte_ai-generated-optimized'  class=\"w-full h-full object-cover\" loading='lazy'  draggable='false'><\/picture><span class='mb-image-copyright '>AI Generated<\/span><\/span>\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\" >For Project Developers (EPC)\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    >Maximize the efficiency of your large-scale projects with Canadian Solar panels. We offer in-depth engineering and the highest level of safety\u2014from planning all the way to grid connection.<\/div>\n\t<\/div>\n    \n\n<!-- unordered-list template -->\n<div >\n\t\t\t\t\t<!-- unordered-list component -->\n<ul class=\"check-list\">\n\t<li class=\"list-item-component\">\n            <p>Consulting on Module Selection for Ground-Mounted Systems (Utility-Scale)<\/p>\n    <\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"list-item-component\">\n            <p>Compatibility Testing with Tracker and Inverter Systems<\/p>\n    <\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"list-item-component\">\n            <p>Support for System Design and Yield Simulation<\/p>\n    <\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"list-item-component\">\n            <p>Direct contact with the WATTKRAFT sales team for large-scale projects<\/p>\n    <\/li>\n<\/ul>\n\t\t\t<\/div>\n    \n<\/div>\n                                            <\/div>\n                <\/div>\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 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<!-- three-part-banner template -->\n<!-- three-part-banner component -->\n\n\n<div\n    class=\"three-part-banner @container\/three-part-banner border-radius-lg overflow-hidden shadow-neutral-shadow-light\"\n     x-data=\"threepartBanner\" >\n    <div\n        class=\"three-part-banner__wrapper @three-part-banner-md\/three-part-banner:flex @three-part-banner-md\/three-part-banner:flex-row @three-part-banner-md\/three-part-banner:gap-0\">\n        <div\n            class=\"\n\t\t\tthree-part-banner__image\n\t\t\tmax-w-[px2rem(672)]\n\t\t\t@three-part-banner-sm\/three-part-banner:h-[px2rem(363)]\n\t\t\t@three-part-banner-sm\/three-part-banner:container-size\n\t\t\t@three-part-banner-md\/three-part-banner:basis-[px2rem(408)]\n\t\t\t@three-part-banner-md\/three-part-banner:grow-1\n\t\t\t@three-part-banner-md\/three-part-banner:shrink-0\n\t\t\t@three-part-banner-md\/three-part-banner:max-w-[calc(100%*1\/3)]\n            @three-part-banner-md\/three-part-banner:h-auto\"\n            \n        >\n            <picture><source srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Weinberg_Solar_Anlage_iStock-1473454407-optimized-300x200.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Weinberg_Solar_Anlage_iStock-1473454407-optimized-1024x684.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Weinberg_Solar_Anlage_iStock-1473454407-optimized-768x513.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Weinberg_Solar_Anlage_iStock-1473454407-optimized-1536x1025.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Weinberg_Solar_Anlage_iStock-1473454407-optimized-2048x1367.jpg 2048w' sizes='100vw' type='image\/jpeg' \/><img src='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Weinberg_Solar_Anlage_iStock-1473454407-optimized-300x200.jpg' srcset='https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Weinberg_Solar_Anlage_iStock-1473454407-optimized-300x200.jpg 300w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Weinberg_Solar_Anlage_iStock-1473454407-optimized-1024x684.jpg 1024w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Weinberg_Solar_Anlage_iStock-1473454407-optimized-768x513.jpg 768w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Weinberg_Solar_Anlage_iStock-1473454407-optimized-1536x1025.jpg 1536w, https:\/\/test.wattkraft.de\/en\/wp-content\/uploads\/sites\/6\/2026\/06\/quader_Weinberg_Solar_Anlage_iStock-1473454407-optimized-2048x1367.jpg 2048w' sizes='100vw' width='300' height='200' alt='In einem herbstlichen Weinberg laufen zwei Mitarbeitende an einer langen Reihe von Solarpanels vorbei.'  class=\"w-full h-full object-cover @three-part-banner-sm\/three-part-banner:project-polygon--right\" loading='lazy'  draggable='false'><\/picture>\n        <\/div>\n        <div\n            class=\"three-part-banner__content pt-scale-800 pb-scale-1100 pr-scale-600 pl-scale-600\n            @three-part-banner-md\/three-part-banner:basis-[px2rem(308)]\n            @three-part-banner-md\/three-part-banner:grow-1\n            @three-part-banner-md\/three-part-banner:pt-scale-1100\n            @three-part-banner-md\/three-part-banner:pb-scale-1100\n            @three-part-banner-md\/three-part-banner:pr-scale-1100\n            @three-part-banner-md\/three-part-banner:pl-0\n            @three-part-banner-xl\/three-part-banner:flex\n            @three-part-banner-xl\/three-part-banner:items-center\n            @three-part-banner-xl\/three-part-banner:gap-x-scale-600\n            @three-part-banner-md\/three-part-banner:-ml-[calc(var(--shaper-width)-var(--spacing-jumper-xl-md))]\">\n            <div class=\"three-part-banner__middle @three-part-banner-xl\/three-part-banner:basis-[calc((100%-var(--scale-600))\/2)]\">\n                <div class=\"text-shaper hidden @three-part-banner-md\/three-part-banner:block float-left h-[var(--shaper-height)] w-[var(--shaper-width)] \"\n                    style=\"shape-outside: var(--shaper-polygon);clip-path: var(--shaper-polygon);\"><\/div>\n                <div class=\"three-part-banner__inner-content\">\n                    \n                                            <div\n    class=\"heading-component @container w-full max-w-[px2rem(1056)]\">\n    <h2 class=\"text-heading-lg-fluid italic\" >Start Your Solar Project Now\n        <\/h2>\n<\/div>\n                    \n                    \n                    <div class=\"spacer pb-jumper-md-xs\"><\/div>\n                    <div >\n                                                    <div class=\"paragraph-component font-light text-body-md-fluid\"\n    >Our sales professionals will provide you with tailored advice on Canadian Solar panels. These are, of course, compatible with all products in the WATTKRAFT lineup, such as inverters and storage systems.<\/div>\n                                            <\/div>\n\n                                            <div class=\"spacer py-scale-600 @three-part-banner-xl\/three-part-banner:hidden\">\n                                                            <div class=\"@three-part-banner-xl\/three-part-banner:flex @three-part-banner-xl\/three-part-banner:justify-center\" >\n                                                                            <a class=\"button-component group inline-flex items-center justify-center gap-scale-300 bg-surface-secondary-light font-bold text-body-on-color-light border-radius-round shadow-btn-primary focus-visible:outline-border-secondary-focus-light hover:cursor-pointer hover:bg-surface-secondary-hover-light border border-transparent hover:border-icon-secondary-hover-light is-disabled:bg-surface-disabled-subtle-light is-disabled:text-disabled-light is-disabled:cursor-not-allowed text-btn-md py-btn-padding-block-md px-btn-padding-inline-md @three-part-banner-xl\/three-part-banner:hidden\" data-color-variant=\"default\"\n        href=\"\/kontakt\/#allgemeinformular\" target=\"_self\" >\n                            Schedule a Free Consultation\n                \n    <\/a>\n                                                                    <\/div>\n                                                    <\/div>\n                                    <\/div>\n            <\/div>\n            <div class=\"three-part-banner__extra hidden @three-part-banner-xl\/three-part-banner:block @three-part-banner-xl\/three-part-banner:basis-[calc((100%-var(--scale-600))\/2)]\">\n                                    <div class=\"@three-part-banner-xl\/three-part-banner:flex @three-part-banner-xl\/three-part-banner:justify-center\" >\n                                                    <a class=\"button-component group inline-flex items-center justify-center gap-scale-300 bg-surface-secondary-light font-bold text-body-on-color-light border-radius-round shadow-btn-primary focus-visible:outline-border-secondary-focus-light hover:cursor-pointer hover:bg-surface-secondary-hover-light border border-transparent hover:border-icon-secondary-hover-light is-disabled:bg-surface-disabled-subtle-light is-disabled:text-disabled-light is-disabled:cursor-not-allowed text-btn-md py-btn-padding-block-md px-btn-padding-inline-md\" data-color-variant=\"default\"\n        href=\"\/kontakt\/#allgemeinformular\" target=\"_self\" >\n                            Schedule a Free Consultation\n                \n    <\/a>\n                                            <\/div>\n                            <\/div>\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","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":476,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":true,"_mb_ps_status":"media-fertig","editor_notices":[],"footnotes":""},"class_list":["post-486","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>Canadian 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=\"Canadian Solar Panels - WATTKRAFT English\" \/>\n<meta property=\"og:url\" content=\"https:\/\/test.wattkraft.de\/en\/products\/solar-panels\/canadian-solar-panels\/\" \/>\n<meta property=\"og:site_name\" content=\"WATTKRAFT English\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-16T11:01:11+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\\\/canadian-solar-panels\\\/\",\"url\":\"https:\\\/\\\/test.wattkraft.de\\\/en\\\/products\\\/solar-panels\\\/canadian-solar-panels\\\/\",\"name\":\"Canadian Solar Panels - WATTKRAFT English\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/test.wattkraft.de\\\/en\\\/#website\"},\"datePublished\":\"2026-05-20T13:43:38+00:00\",\"dateModified\":\"2026-10-16T11:01:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/test.wattkraft.de\\\/en\\\/products\\\/solar-panels\\\/canadian-solar-panels\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/test.wattkraft.de\\\/en\\\/products\\\/solar-panels\\\/canadian-solar-panels\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/test.wattkraft.de\\\/en\\\/products\\\/solar-panels\\\/canadian-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\",\"item\":\"https:\\\/\\\/test.wattkraft.de\\\/en\\\/products\\\/solar-panels\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Canadian 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":"Canadian 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":"Canadian Solar Panels - WATTKRAFT English","og_url":"https:\/\/test.wattkraft.de\/en\/products\/solar-panels\/canadian-solar-panels\/","og_site_name":"WATTKRAFT English","article_modified_time":"2026-10-16T11:01:11+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/test.wattkraft.de\/en\/products\/solar-panels\/canadian-solar-panels\/","url":"https:\/\/test.wattkraft.de\/en\/products\/solar-panels\/canadian-solar-panels\/","name":"Canadian Solar Panels - WATTKRAFT English","isPartOf":{"@id":"https:\/\/test.wattkraft.de\/en\/#website"},"datePublished":"2026-05-20T13:43:38+00:00","dateModified":"2026-10-16T11:01:11+00:00","breadcrumb":{"@id":"https:\/\/test.wattkraft.de\/en\/products\/solar-panels\/canadian-solar-panels\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/test.wattkraft.de\/en\/products\/solar-panels\/canadian-solar-panels\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/test.wattkraft.de\/en\/products\/solar-panels\/canadian-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","item":"https:\/\/test.wattkraft.de\/en\/products\/solar-panels\/"},{"@type":"ListItem","position":4,"name":"Canadian 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\/486","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=486"}],"version-history":[{"count":50,"href":"https:\/\/test.wattkraft.de\/en\/wp-json\/wp\/v2\/pages\/486\/revisions"}],"predecessor-version":[{"id":34029,"href":"https:\/\/test.wattkraft.de\/en\/wp-json\/wp\/v2\/pages\/486\/revisions\/34029"}],"up":[{"embeddable":true,"href":"https:\/\/test.wattkraft.de\/en\/wp-json\/wp\/v2\/pages\/476"}],"wp:attachment":[{"href":"https:\/\/test.wattkraft.de\/en\/wp-json\/wp\/v2\/media?parent=486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}