Zendure Hyper Balkonkraftwerk

Zendure Deutschland Verified independent store

→

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; } .page-full, .page-width { padding: 0px !important; } .header-layout { padding: 0px 40px !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: 100px; } .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, .solarflow-tab-solarpanels 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; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 40px; } .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; } .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; } .layui-layer-title ::-webkit-scrollbar { display: block; } .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 {} } --> Show more