AIO 2400
body { margin: 0px; padding: 0px; font-size: 16px; font-family: 'Open Sans R', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB ', 'Microsoft YaHei', SimSun, sans-serif; color: #101D28; --master-accent-color-1: #101d28; --master-accent-color-2: #009f7f; --master-text-color-1: #101d28; --master-text-color-2: #f7f7f7; --master-text-color-3: #ffffff; --master-divider-color-1: #dcdcdc; --swiper-navigation-size: 14px; padding: 0px !important; max-width: 100% !important; margin: 0px !important; } h2 { line-height: 35px !important; font-size: 30px !important; font-family: 'Open Sans H', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif; color: #101D28; } .OpenSansH { font-family: 'Open Sans H', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif; } .OpenSansH30px { font-size: 30px; font-family: 'Open Sans H', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif; } .rte h2, .rte h2, .rte h3, .rte h4, .rte h5, .rte { margin-bottom: 0px !important; margin-top: 0px !important; } .rte>div { margin-bottom: 0px; } .mobile-title-price-wrapper { display: none !important; } p { font-size: 14px !important; font-family: 'Open Sans R', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif !important; } .rte ol, .rte p, .rte table, .rte ul { margin-bottom: 0px; } .rte a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview) { border-bottom: 0px solid; } .page-width { max-width: 100% !important; } .grid { padding: 0px 20px !important; margin-left: 0px; } .grid__item { padding-left: 0px !important; } .product-single__meta { width: 70% !important; } .content_header_Image_pc img { width: 100%; margin-top: 45px; } .content_header_Image_md img { width: 100%; margin-top: 24px; } .layui-item { padding: 35px 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 14px; background-color: #f7f7f7; border-radius: 5px; margin-bottom: 0px; cursor: pointer; } .layui-item span { margin-top: 0px; } .videoNum { text-align: left; margin-bottom: 0px; color: #757575; font-size: 14px; padding: 0px 10px; margin-bottom: 10px; } .layui-tab-content { padding: 0px; } @keyframes tobgday { from { background-color: #101d28; } to { background-color: #fff; } } @keyframes tobgnight { from { background-color: #fff; } to { background-color: #101d28; } } @keyframes upToDown { from { transform: translate(0%, -50%); } to { transform: translate(0%, 0%); } } @keyframes downToUp { from { transform: translate(0%, 50%); } to { transform: translate(0%, 0%); } } .bgday { animation: tobgday 0s linear forwards; } .bgnight { animation: tobgnight 0s linear forwards; } .upToDown { animation: upToDown 0.3s linear forwards; } .downToUp { animation: downToUp 0.3s linear forwards; } .transform0 { transform: translate(0px, 0px); } .transform100 { transform: translate(0%, 100%); } .transform-100 { transform: translate(0%, -100%); } .whiteText { color: var(--master-text-color-2); } .swiper { width: 100%; height: 830px; } .SolarFlow_Content1 { width: 100%; height: 500px; overflow: hidden; } .SolarFlow_Content1 img { width: 100%; height: 100%; object-fit: cover; } .QuikIntroList { display: flex; justify-content: center; } .QuikIntroList_FLEX { display: flex; flex-direction: column; } .QuikIntroList_Title { margin-bottom: 24px; } .row { display: flex; justify-content: space-between; margin-bottom: 16px; } .row>img { border-radius: 8px; } .rowA_img { width: 100%; height: 336px; } .rowB_img { width: 58%; height: 336px; } .rowC_img { width: 41%; height: 336px; } .text_center { text-align: center; } .QuikIntroList_Swiper { --swiper-theme-color: #ff6600; --swiper-pagination-color: rgb(0, 168, 224); position: relative; } .swiper-slide img { width: 75%; height: 100%; border-radius: 8px; } .swiper-pagination-progressbar { position: absolute; width: 30% !important; margin-left: 35%; top: 95% !important; } .pdp-image-text-horizontal-alter-one { display: flex; flex-direction: column; align-items: center; margin-top: 120px; } .pdp-image-text-horizontal-alter-one-pc { display: flex; flex-direction: row; justify-content: space-between; } .pdp-image-text-horizontal-alter-one-pc div { display: flex; flex-direction: column; justify-content: center; max-width: 520px; } .pdp-image-text-horizontal-alter-one-pc-div>h2 { font-size: 28px; } .pdp-image-text-horizontal-alter-one-pc-div>span:nth-child(1) { font-size: 24px; margin-bottom: 0px; } .pdp-image-text-horizontal-alter-one-pc-div>span:nth-child(2) { max-width: 600px; margin-top: 0px; text-align: left; margin-top: 8px; } .pdp-image-text-horizontal-alter-one-md-div { display: flex; flex-direction: column; text-align: center; } .pdp-image-text-horizontal-alter-one-md-div>span:nth-child(1) { font-size: 24px; margin-bottom: 0px; } .pdp-image-text-horizontal-alter-one-md-div>span:nth-child(2) { margin-bottom: 0px; text-align: left; margin-top: 8px; } .pdp-image-text-horizontal-alter-one-pc img { width: 50%; border-radius: 8px; } .pdp-image-text-horizontal-alter-one-pc h5 { font-weight: 400; } .pdp-image-text-horizontal-alter-one-md img { width: 100%; border-radius: 8px; box-sizing: border-box; margin-top: 20px; } .pdp-image-text-horizontal-alter-one-md { font-weight: 400; } .pdp-image-text-horizontal-alter-one-md>div:nth-child(2) { padding: 15px; box-sizing: border-box; } .pdp-image-text-container { text-align: center; margin-top: 120px; } .pdp-image-text-container h5 { color: #757575; } .pdp-image-text-container-md img { width: 100%; } .feature-list_container_product_feature_3_list { display: flex; flex-direction: column; align-items: center; margin-top: 120px; } .feature-list_container_product_feature_3 { margin-top: 0px; max-width: 1300px; } .feature-list_container_product_feature_3_header h3 { text-align: center; color: #476696; font-size: 40px !important; line-height: 40px; margin-bottom: 30px !important; } .feature-list_container_product_feature_3_main { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 20px; } .feature-list_container_product_feature_3_main img { width: 100%; padding: 0px 20px 10px 20px; box-sizing: border-box; } .feature-list_container_product_feature_3_item { text-align: center; } .feature-list_container_product_feature_3_item h5 { font-weight: 500; padding: 15px; min-height: 150px; } .solarflow-tab { display: flex; flex-direction: column; align-items: center; margin-top: 0px; } .solarflow-tab>div:nth-child(1) { margin-bottom: 30px; } .solarflow-tab>div:nth-child(1) h2 { font-size: 33px !important; padding: 0px 20px; } .layui-tab { text-align: center !important; margin: 0px; } .layui-tab-brief>.layui-tab-title .layui-this { color: rgba(0, 0, 0, .85); } .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after { border-bottom: 2px solid rgba(0, 0, 0, .85); } .solarflow-tab-header { display: flex; align-content: center; justify-content: center; } .solarflow-tab-header video { box-sizing: border-box; margin-top: 0px !important; } .solarflow-tab-header img { width: 100%; border-radius: 8px; } .left-tab-list { display: flex; flex-direction: row; margin-top: 96px; justify-content: space-between; } #tabHeader { display: flex; flex-direction: column; justify-content: space-between; } .left-tab-header .layui-item.layui-this { background-color: #101d28; color: #ffffff; } .left-tab-body>div { display: none; } .left-tab-content { display: flex; justify-content: space-between; margin-bottom: 32px; } .left-tab-content>span { display: block; } .left-tab-content>span:nth-child(1) { font-size: 40px; line-height: 40px; color: #009f7f; font-weight: 600; margin-top: 24px; margin-bottom: 24px; } .left-tab-content>span:nth-child(2) { font-size: 14px; color: #101d28; max-width: 600px; } .left-tab-body img { width: 100%; height: 470px; margin-top: 0px; border-radius: 8px; } .center-div { display: flex; justify-content: center; } .pdp-image-text-horizontal-alter-two { display: flex; flex-direction: row; justify-content: space-between; margin-top: 120px; } .pdp-image-text-horizontal-alter-two-img { width: 50%; } .pdp-image-text-horizontal-alter-two img { width: 100%; border-radius: 8px; } .pdp-image-text-horizontal-alter-two-div { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; max-width: 520px; } .pdp-image-text-horizontal-alter-two-div>span:nth-child(2) { max-width: 600px; margin-top: 8px; } .ZendureAPP-pc { margin-top: 120px; margin-bottom: 120px; } .ZendureAPP-pc img { width: 100%; border-radius: 8px; } .ZendureAPP-md img { width: 100%; border-radius: 8px; } .width1280 { width: 1280px; box-sizing: border-box; } .UserReview_FunctionHighlight_Videos_List_One { overflow: hidden; } .UserReview_FunctionHighlight_Videos_List_Two { overflow: hidden; } .layui-tab .layui-tab-title { text-align: left; border-bottom-width: 0px; } .layui-tab-title .layui-this:after { border-width: 0px; } .layui-tab .layui-tab-title li { font-weight: 600; color: rgba(0, 0, 0, .45); padding: 0px 10px; border-bottom: 1px solid rgba(0, 0, 0, .15); font-size: 18.9px; font-family: 'Open Sans H', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif; } .slash { font-size: 20px; } .layui-tab-title .layui-this { color: #101d28 !important; } .video-item { margin-top: 0px !important; } .video-tab-header { display: flex; flex-direction: row; justify-content: space-between; padding-right: 20px; } .video-tab-header div { display: flex; align-items: center; } .video-mobility { width: 30px; height: 30px; border-radius: 20px; background-color: rgb(220, 220, 220); display: flex; align-items: center !important; justify-content: center !important; margin-right: 5px; color: #757575; cursor: pointer; } .video-mobility span { color: rgb(125, 125, 125); } .video-content-item video { height: 250px; } .video-content-item-bottom { display: flex; flex-direction: row; align-items: center; padding: 10px; box-sizing: border-box; margin-bottom: 140px; } .video-content-item-bottom img { width: 100px; height: 100px; border-radius: 50%; } .video-content-item-bottom-right { display: flex; flex-direction: column; text-align: left; margin-left: 10px; } .video-content-item-bottom-right span:nth-child(1) { color: #009f7f; font-size: 14px; } .video-content-item-bottom-right span:nth-child(2) { font-weight: 600; } .layui-tab-bar { display: none; } .text-align-center { text-align: center !important; } .Lieferumfang_Div { position: relative; } .Lieferumfang { overflow: hidden; position: relative; } .Lieferumfang_title { color: #009f7f; font-size: 54px; font-weight: 600; line-height: 60px; margin-top: 100px; margin-bottom: 48px; font-family: 'Open Sans H', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif; } .Lieferumfang_Swiper_Item { display: flex; flex-direction: column; margin-top: 0px; } .Lieferumfang_Swiper_Item_Top { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 10px; } .Lieferumfang_Swiper_Item_Bottom { display: flex; flex-direction: row; justify-content: space-between; margin-top: 0px; } .Lieferumfang_Swiper_Item_50 { width: 49.7%; height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: rgb(247, 247, 247); border-radius: 8px; } .Lieferumfang_Swiper_Item_50>img { width: 250px !important; height: 150px !important; } .Lieferumfang_Swiper_Item_25 { width: 24.5%; display: flex; min-height: 220px; flex-direction: column; align-items: center; justify-content: center; background-color: rgb(247, 247, 247); border-radius: 8px; padding: 0px 15px; box-sizing: border-box; } .Lieferumfang_Swiper_Item_25>img { width: 120px !important; height: 120px !important; } .Lieferumfang_Swiper_Item_50>span:nth-child(2) { margin-top: 0px; } .Lieferumfang_Swiper_Item_50>span:nth-child(3) { color: #009f7f; text-decoration: underline; cursor: pointer; } .Lieferumfang_Swiper { --swiper-pagination-color: #00ff33; } .Lieferumfang .swiper-pagination-bullet-active { background-color: #009f7f; } .FAQS { display: flex; flex-direction: row; padding: 30px 60px; background-color: rgb(247, 247, 247); box-sizing: border-box; margin-top: 100px; border-radius: 8px; } .FAQS_Title { color: #009f7f; font-size: 60px; line-height: 60px; font-weight: 900; margin-right: 80px; font-family: 'Open Sans H', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif; } .FAQS_Content { width: 100%; } .FAQS .layui-colla-icon { left: unset; right: 15px !important; top: unset; } .FAQS .layui-colla-title { background-color: rgb(247, 247, 247); padding: 10px 20px 10px 0px; height: unset; line-height: unset; font-weight: 600; font-family: 'Open Sans H', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif; } .FAQS .layui-collapse { border-width: 0px; } .AutomatischeEnergiezuweisungOne { display: flex; flex-direction: column; align-items: center; box-sizing: border-box; } .AutomatischeEnergiezuweisungOne>span { text-align: center; } .AutomatischeEnergiezuweisungOne>h2 { font-size: 30px; text-align: center; margin-top: 60px; } .AutomatischeEnergiezuweisungOne img { width: 100%; margin-top: 40px; border-radius: 8px; } .AutomatischeEnergiezuweisungTwo { display: flex; flex-direction: column; align-items: center; box-sizing: border-box; } .AutomatischeEnergiezuweisungTwo>span { text-align: center; margin-right: 120px; margin-left: 120px; } .AutomatischeEnergiezuweisungTwo>h2 { font-size: 35px; } .AutomatischeEnergiezuweisungTwo img { width: 100%; margin-top: 40px; border-radius: 8px; } .LieferumfangTipsTab { display: flex; flex-direction: column; padding: 10px 20px 20px 20px; width: 1000px; box-sizing: border-box; } .LieferumfangTipsTabItem { display: flex; flex-direction: row; justify-content: space-between; margin-top: 10px; } .LieferumfangTipsTabItemLeftOne { width: 19.5%; border-radius: 8px; } .LieferumfangTipsTabItemLeftTwo { width: 19%; border-radius: 8px; background-color: rgba(0, 159, 127, 0.25); display: flex; padding: 24px; word-break: break-word; box-sizing: border-box; } .LieferumfangTipsTabItemRight { width: 80%; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgb(247, 247, 247); border-radius: 8px; padding: 24px 0px; } .LieferumfangTipsTabItemRight img { width: 120px; height: 80px; } .layui-tab .layui-tab-title { height: auto !important; margin-top: 96px; } .layui-tab-content .video-wrapper { height: 250px !important; padding-bottom: unset !important; } .layui-tab-content .video-wrapper iframe, .video-wrapper video { height: 250px !important; } .WIEFUNKTIONIERTSOLARFLOW { margin-top: 0px; } .WIEFUNKTIONIERTSOLARFLOW_Top { position: relative; margin-top: 104px; } .bg-button-green { background-color: #009f7f; font-size: 14px; color: #fff !important; } .bg-button-white { background-color: #fff; border: 1px solid #101d28; color: #101d28 !important; font-size: 14px; } .layui-btn:hover { opacity: 1; } .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 { color: unset; } .WIEFUNKTIONIERTSOLARFLOW_Introduce { font-size: 14px; width: 500px; min-height: 300px; } #WIEFUNKTIONIERTSOLARFLOW_Introduce_bg { position: relative; overflow: hidden; margin-top: 24px; } #WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_center { background-image: url('https://cdn.shopify.com/s/files/1/0720/4379/0616/files/data-day-night-svg-day-mountain.png?v=1695195283'); min-height: 400px; width: 100%; background-size: 100% 400px; } #WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_top { background-image: url('https://cdn.shopify.com/s/files/1/0720/4379/0616/files/data-day-night-svg-moon.png?v=1695195291'); position: absolute; width: 100%; min-height: 400px; top: -400px; background-size: 100% 400px; } #WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_bottom { background-image: url('https://cdn.shopify.com/s/files/1/0720/4379/0616/files/data-day-night-svg-sun.png?v=1695195307'); position: absolute; width: 100%; min-height: 400px; top: 0px; background-size: 100% 400px; } #WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_img { background-image: url('https://cdn.shopify.com/s/files/1/0720/4379/0616/files/1700am_b77a9301-9635-45a8-b197-5787a47e4188.gif?v=1680586328'); width: 100%; height: 537px; background-size: 100% 537px; } #WIEFUNKTIONIERTSOLARFLOW-div {} .Stromrechnung_div { margin-top: 96px; } @keyframes moveDown { 0% { transform: translateY(100%); } 100% { transform: translateY(0px); } } @keyframes moveUp { 0% { transform: translateY(0px); } 100% { transform: translateY(100%); } } .moveDownClass { animation: moveDown 0.5s ease-in-out forwards; } .moveUpClass { animation: moveUp 0.5s ease-in-out forwards; } .Stromrechnung_top { display: flex; flex-direction: row; align-items: center; margin-bottom: 48px; } .Stromrechnung_top>span:nth-child(1) { font-size: 40px; font-weight: 600; width: 385px; word-wrap: break-word; color: #101d28; font-family: 'Open Sans H', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif; } .Stromrechnung_top>div:nth-child(2) { width: 1px; height: 132px; background-color: #dcdcdc; margin-left: 60px; margin-right: 60px; } .Stromrechnung_top>div:nth-child(3)>span:nth-child(1) { font-size: 18px; color: #009f7f; margin-right: 10px; } .Stromrechnung_top>div:nth-child(3)>span:nth-child(2) { font-size: 120px; line-height: 120px; color: #009f7f; font-weight: 900; font-family: 'Open Sans H', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif; } .Stromrechnung_div_pc_item { margin-top: 0px; } .Stromrechnung_div_pc_item>div:nth-child(2) { color: #fff; border-top-right-radius: 60px; border-bottom-right-radius: 60px; text-align: right; background-color: #101d28; margin-top: 0px; } #Stromrechnung_div_item_pc_one { width: 0%; background-color: #b5b5b6; line-height: 32px; padding: 15px; box-sizing: border-box; margin-bottom: 32px; } #Stromrechnung_div_item_pc_two { width: 0%; background-color: #101d28; line-height: 50px; padding: 15px; box-sizing: border-box; } .Stromrechnung_div_pc_item>div:nth-child(2)>span:nth-child(1) { font-size: 32px; font-weight: 600; font-family: 'Open Sans H', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif; } .Stromrechnung_div_bottom { font-weight: 400; margin-top: 16px; font-size: 13px; } .Stromrechnung_div_bottom a { color: #009f7f !important; } @keyframes moveRight50 { 0% { width: 0%; } 100% { width: 50%; } } @keyframes moveRight100 { 0% { width: 0%; } 100% { width: 100%; } } @keyframes moveRight50_0 { 0% { width: 50%; } 100% { width: 0%; } } @keyframes moveRight100_0 { 0% { width: 100%; } 100% { width: 0%; } } .moveRight50Class { animation: moveRight50 0.5s ease-in-out forwards; } .moveRight100Class { animation: moveRight100 0.5s ease-in-out forwards; } .moveRight50Class_0 { animation: moveRight50_0 0.5s ease-in-out forwards; } .moveRight100Class_0 { animation: moveRight100_0 0.5s ease-in-out forwards; } .noBorder { border-bottom: 0px solid rgba(0, 0, 0, .15) !important; } #Stromrechnung_div_item_md_one { width: 0%; background-color: #101d28; line-height: 24px; padding: 24px; box-sizing: border-box; margin-bottom: 0px; color: #fff; border-bottom-right-radius: 70px; border-top-right-radius: 70px; font-size: 14px; } #Stromrechnung_div_item_md_one>div:nth-child(2) { margin-top: 0px; } #Stromrechnung_div_item_md_two { width: 0%; background-color: #101d28; line-height: 24px; padding: 24px; box-sizing: border-box; margin-bottom: 0px; color: #fff; border-bottom-right-radius: 70px; border-top-right-radius: 70px; font-size: 14px; } #Stromrechnung_div_item_md_two>div:nth-child(2) { margin-top: 0px; } .layui-colla-content { padding: 10px 15px 10px 0px; color: #333; font-weight: 400; font-size: 14px !important; font-family: 'Open Sans R', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif !important; } .layui-layer { margin-top: 0px; } .layui-btn-container { margin-top: 24px; } .pdp-image-text-container-pc>h2 { font-size: 46px; line-height: 46px; margin-bottom: 19.4px !important; } .pdp-image-text-container-pc>h5 { margin-bottom: 45px !important; } .pdp-image-text-container-pc>img { width: 100%; } .marginBottom96 { margin-bottom: 96px; } #Stromrechnung_div_item_pc_one { margin-top: 8px; } #Stromrechnung_div_item_pc_two { margin-top: 32px; } .cc-carousel__scroll-area { flex-wrap: nowrap !important; overflow-x: auto !important; } @media (max-width: 1500px) { .pdp-image-text-horizontal-alter-one-pc div { max-width: 420px; } .pdp-image-text-horizontal-alter-two-div { max-width: 420px; } .layui-tab[overflow]>.layui-tab-title { overflow: scroll; margin-top: 12px; } .width1280 { width: 1080px; } .FAQS_Title { margin-top: 40px; } .ZendureAPP-pc { width: 1080px; } .rowA_img { width: 100%; height: 280px; } .rowB_img { width: 58%; height: 280px; } .rowC_img { width: 41%; height: 280px; } .left-tab-body img { width: 100%; } .left-tab-content>span:nth-child(2) { max-width: 500px; } .AutomatischeEnergiezuweisung { width: 1080px; padding: 0px 20px; } #WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_top { min-height: 340px; background-size: 100% 340px; } #WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_center { min-height: 340px; background-size: 100% 340px; } #WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_bottom { min-height: 340px; background-size: 100% 340px; } .WIEFUNKTIONIERTSOLARFLOW_Introduce { min-height: 260px; } .left-tab-body { width: 80%; } } @media (max-width: 1024px) { body { font-size: 14px; } .width1280 { padding: 0 20px; } .AutomatischeEnergiezuweisungTwo img { margin-top: 24px !important; } .Stromrechnung_top { margin-bottom: 0px; } .FAQS_Title { margin-top: 2rem; margin-bottom: 3rem; } .left-tab-body { width: 100% !important; } .pdp-image-text-container h5 { margin-top: 24px !important; margin-bottom: 24px !important; } .layui-tab .layui-tab-title li { font-size: 17px; } .layui-btn-container { margin-top: 1.5em; } .layui-btn-container .layui-btn { margin-bottom: 1.5em; } .AutomatischeEnergiezuweisungOne>span { margin-right: 0px; } .Lieferumfang_title { margin-top: 40px; margin-bottom: 48px; } .Lieferumfang_Swiper { overflow: hidden; } .AutomatischeEnergiezuweisungTwo>span { margin-right: 0px; margin-left: 0px; margin-top: 24px !important; } .left-tab-content>span:nth-child(1) { margin-top: 32px; font-family: 'Open Sans H', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif; } .solarflow-tab>div:nth-child(1) { margin-bottom: 30px; text-align: center; } .solarflow-tab { margin-top: 30px; } .layui-tab-item { margin-top: 20px; } .Stromrechnung_div { margin-top: 40px; } .marginBottom96 { margin-bottom: 80px; } .Stromrechnung_div_pc_item { display: none !important; } .Stromrechnung_div_md_item { display: block !important; } .Stromrechnung_div__pc_item { margin-top: 0px; } .SolarFlow_Content1 { height: auto; } #Stromrechnung_div_item_md_one { margin-bottom: 16px; } .SolarFlow_Content1 img { height: auto; } .QuikIntroList { display: none; } .QuikIntroList_Swiper { display: block !important; overflow: hidden; } .pdp-image-text-horizontal-alter-one-pc { display: none !important; } .pdp-image-text-horizontal-alter-one-md { display: block !important; box-sizing: border-box; padding: 0px 20px; } .pdp-image-text-container-pc { display: none !important; } .pdp-image-text-container-md { display: block !important; padding: 0px 20px; box-sizing: border-box; margin-top: 0px; } .feature-list_container_product_feature_3 { margin-top: 0px; } .feature-list_container_product_feature_3_main { grid-template-columns: 1fr; } .content_header_Image_pc { display: none !important; } .content_header_Image_md { display: block !important; margin-bottom: 0px; margin-top: 0px; } .layui-tab { max-width: 100%; } .solarflow-tab-header-img-pc { display: none !important; } .solarflow-tab-header-img-md { display: block !important; } .solarflow-tab-header { width: 100%; height: 100%; padding: 0px 20px; box-sizing: border-box; margin-top: 0px; } .layui-tab .layui-tab-title { overflow-x: hidden; white-space: nowrap; } .solarflow-tab-header video { padding: 0px; box-sizing: border-box; margin-top: 0px !important; } .layui-tab-content { padding: 0px; } .layui-tab-item { text-align: left; font-size: 14px !important; } .left-tab-list { width: 100% !important; flex-direction: column; margin-top: 0px; } #tabHeader { flex-direction: row; justify-content: space-between; } .layui-item { padding: 12px 15px; font-size: 14px; box-sizing: border-box; min-width: 23%; } .left-tab-content { flex-direction: column; } .left-tab-body img { width: 100%; height: 100%; margin-top: 0px; } .left-tab-content>span:nth-child(2) { max-width: 100%; } .left-tab-body-item { padding: 0px; box-sizing: border-box; } .pdp-image-text-horizontal-alter-two { flex-direction: column; } .pdp-image-text-horizontal-alter-two-img { width: 100%; padding: 0px; box-sizing: border-box; } .pdp-image-text-horizontal-alter-two img { width: 100%; height: 100%; } .pdp-image-text-horizontal-alter-two-div { padding: 0px 0px 20px 0px; box-sizing: border-box; margin-top: 0px; } .ZendureAPP-pc { display: none !important; } .ZendureAPP-md { display: block !important; text-align: center; padding: 0px 20px 0px 20px; box-sizing: border-box; margin-top: 80px; margin-bottom: 80px; } .layui-tab[overflow]>.layui-tab-title { overflow: scroll; margin-top: 12px; } .video-content-item-bottom { padding: 5px; } .video-content-item-bottom img { width: 55px; height: 55px; box-sizing: border-box; } .video-content-item-bottom-right span:nth-child(1) { font-size: 12px; } .video-content-item-bottom-right span:nth-child(2) { font-size: 12px; } .video-content { padding: 0px; } .video-tab-header { margin-top: 0px; } .Lieferumfang_Swiper_Item_Top { flex-direction: column; margin-bottom: 0px; } .Lieferumfang_Swiper_Item_50 { width: 100%; margin-bottom: 10px; } .Lieferumfang_Swiper_Item_Bottom { flex-direction: row; flex-wrap: wrap; } .Lieferumfang_Swiper_Item_25 { width: 49.5%; margin-bottom: 0px; } .FAQS { flex-direction: column; padding: 0px 0px 0px 20px; } .AutomatischeEnergiezuweisung>span:nth-child(1) { font-size: 24px; margin-bottom: 0px; } .AutomatischeEnergiezuweisung>span:nth-child(2) {} .AutomatischeEnergiezuweisung img { margin-top: 20px; border-radius: 8px; } .product-single__meta { width: 100% !important; } .LieferumfangTipsTab { width: 100vw !important; } .LieferumfangTipsTab span { font-size: 12px !important; } .LieferumfangTipsTabItemLeftTwo { width: 29.5%; padding: 10px; } .LieferumfangTipsTabItemRight { width: 70%; padding: 10px 0px; } .QuikIntroList_Title { margin-bottom: 24px; } .layui-layer-title { box-sizing: border-box; padding-right: 20px; overflow: auto !important; text-overflow: clip !important; width: 90% !important; } .order1 { order: 1 } .order2 { order: 2 } .feature-list_container_product_feature_3_item h5 { min-height: unset; } .WIEFUNKTIONIERTSOLARFLOW { width: 100% !important; padding: 0px 20px 80px 20px; text-align: center; box-sizing: border-box; } .WIEFUNKTIONIERTSOLARFLOW_Introduce { width: 100% !important; } #WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_img { display: none; } .video-content-item-bottom { margin-bottom: 0px; } .pdp-image-text-horizontal-alter-one { margin-top: 80px; } .pdp-image-text-horizontal-alter-two { margin-top: 80px; } .pdp-image-text-container { margin-top: 80px; } #WIEFUNKTIONIERTSOLARFLOW-div { margin-top: 30px; } .Stromrechnung_div { width: 100%; padding: 0px 20px; box-sizing: border-box; margin-bottom: 80px; } .Stromrechnung_top { flex-direction: column; } .Stromrechnung_top>span:nth-child(1) { font-size: 30px; width: 100%; line-height: 30px; } .Stromrechnung_top>div:nth-child(2) { display: none; } .Stromrechnung_top>div:nth-child(3) { display: flex; flex-direction: row; align-items: flex-end; width: 100%; margin-top: 10px; margin-bottom: 48px; } .Stromrechnung_top>div:nth-child(3)>span:nth-child(2) { font-size: 60px; line-height: 60px; } .layui-btn-container { margin-top: 24px; } #WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_top { min-height: 100px; background-size: unset; background-image: unset; } #WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_center { min-height: 100px; background-size: unset; background-image: unset; } #WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_bottom { min-height: 100px; background-size: unset; background-image: unset; } .WIEFUNKTIONIERTSOLARFLOW_Introduce { min-height: 200px; } .WIEFUNKTIONIERTSOLARFLOW_Top { margin-top: 30px; } .video-tab { margin-top: 80px; margin-bottom: 80px; } .pdp-image-text-horizontal-alter-one-md-div {} } --> document.addEventListener('DOMContentLoaded', function () { let layuiElement = layui.element; /* 切换模块,视频,五个版本 */ let solarflow_tab_header_one = document.getElementById('solarflow-tab-header-one'); let solarflow_tab_header_two = document.getElementById('solarflow-tab-header-two'); let solarflow_tab_header_third = document.getElementById('solarflow-tab-header-third'); let solarflow_tab_header_four = document.getElementById('solarflow-tab-header-four'); /* 切换模块,图片,2个版本 */ let solarflow_tab_header_one_two = document.getElementById('solarflow-tab-header-one-two'); let solarflow_tab_header_two_two = document.getElementById('solarflow-tab-header-two-two'); /* 切换模块,视频,2个版本 */ let solarflow_tab_header_one_two_video = document.getElementById('solarflow-tab-header-one-two-video'); let solarflow_tab_header_two_two_video = document.getElementById('solarflow-tab-header-two-two-video'); /* 切换模块,图片,4个版本 */ let solarflow_tab_header_one_third = document.getElementById('solarflow-tab-header-one-third'); let solarflow_tab_header_two_third = document.getElementById('solarflow-tab-header-two-third'); let solarflow_tab_header_third_third = document.getElementById('solarflow-tab-header-third-third'); let solarflow_tab_header_four_third = document.getElementById('solarflow-tab-header-four-third'); let bg_button_one = document.getElementById('bg-button-one'); let bg_button_two = document.getElementById('bg-button-two'); let WIEFUNKTIONIERTSOLARFLOW_Introduce = document.getElementById('WIEFUNKTIONIERTSOLARFLOW_Introduce'); let WIEFUNKTIONIERTSOLARFLOW_div = document.getElementById('WIEFUNKTIONIERTSOLARFLOW-div'); let WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_top = document.getElementById('WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_top'); let WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_bottom = document.getElementById('WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_bottom'); let WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_img = document.getElementById('WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_img'); let Stromrechnung_div_item_pc_one = document.getElementById('Stromrechnung_div_item_pc_one'); let Stromrechnung_div_item_pc_two = document.getElementById('Stromrechnung_div_item_pc_two'); let Stromrechnung_div_item_md_one = document.getElementById('Stromrechnung_div_item_md_one'); let Stromrechnung_div_item_md_two = document.getElementById('Stromrechnung_div_item_md_two'); let test_hash_two = 0; SwiperInit = function () { new Swiper('.swiper-template-slider', { slidesPerView: 1, spaceBetween: 16, breakpoints: { 768: { slidesPerView: 1.5, spaceBetween: 8, }, 1024: { slidesPerView: 2.5, spaceBetween: 8, }, }, pagination: { el: '.swiper-template-slider .swiper-pagination', clickable: true, }, navigation: { nextEl: '.swiper-template-slider .swiper-button-next', prevEl: '.swiper-template-slider .swiper-button-prev', }, }); } window.addEventListener('DOMContentLoaded', SwiperInit); window.addEventListener('shopify:section:load', SwiperInit); var mySwiper2 = new Swiper('.QuikIntroList_Swiper', { direction: 'horizontal', loop: true, watchSlidesProgress: true, height: 600, slidesPerView: 'auto', breakpoints: { 320: { spaceBetween: -80, slidesPerView: 1.1 }, 768: { spaceBetween: -85 }, 1280: { spaceBetween: -90 } }, centeredSlides: true, pagination: { el: '.swiper-pagination', type: 'progressbar', } }) var mySwiper3 = new Swiper('.UserReview_FunctionHighlight_Videos_List_One', { direction: 'horizontal', slidesPerView: 2.2, spaceBetween: 15, breakpoints: { 320: { slidesPerView: 1.1, spaceBetween: 5, }, 768: { slidesPerView: 1.8, spaceBetween: 10, }, 1280: { slidesPerView: 2.2, spaceBetween: 15, } }, }) var mySwiper4 = new Swiper('.UserReview_FunctionHighlight_Videos_List_Two', { direction: 'horizontal', slidesPerView: 2.2, spaceBetween: 15, breakpoints: { 320: { slidesPerView: 1.1, spaceBetween: 5, }, 768: { slidesPerView: 1.8, spaceBetween: 10, }, 1280: { slidesPerView: 2.2, spaceBetween: 15, } }, }) /* tab 切换事件,视频,四个模块 */ layuiElement.on('tab(test-hash-one)', function (data) { if (data.index === 0) { solarflow_tab_header_one.style.display = 'none'; solarflow_tab_header_two.style.display = 'none'; solarflow_tab_header_third.style.display = 'none'; solarflow_tab_header_four.style.display = 'none'; solarflow_tab_header_one.style.display = 'block'; } else if (data.index === 1) { solarflow_tab_header_one.style.display = 'none'; solarflow_tab_header_two.style.display = 'none'; solarflow_tab_header_third.style.display = 'none'; solarflow_tab_header_four.style.display = 'none'; solarflow_tab_header_two.style.display = 'block'; } else if (data.index === 2) { solarflow_tab_header_one.style.display = 'none'; solarflow_tab_header_two.style.display = 'none'; solarflow_tab_header_third.style.display = 'none'; solarflow_tab_header_four.style.display = 'none'; solarflow_tab_header_third.style.display = 'block'; } else if (data.index === 3) { solarflow_tab_header_one.style.display = 'none'; solarflow_tab_header_two.style.display = 'none'; solarflow_tab_header_third.style.display = 'none'; solarflow_tab_header_four.style.display = 'none'; solarflow_tab_header_four.style.display = 'flex'; } }); layuiElement.on('tab(test-hash-two)', function (data) { test_hash_two = data.index; }) /* tab 切换事件,图片,2个模块 */ layuiElement.on('tab(test-hash-third)', function (data) { if (data.index === 0) { solarflow_tab_header_one_two.style.display = 'none'; solarflow_tab_header_two_two.style.display = 'none'; solarflow_tab_header_one_two.style.display = 'block'; } else if (data.index === 1) { solarflow_tab_header_one_two.style.display = 'none'; solarflow_tab_header_two_two.style.display = 'none'; solarflow_tab_header_two_two.style.display = 'block'; } }); /* tab 切换事件,视频,2个模块 */ layuiElement.on('tab(test-hash-third-video)', function (data) { if (data.index === 0) { solarflow_tab_header_one_two_video.style.display = 'none'; solarflow_tab_header_two_two_video.style.display = 'none'; solarflow_tab_header_one_two_video.style.display = 'block'; } else if (data.index === 1) { solarflow_tab_header_one_two_video.style.display = 'none'; solarflow_tab_header_two_two_video.style.display = 'none'; solarflow_tab_header_two_two_video.style.display = 'block'; } }); /* tab切换事件,图片,4个模块 */ layuiElement.on('tab(test-hash-four)', function (data) { if (data.index === 0) { solarflow_tab_header_one_third.style.display = 'none'; solarflow_tab_header_two_third.style.display = 'none'; solarflow_tab_header_third_third.style.display = 'none'; solarflow_tab_header_four_third.style.display = 'none'; solarflow_tab_header_one_third.style.display = 'block'; } else if (data.index === 1) { solarflow_tab_header_one_third.style.display = 'none'; solarflow_tab_header_two_third.style.display = 'none'; solarflow_tab_header_third_third.style.display = 'none'; solarflow_tab_header_four_third.style.display = 'none'; solarflow_tab_header_two_third.style.display = 'block'; } else if (data.index === 2) { solarflow_tab_header_one_third.style.display = 'none'; solarflow_tab_header_two_third.style.display = 'none'; solarflow_tab_header_third_third.style.display = 'none'; solarflow_tab_header_four_third.style.display = 'none'; solarflow_tab_header_third_third.style.display = 'block'; } else if (data.index === 3) { solarflow_tab_header_one_third.style.display = 'none'; solarflow_tab_header_two_third.style.display = 'none'; solarflow_tab_header_third_third.style.display = 'none'; solarflow_tab_header_four_third.style.display = 'none'; solarflow_tab_header_four_third.style.display = 'block'; } }) video_slidePrev = function () { if (test_hash_two === 0) { mySwiper3.slidePrev(); } else { mySwiper4.slidePrev(); } } video_slideNext = function () { if (test_hash_two === 0) { mySwiper3.slideNext(); } else { mySwiper4.slideNext(); } } layui.use(function () { let element = layui.element; let layer = layui.layer; let util = layui.util; // 绑定自定义的 tab 元素 element.tab({ headerElem: '#tabHeader>div', bodyElem: '#tabBody>div' }); util.on('lay-on', { 'Lieferumfang-tips-tab': function () { layer.tab({ area: ['100%', '600px'], scrollbar: false, offset: '6px', tab: [{ title: 'AIO 2400', layid: 1, content: '' + 'AIO 2400' + 'ModelZDAIO2400' + 'Capacity2,400Wh' + 'BatteryLiFePO₄' + 'Life Cycle4,000 Cycles(DOD≥80%)8,000 Cycles(DOD≥70%)' + 'Wireless TypeBluetooth, 2.4G Hz Wi-Fi' + 'IP RatingIP65' + 'Warranty10 Years' + 'PV Input↓' + 'Input DC Voltage Range16-60V' + 'Number of MPPTs2' + 'PV Input 116-60V⎓14A, 400W Max' + 'PV Input 216-60V⎓20A, 800W Max' + 'Rated DC CurrentMPPT 1: 14AMPPT 2: 20A' + 'Output to Microinverter↓' + 'Recommended power of Microinverter0-1200W' + 'Microinverter Output 116-60V⎓30A Max, 1,200W Max' + 'Microinverter Output 216-60V⎓30A Max, 1,200W Max' + 'Total Output1200W' + 'Efficiency↓' + 'MPPT Efficiency99%' + 'Output Efficiency98%' + 'Protection↓' + 'Overvoltage ProtectionYes' + 'Overcurrent ProtectionYes' + 'Temperature ProtectionYes' + 'Overcharge ProtectionYes' + 'Overdischarge ProtectionYes' + 'Self-heating FunctionYes, active from -20℃ (-4℉)' + 'Charging Temperature0℃~55℃ (32℉~131℉)' + 'Discharging Temperature-20℃~60℃ (-4℉~140℉)' + 'Dimensions and Net Weight↓' + 'Dimensions(Without Bracket and Top Cover)657 × 427 × 150 mm (25.87" x 16.81" x 5.91")' + 'Net Weight(Without Bracket and Top Cover)≈31.3 kg (69 lbs) ' + 'Net Weight(With Bracket and Top Cover)≈37 kg (81.6 lbs)' + '' }, { title: 'Microinverter EZ1-M', layid: 2, content: '' + 'Microinverter EZ1-M' + 'ModelEZ1-M' + 'Dimensions263x218x36.5mm' + 'Weight2.8kg' + 'PV(DC) Input↓' + 'Recommended PV Module Power (STC) Range300Wp-730Wp+' + 'Peak Power Tracking Voltage28V-45V' + 'Operating Voltage Range16V-60V' + 'Maximum Input Voltage60V' + 'Maximum Input Current20A x 2' + 'Isc PV25A x 2' + 'Output Data (AC)↓' + 'Rated output power799VA' + 'Nominal Output Voltage/Range230V/184V-253V' + 'Nominal Output Current3.5A' + 'Nominal Output Frequency/Range50Hz/48Hz-51Hz' + 'Output Power Factor Rating0.99' + 'Efficiency↓' + 'Peak Efficiency96.7%' + 'Nominal MPPT Efficiency99.5%' + 'Night Power Consumption20mW' + 'Mechanical Data↓' + 'Operating Ambient Temperature Range-40°C to +65°C' + 'Storage Temperature Range-40°C to +85°C' + 'CoolingNatural Convection-No Fans' + 'Enclosure Environmental RatingIP67' + 'AccessoryAC Cable' + 'AC Cable↓' + 'Cable Length1*5000mm' + 'Wire Size1.5mm²' + 'Plug TypeSchuko' + 'Features↓' + 'CommunicationBuilt-in Wi-Fi and Bluetooth' + 'Maximum units connected2' + 'Isolation DesignHigh Frequency Transformers, Galvanically Isolated' + 'Safety, EMC & Grid CompliancesEN 62109-1/-2; EN 61000-6-1/-2/-3/-4; EN 50549-1;DIN V VDE V 0126-1-1; VFR; UTE C15-712-1;CEI 0-21; UNE 217002; NTS;RD647; VDE-AR-N 4105' + '' }, { title: '840W Rigid Solar Panels', layid: 2, content: '' + '840W Rigid Solar Panels' + 'ModelLR5-54HTB-420M' + 'Cell Orientation108 (6×18)' + 'Junction BoxIP68' + 'Weight20.8kg' + 'Dimension1722×1134×30mm' + 'Electrical Characteristics*STC: AM1.5 1000W/m² 25℃, NOCT : AM1.5 800W/m² 20℃ 1m/s Test uncertainty for Pmax: ±3%' + 'Testing Condition420 (STC)314 (NOCT)' + 'Maximum Power (Pmax/W)39.03 (STC)36.65 (NOCT)' + 'Open Circuit Voltage (Voc/V)13.85 (STC)11.19 (NOCT)' + 'Short Circuit Current (Isc/A)32.76 (STC)29.89 (NOCT)' + 'Voltage at Maximum Power (Vmp/V)12.83 (STC)10.5 (NOCT)' + 'Current at Maximum Power (Imp/A)21.5' + 'Module Efficiency(%)↓' + 'Operating Parameters-40℃ ~ +85℃' + 'Operational Temperature0 ~ 3%' + 'Power Output Tolerance±3%' + 'Voc and Isc ToleranceDC1500V (IEC/UL)' + 'Maximum System Voltage25A' + 'Maximum Series Fuse Rating45±2℃' + 'Nominal Operating Cell TemperatureClasse II' + 'Protection ClassUL type 1 or 2' + 'Fire RatingIEC-Classe C' + 'Mechanical Loading↓' + 'Front Side Maximum Static Loading5400Pa' + 'Rear Side Maximum Static Loading2400Pa' + 'Hailstone Test25mm Hailstone at the speed of 23m/s' + 'Temperature Ratings(STC)↓' + 'Temperature Coefficient of Isc+0.050%/℃' + 'Temperature Coefficient of Voc-0.23%/℃' + 'Temperature Coefficient of Pmax-0.290%/℃' + '' }, {title: '210W*2 Flexible Solar Panels', layid: 3, content: '' + '210W*2 Flexible Solar Panels' + 'Cell StructureMonocrystalline' + 'Product Dimension108.3x110.4x0.25cm' + 'Net Weight≈4.5kg' + 'Rated Power210W' + 'Open Circuit Voltage25℃/49.2V' + 'Open Circuit Current25℃/5.4A' + 'Operating Voltage25℃/41.4V' + 'Operating Current25℃/5.1A' + 'Temperature CoefficientTkVoltage - 0.36%/K' + 'Temperature CoefficientTkCurrent + 0.07%/K' + 'Temperature CoefficientTkPower - 0.38%/K' + 'IP LevelIP67' + 'Module Warranty12 Years' + 'Power Warranty25 years(≥85%)' + 'CertificationCE,FCC,ROHS,REACH,IP67,WEEE' + 'Master Carton Dimensions116.5x114.4x5.5cm' + 'Include2*210W Flexible Solarpanel' + 'Gross Weight≈13.6kg' }], shadeClose: true }); } }) }); var Lieferumfang_Swiper = new Swiper('.Lieferumfang_Swiper', { pagination: { el: '.Lieferumfang .swiper-pagination', clickable: true, }, }) WIEFUNKTIONIERTSOLARFLOW_one_fn = function () { bg_button_one.className = 'layui-btn layui-btn-lg layui-btn-radius bg-button-green' bg_button_two.className = 'layui-btn layui-btn-lg layui-btn-radius bg-button-white' WIEFUNKTIONIERTSOLARFLOW_Introduce.innerHTML = 'Tagsüber fließt die von Sonnenkollektoren erzeugte Energie durch PV-Hub und wird von Mikrowechselrichtern in Wechselstrom umgewandelt, um Ihre Haushaltsgeräte zu betreiben.Überschüssige Energie wird intelligent in Akkus für den Nachtgebrauch gespeichert*, sodass Sie bis zu 32% Ihrer jährlichen Stromrechnung sparen können.*Die intelligente Flusskontrolle stellt sicher, dass überschüssige Energie tagsüber effizient gespeichert wird, und der PV-Hub (mit einem einstellbaren Bereich von 0 W bis 1200 W) speist standardmäßig 600 W an den Mikrowechselrichter ein, wodurch der Strombedarf während der Stoßzeiten vollständig gedeckt wird.' WIEFUNKTIONIERTSOLARFLOW_div.style = 'background-color: white;color:black;' WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_center.style = 'background-image:url("https://cdn.shopify.com/s/files/1/0720/4379/0616/files/data-day-night-svg-day-mountain.png?v=1695195283")' WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_top.className = 'moveDownClass' WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_bottom.className = 'moveDownClass' WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_img.style = 'background-image:url("https://cdn.shopify.com/s/files/1/0720/4379/0616/files/1700am_b77a9301-9635-45a8-b197-5787a47e4188.gif?v=1680586328")' } WIEFUNKTIONIERTSOLARFLOW_two_fn = function () { bg_button_one.className = 'layui-btn layui-btn-lg layui-btn-radius bg-button-white' bg_button_two.className = 'layui-btn layui-btn-lg layui-btn-radius bg-button-green' WIEFUNKTIONIERTSOLARFLOW_Introduce.innerHTML = 'Nachts versorgt die in den Akkus gespeicherte überschüssige Energie (erweiterbar auf bis zu 7680 Wh mit 4 Akkus) weiterhin die meisten Ihrer Haushaltsgeräte mit Strom: von Haushaltsgegenständen mit hoher Wattzahl wie Klimaanlagen, Kühlschränken bis hin zu Geräten mit niedriger Wattzahl wie WLAN-Routern, Lampen, Laptops und mehr.' WIEFUNKTIONIERTSOLARFLOW_div.style = 'background-color: #101d28;color:#fff !important;' WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_center.style = 'background-image:url("https://cdn.shopify.com/s/files/1/0720/4379/0616/files/data-day-night-svg-night-mountain.png?v=1695195299")' WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_top.className = 'moveUpClass' WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_bottom.className = 'moveUpClass' WIEFUNKTIONIERTSOLARFLOW_Introduce_bg_img.style = 'background-image:url("https://cdn.shopifycdn.net/s/files/1/0550/5312/3661/files/1700pm_a0cd58f9-bfdc-4365-a2bc-d50342ea9540_1500x.gif?v=1680510423")' } window.onscroll = function () { let Stromrechnung_div_item_pc_one_distanceFromBottom = window.innerHeight - (Stromrechnung_div_item_pc_one.offsetTop - window.pageYOffset) - Stromrechnung_div_item_pc_one.offsetHeight; let Stromrechnung_div_item_pc_two_distanceFromBottom = window.innerHeight - (Stromrechnung_div_item_pc_two.offsetTop - window.pageYOffset) - Stromrechnung_div_item_pc_two.offsetHeight; let Stromrechnung_div_item_md_one_distanceFromBottom = window.innerHeight - (Stromrechnung_div_item_md_one.offsetTop - window.pageYOffset) - Stromrechnung_div_item_md_one.offsetHeight; let Stromrechnung_div_item_md_two_distanceFromBottom = window.innerHeight - (Stromrechnung_div_item_md_two.offsetTop - window.pageYOffset) - Stromrechnung_div_item_md_two.offsetHeight; if (Stromrechnung_div_item_pc_one_distanceFromBottom > 0) { Stromrechnung_div_item_pc_one.className = 'moveRight50Class' } else { Stromrechnung_div_item_pc_one.className = 'moveRight50Class_0' } if (Stromrechnung_div_item_pc_one_distanceFromBottom > 0) { Stromrechnung_div_item_pc_two.className = 'moveRight100Class' } else { Stromrechnung_div_item_pc_two.className = 'moveRight100Class_0' } if (Stromrechnung_div_item_md_one_distanceFromBottom > 0) { Stromrechnung_div_item_md_one.className = 'moveRight100Class' } else { Stromrechnung_div_item_md_one.className = 'moveRight100Class_0' } if (Stromrechnung_div_item_md_one_distanceFromBottom > 0) { Stromrechnung_div_item_md_two.className = 'moveRight100Class' } else { Stromrechnung_div_item_md_two.className = 'moveRight100Class_0' } } })