Home Page-LumenHaus.de

<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <meta name="author" content="guanwang" /> <meta name="renderer" content="webkit" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" name="viewport" /> <title>Home Page-LumenHaus.de</title> <meta name="keywords" /> <meta name="description" content="lumenhaus" /> <link rel="shortcut icon" href="/static/de/img/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="/static/de/css/animate.min.css" /> <link rel="stylesheet" href="/static/de/css/base.css" /> <link rel="stylesheet" href="/static/de/css/reset.css" /> <script src="/static/de/js/wow.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/de/js/jquery-3.5.1.js"></script> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="592dbd94-75f9-4cd5-9bd2-17c67c7a8743" data-blockingmode="auto" type="text/javascript"></script>  <script></script> <link rel="stylesheet" href="/static/de/css/swiper-bundle.css"> <link rel="stylesheet" href="/static/de/css/index.css">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-0NRC8Q4PPN"></script> <script> window.dataLayer = window.dataLayer || []; function gtag () { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-0NRC8Q4PPN'); </script> </head> <body id="my-scrollbar"> <div class="head"> <div class="logo"> <a href="/"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/c8627db5-68c6-4388-84c2-e5d216b5b02c.png"> </a> </div> <div class="head_nav"> <div class="navge clearfix"> <div data-column="384"> <div class="nav1 fnt_18 xuan"><a href="/category/solution.html">Produkte</a></div> <div class="nav2"> <div class="w1440"> <div class="nav2_flx"> <div> <a class="nav_img" href="/category/one.html"> <img src="https://file.lumenhaus.com/upload/image/2024/11/26/074afce9-e070-46c3-91f6-404999854058.png" alt="SUNSAVER"> </a> <a class="fnt_18 nav2_tit" href="/category/one.html">SUNSAVER</a> <div ddd="M000439" class="fnt_16 nav2_des">Die Powerbank für dein Zuhause: Bereit für jeden Watt, den Sie brauchen</div> <a class="nav_more" href="/category/one.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/collection.html"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/513d123e-9d81-4b70-946c-9cae72158f26.png" alt="SUNCATCHER"> </a> <a class="fnt_18 nav2_tit" href="/category/collection.html">SUNCATCHER</a> <div ddd="M000341" class="fnt_16 nav2_des">Versorge dein Zuhause auf elegante Weise mit unseren schwarzen Solarpaneelen</div> <a class="nav_more" href="/category/collection.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/charging.html"> <img src="https://file.lumenhaus.com/upload/image/2024/11/29/d4991896-830e-4c11-bcba-0da7a4af7b1d.jpg" alt="SUNCHARGER"> </a> <a class="fnt_18 nav2_tit" href="/category/charging.html">SUNCHARGER</a> <div ddd="M000342" class="fnt_16 nav2_des">Lade dein E-Auto, E-Motorrad und künftig dein E-Bike mit dem Strom aus einer Batterie</div> <a class="nav_more" href="/category/charging.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/pump.html"> <img src="https://file.lumenhaus.com/upload/image/2024/11/26/a3373cef-d92c-4355-bedb-08c844c5f2b5.png" alt="SUNHEATER"> </a> <a class="fnt_18 nav2_tit" href="/category/pump.html">SUNHEATER</a> <div ddd="M000435" class="fnt_16 nav2_des">Minimale Lautstärke, maximale Effizienz - Wohlfühlwärme, jeden Tag</div> <a class="nav_more" href="/category/pump.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/app.html"> <img src="https://file.lumenhaus.com/upload/image/2024/11/26/745676b6-f28f-4735-9084-525f7e5041e5.jpg" alt="myLumenHaus APP"> </a> <a class="fnt_18 nav2_tit" href="/category/app.html">myLumenHaus APP</a> <div ddd="M000442" class="fnt_16 nav2_des">Intelligent, grün und sicher - Energie zum Anfassen</div> <a class="nav_more" href="/category/app.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> </div> </div> </div> </div> <div data-column="386"> <div class="nav1 fnt_18 xuan"><a href="/category/about.html">Über uns</a></div> <div class="nav2"> <div class="w1440"> <div class="nav2_flx"> <div> <a class="nav_img" href="/category/about.html"> <img src="https://file.lumenhaus.com/upload/image/2024/04/12/215fd12b-d80c-4efb-a4cb-b689377e0180.png" alt="Über LumenHaus"> </a> <a class="fnt_18 nav2_tit" href="/category/about.html">Über LumenHaus</a> <div ddd="M000347" class="fnt_16 nav2_des">Sauber, grün, günstig: Die Zukunft der Energiewende zum Mitmachen!</div> <a class="nav_more" href="/category/about.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/news/news.html"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/8ecc17e0-d3d0-4aa9-b1cf-0b005317def9.png" alt="News"> </a> <a class="fnt_18 nav2_tit" href="/news/news.html">News</a> <div ddd="M000348" class="fnt_16 nav2_des">Neuigkeiten von uns für dich.</div> <a class="nav_more" href="/news/news.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/recruit.html"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/1bfe4317-86e4-491b-b0c5-99a3e5003010.png" alt="Karriere"> </a> <a class="fnt_18 nav2_tit" href="/category/recruit.html">Karriere</a> <div ddd="M000349" class="fnt_16 nav2_des">Begleite uns auf unserem Weg und werde Teil von etwas Großem!</div> <a class="nav_more" href="/category/recruit.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> </div> </div> </div> </div> <div class="nav_line"></div> <div data-column="338"> <div class="nav1 fnt_18"><a href="/">Kunden</a></div> </div> <div data-column="339"> <div class="nav1 fnt_18"><a href="/category/partner.html">Partner</a></div> </div> </div> <a class="nav_design fnt_16" href="/system.html" style="width: auto;"><i>Konfiguriere deine Anlage</i></a> <div class="country"> <svg t="1710921325628" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5969" width="28" height="28"><path d="M499.0546170311111 431.73862741333335c0-2.5890770488888886 0-2.5890770488888886 0 0 0-2.5890770488888886 0 0 0 0z m168.28997518222224 186.4135111111111z m5.17815296 0h-5.17815296s2.5890770488888886 2.5890770488888886 5.17815296 0zM506.82184703999997 64.08975815111108c-243.37319480888888 0-442.7320888888889 196.76981703111107-442.7320888888889 442.7320888888889s196.76981703111107 442.7320888888889 442.7320888888889 442.7320888888889c243.37319480888888 0 442.7320888888889-196.76981703111107 442.7320888888889-442.7320888888889S752.7841188977778 64.08975815111108 506.82184703999997 64.08975815111108z m282.20934257777776 173.4681281422222c-15.534458879999999 0-25.890765937777775 0-38.836147768888885 7.767230008888888-5.17815296 2.5890770488888886-7.767230008888888 7.767230008888888-15.534458879999999 10.35630592-5.17815296 2.5890770488888886-12.945382968888888 0-18.123535928888888 2.5890770488888886-20.71261184 7.767230008888888-18.123535928888888 49.19245482666667-44.01430186666666 44.014300728888884-12.945382968888888-2.5890770488888886-20.71261184-18.123535928888888-28.47984184888889-28.47984184888889-5.17815296-7.767230008888888-15.534458879999999-15.534458879999999-7.7672288711111115-25.890765937777775h-10.356307057777778c5.17815296-10.35630592 18.123535928888888-7.767230008888888 20.712612977777777-12.945381831111112 5.17815296-12.945382968888888-15.534458879999999-12.945382968888888-23.301688888888886-15.534460017777777 7.767230008888888-7.767230008888888 10.35630592 2.5890770488888886 18.123535928888888 0 7.767230008888888-2.5890770488888886-2.5890770488888886-10.35630592-7.767230008888888-12.945382968888888-2.5890770488888886 0-25.890765937777775 7.767230008888888-12.945382968888888-5.17815296-18.123535928888888-10.35630592-36.247071857777776-23.301688888888886-54.37060664888888-33.657994808888894-2.5890770488888886 12.945382968888888 23.301688888888886 20.71261184 33.657994808888894 23.301688888888886-2.5890770488888886 5.17815296-10.35630592 12.945382968888888-15.534458879999999 10.35630592-5.17815296-2.5890770488888886-2.5890770488888886-12.945382968888888-12.945382968888888-10.35630592-5.17815296 15.534458879999999 12.945382968888888 10.35630592 15.534458879999999 20.712612977777777 2.5890770488888886 10.35630592-7.767230008888888 5.17815296-10.35630592 5.17815296 0 0-7.767230008888888-7.767230008888888-7.767230008888888-2.5890770488888886 0 5.17815296 10.35630592 5.17815296 12.945382968888888 10.35630592-12.945382968888888 0-20.71261184-5.17815296-31.068918897777777-10.35630592-12.945382968888888-7.767230008888888-18.123535928888888-7.767230008888888-33.657994808888894-7.767230008888888 5.17815296-2.5890770488888886 10.35630592-2.5890770488888886 15.534458879999999-5.17815296 2.5890770488888886-2.5890770488888886 10.35630592-10.35630592 10.356307057777778-12.945381831111112 2.5890770488888886-7.767230008888888 0-7.767230008888888-7.767230008888888-12.945382968888888-2.5890770488888886-2.5890770488888886-10.35630592-12.945382968888888-20.71261184-12.945382968888888-28.47984184888889-5.17815296-10.35630592 25.890765937777775-31.068918897777777 31.068918897777777-5.17815296 0-15.534458879999999-2.5890770488888886-18.123535928888888 2.5890759111111112-2.5890770488888886 2.5890770488888886-2.5890770488888886 10.35630592-5.17815296 12.945382968888888-5.17815296 5.17815296-12.945382968888888 5.17815296-18.123535928888888 10.35630592-5.17815296 2.5890770488888886-18.123535928888888 12.945382968888888-20.71261184 18.123535928888888-12.945382968888888 23.301688888888886 25.890765937777775 31.068918897777777 41.42522368 36.247071857777776 7.767230008888888 2.5890770488888886 25.890765937777775 7.767230008888888 28.479842986666664 12.945382968888888 5.17815296 7.767230008888888-5.17815296 12.945382968888888 5.17815296 18.123535928888888 2.5890770488888886 2.5890770488888886 10.35630592 2.5890770488888886 12.945381831111112-2.5890770488888886 5.17815296-5.17815296-2.5890770488888886-5.17815296-2.5890759111111112-12.945382968888888-2.5890770488888886-10.35630592 2.5890770488888886-7.767230008888888 7.767230008888888-10.35630592 10.35630592-7.767230008888888 7.767230008888888-10.35630592 5.17815296-23.301688888888886-2.5890770488888886-5.17815296-10.35630592-23.301688888888886-2.5890770488888886-28.47984184888889 7.767230008888888-5.17815296 25.890765937777775 2.5890770488888886 33.657994808888894 5.17815296 7.767230008888888 0 12.945382968888888 10.35630592 15.534460017777777 15.534458879999999 2.5890770488888886 2.5890770488888886 7.767230008888888 7.767230008888888 12.945381831111112 7.767230008888888 7.767230008888888 0 5.17815296-7.767230008888888 7.767230008888888-10.35630592 12.945382968888888-7.767230008888888 15.534458879999999 2.5890770488888886 20.712612977777777 12.945382968888888 5.17815296 10.35630592 7.767230008888888 12.945382968888888 15.534458879999999 20.71261184 2.5890770488888886 2.5890770488888886 20.71261184 12.945382968888888 18.123535928888888 20.71261184 0 5.17815296-18.123535928888888 10.35630592-23.301688888888886 12.945382968888888-18.123535928888888 5.17815296-51.78153073777778-10.35630592-54.37060778666666 18.123535928888888 7.767230008888888-2.5890770488888886 25.890765937777775-18.123535928888888 31.068918897777777-10.35630592 2.5890770488888886 2.5890770488888886-2.5890770488888886 7.767230008888888 0 12.945382968888888 2.5890770488888886 10.35630592 10.35630592 7.767230008888888 20.71261184 5.17815296h-2.5890759111111112c10.35630592-5.17815296 10.35630592-5.17815296 15.534458879999999-12.945382968888888 2.5890770488888886-2.5890770488888886 5.17815296-10.35630592 7.767230008888888-12.945382968888888 7.767230008888888-7.767230008888888 10.35630592-2.5890770488888886 15.534458879999999 2.5890770488888886 2.5890770488888886 2.5890770488888886 12.945382968888888 20.71261184 10.35630592 18.123535928888888-15.534458879999999-2.5890770488888886-28.47984184888889-2.5890770488888886-41.42522481777778 5.17815296-7.767230008888888 5.17815296-12.945382968888888 10.35630592-20.71261184 12.945382968888888-2.5890770488888886 0-18.123535928888888 2.5890770488888886-15.534458879999999 0 2.5890770488888886-2.5890770488888886 10.35630592-5.17815296 15.534458879999999-10.356307057777778-10.35630592-5.17815296-18.123535928888888 5.17815296-25.890765937777775 10.356307057777778-7.767230008888888 2.5890770488888886-10.35630592 10.35630592-15.534458879999999 18.123534791111112-2.5890770488888886 2.5890770488888886-7.767230008888888 2.5890770488888886-10.35630592 7.767230008888888-2.5890770488888886 2.5890770488888886-2.5890770488888886 7.767230008888888-5.17815296 12.945382968888888-2.5890770488888886 2.5890770488888886-7.767230008888888 0-7.767230008888888 5.17815296-2.5890770488888886 5.17815296 2.5890770488888886 7.767230008888888 0 12.945382968888888s-12.945382968888888 10.35630592-18.123535928888888 15.534458879999999l2.5890770488888886-2.5890759111111112c-5.17815296 5.17815296-10.35630592 7.767230008888888-12.945382968888888 12.945381831111112 2.5890770488888886 7.767230008888888 7.767230008888888 25.890765937777775 5.17815296 28.47984184888889-12.945382968888888 10.35630592-20.71261184-10.35630592-25.890765937777775-15.534458879999999-12.945382968888888-18.123535928888888-36.247071857777776-5.17815296-54.37060664888888-5.17815296-20.71261184 2.5890770488888886-41.42522481777778 28.47984184888889-28.47984184888889 51.78153073777778 5.17815296 10.35630592 18.123535928888888 15.534458879999999 28.47984184888889 12.945382968888888 10.35630592-2.5890770488888886 12.945382968888888-18.123535928888888 23.301688888888886-18.123535928888888 18.123535928888888 0 0 18.123535928888888 0 25.890765937777775-2.5890770488888886 5.17815296 2.5890770488888886 7.767230008888888 7.7672288711111115 7.7672288711111115 5.17815296 0 12.945382968888888-2.5890770488888886 15.534460017777777 0 2.5890770488888886 2.5890770488888886 2.5890770488888886 10.35630592 5.17815296 7.767230008888888-7.767230008888888 5.17815296-5.17815296 20.71261184 2.5890759111111112 25.8907648 7.767230008888888 5.17815296 18.123535928888888 0 25.890765937777775 2.5890770488888886 15.534458879999999 5.17815296 7.767230008888888 0 23.301688888888886-10.35630592 10.35630592-5.17815296 10.35630592 0 18.123535928888888 0 5.17815296 0 7.767230008888888-5.17815296 15.534458879999999-5.17815296 5.17815296 2.5890770488888886 7.767230008888888 5.17815296 15.534460017777777 7.7672288711111115h7.7672288711111115c12.945382968888888 2.5890770488888886 23.301688888888886 10.35630592 33.657994808888894 18.123535928888888 7.767230008888888 5.17815296 15.534458879999999 5.17815296 25.890765937777775 7.767230008888888 7.767230008888888 2.5890770488888886 20.71261184 12.945382968888888 20.71261184 23.301688888888886 0 2.5890770488888886-7.767230008888888 10.35630592-7.7672288711111115 12.945382968888888 2.5890770488888886 2.5890770488888886 15.534458879999999-2.5890770488888886 18.123535928888888-2.5890770488888886 0 2.5890770488888886-10.35630592 7.767230008888888-10.356307057777778 5.17815296 0 2.5890770488888886 5.17815296 5.17815296 7.767230008888888 5.17815296 5.17815296-15.534458879999999 12.945382968888888-5.17815296 20.712612977777777-2.5890759111111112 7.767230008888888 2.5890770488888886 18.123535928888888 2.5890770488888886 25.8907648 5.17815296 7.767230008888888 2.5890770488888886 23.301688888888886 7.767230008888888 28.47984184888889 12.945382968888888 5.17815296 7.767230008888888 2.5890770488888886 18.123535928888888-2.5890759111111112 25.8907648-5.17815296 10.35630592-15.534458879999999 12.945382968888888-20.712612977777777 23.301688888888886-2.5890770488888886 7.767230008888888 0 18.123535928888888-2.5890759111111112 25.890765937777775-2.5890770488888886 12.945382968888888-5.17815296 7.767230008888888-12.945382968888888 15.534458879999999s0 5.17815296-10.35630592 10.35630592-18.123535928888888 2.5890770488888886-25.890765937777775 12.945382968888888v-2.5890759111111112c-2.5890770488888886 5.17815296-5.17815296 12.945382968888888-5.17815296 15.534458879999999-2.5890770488888886 7.767230008888888-7.767230008888888 10.35630592-12.945382968888888 15.534458879999999-2.5890770488888886 2.5890770488888886-20.71261184 28.47984184888889-20.71261184 25.890765937777775-2.5890770488888886-2.5890770488888886-15.534458879999999 2.5890770488888886-15.534460017777777 0 0 2.5890770488888886 0 2.5890770488888886 2.5890770488888886 5.17815296-2.5890770488888886 20.71261184-12.945382968888888 23.301688888888886-33.657994808888894 23.301688888888886 2.5890770488888886 10.35630592-7.767230008888888 7.767230008888888-12.945382968888888 12.945382968888888-2.5890770488888886 2.5890770488888886-2.5890770488888886 12.945382968888888-5.17815296 15.534458879999999 0 2.5890770488888886-10.35630592 12.945382968888888-10.35630592 15.534458879999999 0 2.5890770488888886 2.5890770488888886 5.17815296 5.17815296 7.767230008888888-15.534458879999999 2.5890770488888886-28.47984184888889 5.17815296-44.01430186666666 5.17815296 2.5890770488888886-2.5890770488888886 2.5890770488888886-7.767230008888888-5.17815296-7.767230008888888 2.5890770488888886-7.767230008888888 7.767230008888888-10.35630592 10.35630592-15.534458879999999v-7.767230008888888c2.5890770488888886-10.35630592 2.5890770488888886-5.17815296 0-12.945381831111112-5.17815296-18.123535928888888 2.5890770488888886-23.301688888888886 7.767230008888888-41.42522481777778 5.17815296-18.123535928888888 5.17815296-38.836147768888885 7.767230008888888-59.548760746666666 2.5890770488888886-7.767230008888888 5.17815296-28.47984184888889 0-36.247071857777776-2.5890770488888886-10.35630592-18.123535928888888-18.123535928888888-25.890765937777775-23.301688888888886-10.35630592-10.35630592-15.534458879999999-18.123535928888888-23.301688888888886-31.068917759999998-2.5890770488888886-5.17815296-7.767230008888888-10.35630592-10.35630592-18.123535928888888-5.17815296-12.945382968888888 0-5.17815296 0-12.945382968888888s0-15.534458879999999 2.5890770488888886-23.301688888888886c2.5890770488888886-7.767230008888888 10.35630592-15.534458879999999 15.534458879999999-23.301688888888886 2.5890770488888886-7.767230008888888 0-18.123535928888888-7.767230008888888-20.712612977777777-5.17815296-2.5890770488888886-10.35630592 2.5890770488888886-12.945382968888888 0-5.17815296 0-12.945382968888888-5.17815296-18.123534791111112-10.35630592-7.767230008888888-5.17815296-10.35630592-12.945382968888888-18.123535928888888-18.123535928888888-5.17815296-5.17815296-10.35630592-2.5890770488888886-18.123535928888888-2.5890759111111112-7.767230008888888-2.5890770488888886-10.35630592-10.35630592-15.534460017777777-12.945382968888888-7.767230008888888-5.17815296-12.945382968888888 2.5890770488888886-20.71261184 0-7.767230008888888 0-18.123535928888888-10.35630592-25.890765937777775-12.945382968888888-15.534458879999999-5.17815296-23.301688888888886-12.945382968888888-28.47984184888889-28.47984184888889-5.17815296-12.945382968888888-12.945382968888888-18.123535928888888-20.71261184-28.47984184888889-7.767230008888888-10.35630592-10.35630592-18.123535928888888-23.301688888888886-23.301688888888886-2.5890770488888886 0 2.5890770488888886 10.35630592 2.5890759111111112 12.945382968888888 5.17815296 7.767230008888888 12.945382968888888 15.534458879999999 18.123535928888888 25.8907648 7.767230008888888 12.945382968888888 5.17815296 12.945382968888888-2.5890759111111112 2.5890770488888886-10.35630592-12.945382968888888-20.71261184-25.890765937777775-28.47984184888889-38.836147768888885 5.17815296 5.17815296 5.17815296 0 0-5.178154097777777s-12.945382968888888-7.767230008888888-15.534460017777777-12.945381831111112c-18.123535928888888-15.534458879999999-20.71261184-38.836147768888885-20.71261184-62.137837795555555 0-7.767230008888888 2.5890770488888886-12.945382968888888 2.5890759111111112-20.71261184 0-5.17815296-5.17815296-10.35630592-10.35630592-15.534458879999999-2.5890770488888886-2.5890770488888886-5.17815296-7.767230008888888-5.17815296-7.767230008888888-5.17815296-7.767230008888888-7.767230008888888-12.945382968888888-12.945382968888888-18.123535928888888-2.5890770488888886-2.5890770488888886-12.945382968888888-10.35630592-23.301688888888886-18.123535928888888 41.42522481777778-51.78153073777778 95.79583260444444-93.20675555555555 157.93366926222222-119.09752035555556 0 2.5890770488888886 2.5890770488888886 5.17815296 2.5890770488888886 10.35630592 7.767230008888888 7.767230008888888 12.945382968888888 7.767230008888888 20.71261184 10.35630592 0 10.35630592-15.534458879999999 12.945382968888888-23.301688888888886 10.35630592-10.35630592-2.5890770488888886-23.301688888888886-5.17815296-31.068917759999998 5.17815296 5.17815296 2.5890770488888886 20.71261184 15.534458879999999 18.123534791111112 2.5890770488888886h31.068918897777777c5.17815296 0 18.123535928888888 5.17815296 20.712612977777777 2.5890759111111112 2.5890770488888886 0 2.5890770488888886-7.767230008888888 5.17815296-10.35630592-2.5890770488888886 0-5.17815296-2.5890770488888886-7.767230008888888 0 7.767230008888888-7.767230008888888 12.945382968888888-2.5890770488888886 23.301688888888886 2.5890770488888886-10.35630592 5.17815296-2.5890770488888886 20.71261184 5.17815296 7.7672288711111115 7.767230008888888-10.35630592-2.5890770488888886-15.534458879999999-10.35630592-20.71261184 10.35630592-12.945382968888888 15.534458879999999-12.945382968888888 25.8907648 0 2.5890770488888886-7.767230008888888 7.767230008888888-5.17815296 15.534460017777777-5.17815296v-2.5890770488888886c-2.5890770488888886 0-7.767230008888888-2.5890770488888886-10.35630592-2.5890759111111112 7.767230008888888-12.945382968888888 2.5890770488888886-15.534458879999999 12.945381831111112-18.123535928888888 7.767230008888888-2.5890770488888886 31.068918897777777 0 36.247071857777776-7.767230008888888-15.534458879999999 2.5890770488888886-36.247071857777776 5.17815296-51.78153073777778 10.35630592-7.767230008888888 2.5890770488888886-12.945382968888888 12.945382968888888-20.71261184 7.767230008888888-7.767230008888888-7.767230008888888 5.17815296-18.123535928888888 10.35630592-20.71261184h-2.5890770488888886c25.890765937777775-5.17815296 54.37060778666666-7.767230008888888 82.85044963555556-7.767230008888888 18.123535928888888 0 36.247071857777776 2.5890770488888886 54.37060778666666 2.5890770488888886-5.17815296 2.5890770488888886-2.5890770488888886 5.17815296-5.17815296 7.7672288711111115-7.767230008888888 5.17815296-23.301688888888886 10.35630592-33.65799594666667 15.534460017777777 12.945382968888888 0 44.014300728888884 12.945382968888888 49.19245482666667-5.178154097777777-5.17815296 0-7.767230008888888 0-12.945382968888888-2.5890759111111112 7.767230008888888-5.17815296 15.534458879999999-10.35630592 25.890765937777775-12.945382968888888 75.08321962666668 18.123535928888888 147.57736334222224 59.548760746666666 199.35889294222224 116.50844444444445 2.5890770488888886 0 0 0 0 0z m72.49414371555555 155.34459221333333c0-2.5890770488888886 2.5890770488888886-2.5890770488888886 2.5890770488888886-2.5890759111111112 2.5890770488888886-2.5890770488888886 0-5.17815296 2.5890759111111112-7.767230008888888 2.5890770488888886-2.5890770488888886 5.17815296-2.5890770488888886 7.767230008888888-5.17815296l2.5890759111111112-2.5890759111111112c7.767230008888888 18.123535928888888 12.945382968888888 36.247071857777776 15.534460017777777 56.95968369777778l-7.767230008888888 2.5890759111111112c-5.17815296 0-7.767230008888888-2.5890770488888886-10.35630592-5.17815296l-10.35630592-10.35630592c-2.5890770488888886-5.17815296 0-7.767230008888888 0-12.945382968888888-2.5890770488888886-5.17815296-5.17815296-10.35630592-2.5890770488888886-12.945382968888888z m5.17815296 201.94797112888887c-7.767230008888888-7.767230008888888-15.534458879999999-15.534458879999999-20.71261184-23.301688888888886-5.17815296-10.35630592-2.5890770488888886-18.123535928888888-2.5890770488888886-28.47984184888889 0-7.767230008888888-5.17815296-20.71261184 0-28.47984184888889l7.767230008888888-7.767230008888888c2.5890770488888886-5.17815296 2.5890770488888886-10.35630592 7.7672288711111115-15.534458879999999 5.17815296-5.17815296 10.35630592-7.767230008888888 15.534460017777777-12.945382968888888 5.17815296-5.17815296 5.17815296-7.767230008888888 7.7672288711111115-15.534460017777777 2.5890770488888886-5.17815296 7.767230008888888-12.945382968888888 12.945382968888888-15.534458879999999 2.5890770488888886 20.71261184 5.17815296 38.836147768888885 5.17815296 59.548760746666666 0 33.657994808888894-5.17815296 69.90506666666667-12.945381831111112 100.97398556444443-7.767230008888888-2.5890770488888886-15.534458879999999-7.767230008888888-20.712612977777777-12.945382968888888z m0 0" fill="#5d676b" p-id="5970"></path></svg> <div class="country_list"> <a href="http://www.lumenhaus.com" target="_blank">English</a> <a href="http://www.lumenhaus.de" target="_blank">Deutsch</a> </div> </div> <div class="phone_menu"> <span></span> <span></span> <span></span> </div> </div> </div> <script> $(window).on('load', function() { new WOW().init(); }); var _width=$(window).width(); if(_width>768){ $(".navge>div").hover(function(){ $(this).find(".nav2").stop().slideDown(); },function(){ $(this).find(".nav2").stop().slideUp(); }) }else{ $(".nav1").click(function(){ $(this).toggleClass("xuan_act") $(this).next().stop().slideToggle(); $(this).parent().siblings().find(".nav1").removeClass("xuan_act"); $(this).parent().siblings().find(".nav2").slideUp(); }) $('.nav_design').css("font-size", "calc(20/750*100vw)"); } $(".country").hover(function(){ $(this).find(".country_list").stop().slideDown(); },function(){ $(this).find(".country_list").stop().slideUp(); }) $(".phone_menu").click(function(){ $(this).toggleClass("menu_act"); $(".navge").stop().slideToggle(); }) </script> <section class="page1"> <div class="swiper-container banner"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="text"> <p class="fnt_65">Nie wieder für teuren und dreckigen Strom zahlen! Werde jetzt dein eigener, grüner Stromversorger</p> <span class="fnt_18">Wir machen dich zum Helden deiner eigenen, sicheren Energiewende</span> <div class="btn"> <a href="/system.html"> <i class="fnt_18">Konfiguriere deine Anlage</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#444444" p-id="15956"></path> </svg> </a> </div> </div> <div class="banner-video"> <video src="https://file.lumenhaus.com/upload/video/2024/11/12/83ddf5e5-d646-4c4a-9537-420c2fa46097.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="port" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="https://file.lumenhaus.com/upload/image/2024/04/09/f5400f85-a1fe-4798-80ae-a381a88ed571.png" class="mtz-vlc-odecb"> your browser does not support the video tag </video> </div> </div> </div> <div class="swiper-pagination banner_pagination cf"></div> </div> </section> <section class="page2"> <div class="video-box"> <div class="tit fnt_40 f_up">Dein neues Energiesystem für dein Zuhause<br>Alle Komponenten sind präzise aufeinander abgestimmt.<br>Ob einzeln oder gemeinsam.</div> <video src="https://file.lumenhaus.com/upload/video/2024/04/28/683ee558-6317-40d2-97c0-af023b3c7a7f.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="https://file.lumenhaus.com/upload/image/2024/04/09/f3ed4190-9648-430d-a44b-9722147271aa.jpg" class="video-p2"> your browser does not support the video tag </video> </div> <div class="txt-ctn"> <div class="w1440"> <div class="tab"> <p class="fnt_24 on">Strom selber produzieren</p> <p class="fnt_24">Stets clever managen</p> <p class="fnt_24">Bei Nacht nutzen</p> <p class="fnt_24">Dein Backup bei Stromausfall</p> <div class="line"></div> </div> <div class="des"> <div class="text on"> <p class=" fnt_18">Wenn deine Solaranlage mehr Strom produziert, als du verbrauchst, kannst du die überschüssige Energie mit dem SUNSAVER speichern und für später nutzen. Der SUNSAVER kann außerdem Strom aus dem Netz beziehen, wenn die Strompreise niedrig sind.</p> </div> <div class="text"> <p class=" fnt_18">Die gespeicherte Energie steht dir jederzeit zur Verfügung – tagsüber, nachts oder bei einem Stromausfall. Ein SUNSAVER kann solche Ausfälle temporär* überbrücken und das gesamtes Zuhause mit Strom versorgen, einschließlich Heizung, Wärmepumpe, Klimaanlage und anderen großen Geräten.</p> </div> <div class="text"> <p class=" fnt_18">Unter Berücksichtigung deines Verbrauchsverlaufs, der Wettervorhersage und der geschätzten Strompreise optimiert SUNSAVER deine gespeicherte Energie, um dein Zuhause Tag und Nacht effizienter mit Strom zu versorgen.</p> </div> <div class="text"> <p class=" fnt_18">Mach dir keine Gedanken mehr, wenn der Strom ausfällt, während du deinen Urlaub genießt. Dein neues LumenHaus Energiesystem agiert wie ein zuverlässiger Butler, der dein Zuhause stets im Griff hat.</p> </div> </div> <div class="swiper-container p2swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p class="fnt_24">Strom selber produzieren</p> <span class="fnt_18">Wenn deine Solaranlage mehr Strom produziert, als du verbrauchst, kannst du die überschüssige Energie mit dem SUNSAVER speichern und für später nutzen. Der SUNSAVER kann außerdem Strom aus dem Netz beziehen, wenn die Strompreise niedrig sind.</span> </div> <div class="swiper-slide"> <p class="fnt_24">Stets clever managen</p> <span class="fnt_18">Die gespeicherte Energie steht dir jederzeit zur Verfügung – tagsüber, nachts oder bei einem Stromausfall. Ein SUNSAVER kann solche Ausfälle temporär* überbrücken und das gesamtes Zuhause mit Strom versorgen, einschließlich Heizung, Wärmepumpe, Klimaanlage und anderen großen Geräten.</span> </div> <div class="swiper-slide"> <p class="fnt_24">Bei Nacht nutzen</p> <span class="fnt_18">Unter Berücksichtigung deines Verbrauchsverlaufs, der Wettervorhersage und der geschätzten Strompreise optimiert SUNSAVER deine gespeicherte Energie, um dein Zuhause Tag und Nacht effizienter mit Strom zu versorgen.</span> </div> <div class="swiper-slide"> <p class="fnt_24">Dein Backup bei Stromausfall</p> <span class="fnt_18">Mach dir keine Gedanken mehr, wenn der Strom ausfällt, während du deinen Urlaub genießt. Dein neues LumenHaus Energiesystem agiert wie ein zuverlässiger Butler, der dein Zuhause stets im Griff hat.</span> </div> </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> </div> </section> <section class="page3"> <div class="img"> <img src="https://file.lumenhaus.com/upload/image/2024/03/29/e8edad74-fe28-4c63-aafa-16a0e173be5a.jpg" alt="Und das gute Gefühl gibt's gratis dazu"> </div> <div class="w1440"> <div class="text"> <p class="fnt_65 f_up">Und das gute Gefühl gibt's gratis dazu</p> <span class="fnt_30 f_up">Verfügbarkeit, Einsparungen und Kosten hier ermitteln</span> <a href="/category/solution.html" class="f_up"> <i class="fnt_18">More Information</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#444444" p-id="15956"></path> </svg> </a> </div> </div> </section> <section class="page4"> <div class="swiper-container page4sw"> <div class="swiper-wrapper"> <div class="swiper-slide item cut1 on"> <div class="text"> <p class="fnt_54">So geht's</p> <span class="fnt_24">Schritt 1 </span> <em class="fnt_18">Klicke auf "Konfiguriere deine Anlage". Nachdem du die grundlegenden Informationen über dein Zuhause ausgewählt und angegeben hast, wird dir unser System eine maßgeschneiderte Energielösung – dein persönliches "Heimkraftwerk" – vorschlagen. Schnell, effizient und kostensparend.</em> <a href="/system.html"> <i class="fnt_18">Design Your System</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#fff" p-id="15956"></path> </svg> </a> </div> </div> <div class="swiper-slide item cut2"> <div class="text"> <p class="fnt_54">Energiewende leicht gemacht</p> <span class="fnt_24">Schritt 2</span> <em class="fnt_18">Einen Augenblick! Ein Mitarbeiter von LumenHaus wird sich in Kürze mit dir in Verbindung setzen. Wir bieten persönliche Beratung und Vor-Ort-Services, um dir maßgeschneiderte Lösungen für deine speziellen Anforderungen zu liefern.</em> <a href="/system.html"> <i class="fnt_18">Design Your System</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#fff" p-id="15956"></path> </svg> </a> </div> </div> <div class="swiper-slide item cut3"> <div class="text"> <p class="fnt_54">So geht's</p> <span class="fnt_24">Schritt 3</span> <em class="fnt_18">Beginne heute deine Reise mit grüner Energie und werde der Held deiner ganz persönlichen Energiewende. Mit unseren regionalen Installateurspartnern - wir nennen sie Lumenatoren - bieten wir dir einen effizienten und zuverlässigen Installationsservice.</em> <a href="/system.html"> <i class="fnt_18">Design Your System</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#fff" p-id="15956"></path> </svg> </a> </div> </div> </div> </div> <div class="video-bg"> <video src="https://file.lumenhaus.com/upload/video/2024/04/09/b1a6d30c-ab6c-4585-bc46-9c0f0fbca37d.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="https://file.lumenhaus.com/upload/image/2024/04/09/18c929a8-e685-4f42-89a3-8df24650b387.jpg" class="videobg videoitem0"> your browser does not support the video tag </video> <video src="https://file.lumenhaus.com/upload/video/2024/04/09/3f103ceb-3c21-4e4c-bd4c-7852a3391cda.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="https://file.lumenhaus.com/upload/image/2024/04/09/a809a363-348c-4296-aea3-8440f6b0c44c.jpg" class="videobg videoitem1"> your browser does not support the video tag </video> <video src="https://file.lumenhaus.com/upload/video/2024/04/09/7145c01f-b313-44fe-b6f2-305b840253b6.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="https://file.lumenhaus.com/upload/image/2024/04/09/01684b60-d898-4933-b7ea-4d57f60df26b.jpg" class="videobg videoitem2"> your browser does not support the video tag </video> </div> <div class="svgbox"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg" viewBox="0 0 1024 1024" version="1.1"> <path id="svgPath" fill-rule="evenodd" stroke="rgb(246, 146, 34)" stroke-width="1px" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M23.500,1.500 C23.500,1.500 -88.086,168.789 197.500,226.500 C197.500,226.500 402.402,233.863 335.500,416.500 C335.500,416.500 74.023,942.250 314.500,893.500 C314.500,893.500 555.969,819.695 717.500,933.500 " />  <circle id="svgHalo" cx="0" cy="0" r="40" fill="#dda884" fill-opacity="0.1"></circle>  <circle id="svgDian" cx="0" cy="0" r="8" fill="#d9722c"></circle> </svg> </div> <div class="w1600"> <div class="item cut1 on"> <div class="text"> <p class="fnt_54">So geht's</p> <span class="fnt_24">Schritt 1 </span> <em class="fnt_18">Klicke auf "Konfiguriere deine Anlage". Nachdem du die grundlegenden Informationen über dein Zuhause ausgewählt und angegeben hast, wird dir unser System eine maßgeschneiderte Energielösung – dein persönliches "Heimkraftwerk" – vorschlagen. Schnell, effizient und kostensparend.</em> <a href="/system.html"> <i class="fnt_18">Deine Anlage konfigurieren</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#fff" p-id="15956"></path> </svg> </a> </div> </div> <div class="item cut2"> <div class="text"> <p class="fnt_54">Energiewende leicht gemacht</p> <span class="fnt_24">Schritt 2</span> <em class="fnt_18">Einen Augenblick! Ein Mitarbeiter von LumenHaus wird sich in Kürze mit dir in Verbindung setzen. Wir bieten persönliche Beratung und Vor-Ort-Services, um dir maßgeschneiderte Lösungen für deine speziellen Anforderungen zu liefern.</em> <a href="/system.html"> <i class="fnt_18">Deine Anlage konfigurieren</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#fff" p-id="15956"></path> </svg> </a> </div> </div> <div class="item cut3"> <div class="text"> <p class="fnt_54">So geht's</p> <span class="fnt_24">Schritt 3</span> <em class="fnt_18">Beginne heute deine Reise mit grüner Energie und werde der Held deiner ganz persönlichen Energiewende. Mit unseren regionalen Installateurspartnern - wir nennen sie Lumenatoren - bieten wir dir einen effizienten und zuverlässigen Installationsservice.</em> <a href="/system.html"> <i class="fnt_18">Deine Anlage konfigurieren</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#fff" p-id="15956"></path> </svg> </a> </div> </div> </div> </section> <section class="page5" style="height: 1080px; display: flex ; align-items: center; justify-content: center;"> <div class="w1440" style="background-image:url(https://file.lumenhaus.com/upload/image/2025/01/09/3436f886-35b1-44fa-a838-392edcb54fd8.png);height: 864px; background-size: 100% auto; background-repeat: no-repeat;border-radius: 24px;aspect-ratio: 1440 / 864;width:auto"> <div class="text" style="position: absolute; top: 88px; left: 100px;"> <p class="fnt_56 f_up">myLumenHaus APP</p> <span class="fnt_36 f_up">Sofort alles im Blick - egal<br>wo du bist</span> <i class="f_up fnt_18">• Deine aktuellen Verbräuche </i> <i class="f_up fnt_18">• Speicherstände </i> <i class="f_up fnt_18">• Ladung und Entladung deiner Batterie </i> <i class="f_up fnt_18">• Einspeisung deiner PV-Anlage </i> <i class="f_up fnt_18">• Ladung deines Elektroautos </i> <i class="f_up fnt_18">• Wetterdaten </i> <div class="btn f_up"> </div> </div> </div> </section> <section class="page6"> <div class="text fnt_40"> Bessere Produkte, besserer Service. <br> Für deinen nachhaltigen Lebensstil. <div class="ic"><img src="/static/cn/img/index6_2.png" alt="Und das gute Gefühl gibt's gratis dazu"></div> </div> <ul> <li class="l1"> <div class="item-box" style="background: url(/static/cn/img/index6_1.png) center center;background-size: cover;"> <div class="swiper-container wzswiper"> <div class="swiper-wrapper" style="display: flex;align-items: center;"> <div class="swiper-slide fnt_20 user_comments">Zuverlässig, stilvoll und unkompliziert: Schnelle und einfache Installation</div> </div> </div> </div> </li> <li class="l2"> <div class="item-box"> <div class="video-box"> <video src="https://file.lumenhaus.com/upload/video/2024/04/11/63f7adea-a2a9-4479-8189-9be85f077c2f.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="" class="video-p2" autoplay loop> your browser does not support the video tag </video> </div> </div> </li> <li class="l3"> <div class="item-box"> <div class="img"> <img src="https://file.lumenhaus.com/upload/image/2024/04/28/e6712a2e-a961-4943-828f-0c0b805f30e4.png" alt="Und das gute Gefühl gibt's gratis dazu"> </div> </div> </li> <li class="l4"> <div class="item-box"> <div class="video-box"> <video src="https://file.lumenhaus.com/upload/video/2024/04/11/8539e991-913f-4144-86a0-67b451ec0bc4.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="" class="video-p2" autoplay loop> your browser does not support the video tag </video> </div> </div> <div class="txt"> </div> </li> <li class="l5"> <div class="item-box"> <div class="video-box"> <video src="https://file.lumenhaus.com/upload/video/2024/04/11/2301464f-4f5a-499f-8120-8944d2e62f4e.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="" class="video-p2" autoplay loop> your browser does not support the video tag </video> </div> </div> </li> </ul> <div class="p6sw-h5-1" style="background: url(/static/cn/img/index6_1.png) center center;background-size: cover;"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide fnt_20">Zuverlässig, stilvoll und unkompliziert: Schnelle und einfache Installation</div> </div> </div> </div> <div class="swiper-container p6sw-h5-2"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="item-box"> <div class="video-box"> <video src="https://file.lumenhaus.com/upload/video/2024/04/11/8539e991-913f-4144-86a0-67b451ec0bc4.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="" class="video-p2" autoplay loop> your browser does not support the video tag </video> </div> </div> </div> <div class="swiper-slide"> <div class="item-box"> <div class="video-box"> <video src="https://file.lumenhaus.com/upload/video/2024/04/11/63f7adea-a2a9-4479-8189-9be85f077c2f.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="" class="video-p2" autoplay loop> your browser does not support the video tag </video> </div> </div> </div> <div class="swiper-slide"> <div class="item-box"> <div class="img"> <img src="https://file.lumenhaus.com/upload/image/2024/04/28/e6712a2e-a961-4943-828f-0c0b805f30e4.png" alt="Und das gute Gefühl gibt's gratis dazu"> </div> </div> </div> <div class="swiper-slide"> <div class="item-box"> <div class="video-box"> <video src="https://file.lumenhaus.com/upload/video/2024/04/11/2301464f-4f5a-499f-8120-8944d2e62f4e.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="" class="video-p2" autoplay loop> your browser does not support the video tag </video> </div> </div> </div> </div> </div> </section> <section class="page7"> <div class="w1440"> <div class="tit fnt_56 f_up">Voilà - Dein neues, eigenes Ökosystem: Dein personalisiertes Heimkraftwerk</div> <ul> <div class="container"> <li class="left_product"> <a href="/category/one.html"> <div class="img"> <img src="https://file.lumenhaus.com/upload/image/2025/01/09/4c2cc6b8-cc08-433d-850e-73b186997d33.png" alt="Die Powerbank für dein Zuhause" /> </div> <svg class="decoration" xmlns="http://www.w3.org/2000/svg" xmlns:xlink=" http://www.w3.org/1999/xlink" fill="none" version="1.1" width="712" height="6" viewBox="0 0 712 6"> <g> <g> <path d="M0,6L287,6L290,3L287,0L0,0L0,6Z" fill="#FF9500" fill-opacity="1" /> </g> <g transform="matrix(-1,0,0,1,1424,0)"> <path d="M712,6L1131,6L1134,3L1131,0L712,0L712,6Z" fill="#FFC418" fill-opacity="1" /> </g> </g> </svg> <div class="txt"> <p class="fnt_24">SUNSAVER <br>All-In-One Stromspeicher </p> <span class="sub-title fnt_16">Die Powerbank für dein Zuhause</span> <i class="learn fnt_14">Mehr erfahren</i> </div> </a> </li> <div class="products"> <div> <li class="right_product"> <a href="/category/collection.html"> <div class="img"> <img src="https://file.lumenhaus.com/upload/image/2025/01/09/fe065a0e-c7ef-42c1-b186-25adbc3c3f39.png" alt="Versorge dein Zuhause auf elegante Weise mit unseren schwarzen Modulen" /> </div> <div class="txt"> <p class="fnt_24">SUNCATCHER<br>Bifaziales Modul Typ N</p> <span class="sub-title fnt_16">Versorge dein Zuhause auf elegante Weise mit unseren schwarzen Modulen</span> <i class="learn fnt_14">Mehr erfahren</i> </div> </a> </li> </div> <div> <li class="right_product"> <a href="/category/charging.html"> <div class="img"> <img src="https://file.lumenhaus.com/upload/image/2025/01/09/f6b65782-56fe-481a-9b03-069bdad5d59e.png" alt="Lade dein E-Auto, E-Motorrad und künftig dein E-Bike mit dem Strom aus deiner Batterie" /> </div> <div class="txt"> <p class="fnt_24">SUNCHARGER<br>Smart-Wallbox</p> <span class="sub-title fnt_16">Lade dein E-Auto, E-Motorrad und künftig dein E-Bike mit dem Strom aus deiner Batterie</span> <i class="learn fnt_14">Mehr erfahren</i> </div> </a> </li> </div> <div> <li class="right_product"> <a href="/category/pump.html"> <div class="img"> <img src="https://file.lumenhaus.com/upload/image/2025/01/09/da976b31-046a-412b-a047-cac159f1fc8d.png" alt="Minimale Lautstärke, maximale Effizienz - Wohlfühlwärme, jeden Tag" /> </div> <div class="txt"> <p class="fnt_24">SUNHEATER<br>Smart-Wärmepumpe</p> <span class="sub-title fnt_16">Minimale Lautstärke, maximale Effizienz - Wohlfühlwärme, jeden Tag</span> <i class="learn fnt_14">Mehr erfahren</i> </div> </a> </li> </div> <div> <li class="right_product"> <a href=""> <div class="img"> <img src="https://file.lumenhaus.com/upload/image/2025/01/09/39c254b3-6ad6-4d93-8eba-84f8cbdbff3b.png" /> </div> <div class="txt"> <p class="fnt_24">MEHR...</p> <span class="sub-title fnt_16"></span> <i class="learn fnt_14">Mehr erfahren</i> </div> </a> </li> </div> </div> </div> </ul> </div> </section> <section class="page8"> <div class="img"> <img src="https://file.lumenhaus.com/upload/image/2024/03/29/5a323121-b865-48be-ac87-821c3496227f.jpg" alt="Und das gute Gefühl gibt's gratis dazu"> </div> <div class="w1440"> <div class="title f_left"> <p class="fnt_65"> FAQ</p> <a href="/category/support.html?loc=1"> <i class="fnt_18">More Details</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#2a2b2b" p-id="15956"></path> </svg> </a> </div> <ul class="tap f_right"> <li> <div class="tit"> <p class="fnt_24"> Was ist LumenHaus?</p> <div class="ic"></div> </div> <div class="des"> <p class="fnt_18">LumenHaus ist eine Plattform, die innovative und nachhaltige Energielösungen für Privathaushalte bietet. Alles aus einer Hand. Unsere Lösungen ermöglichen es dir, deinen Energieverbrauch zu senken, Kosten zu sparen und gleichzeitig einen Beitrag zu einer sauberen und klimafreundlichen Zukunft zu leisten.</p> </div> </li> <li> <div class="tit"> <p class="fnt_24">Welche Vorteile bietet LumenHaus mir als Kunden?</p> <div class="ic"></div> </div> <div class="des"> <p class="fnt_18">Mit LumenHaus kannst du:<br> → deine Energieversorgung einfach und bequem steuern.<br> → deine Energiekosten durch intelligente Nutzung senken.<br> → in einem komfortablen <br> und nachhaltigen Zuhause leben.<br> → in zukunftsweisende Technologien investieren.<br> → von kompetenter Beratung und zuverlässigem Service durch unsere erfahrenen Installationspartner profitieren.</p> </div> </li> <li> <div class="tit"> <p class="fnt_24">Was ist das LumenHaus Ökosystem?</p> <div class="ic"></div> </div> <div class="des"> <p class="fnt_18">LumenHaus bietet dir eine Komplettlösung aus einer Hand: <br> →Photovoltaikanlagen: Erzeuge deinen eigenen Strom mit Sonnenenergie und nutze die Kraft der Sonne, um deinen Haushalt, oder dein Unternehmen, mit sauberem und nachhaltigem Strom zu versorgen. <br> → Speichersysteme: Speichere deinen selbst erzeugten Strom für den späteren Verbrauch. Mit unserem Batteriespeicher kannst du nicht nur deine Energiekosten senken sondern auch deine Unabhängigkeit von Energieversorgern vorantreiben. <br> → Intelligente Steuerung: Verwalte deine Energieversorgung einfach und bequem mit unserer App. Mit der intelligenten Steuerung behältst du immer den Überblick über deinen Energieverbrauch und kannst deine Anlage optimal nutzen. <br> LumenHaus ist dein Partner für die Energiewende. Wir bieten dir maßgeschneiderte Lösungen, die auf deine individuellen Bedürfnisse abgestimmt sind. Von der Planung und Installation bis zur Wartung und Instandhaltung – wir kümmern uns um alles.</p> </div> </li> <li> <div class="tit"> <p class="fnt_24">Wie funktioniert LumenHaus?</p> <div class="ic"></div> </div> <div class="des"> <p class="fnt_18">Das ist total einfach - wir helfen dir dabei, zum Helden deiner eigenen Energiewende zu werden. Wir zeigen dir die Möglichkeiten auf, die du mit unseren Produkten haben kannst. Du bekommst von uns alles aus einer Hand: Das bedeutet, dass wir Forschung, Entwicklung und Produktion komplett bei uns abdecken. <br> Da wir Großes vorhaben und auch weit über die Grenzen Deutschlands wachsen wollen, brauchen wir verlässliche Partner, die dir ein optimales Ergebnis mit einer schnellen Installation bei dir Zuhause bieten können. Daher arbeiten wir mit ausgewählten, selbständigen Partnern zusammen, die idealerweise auch bei dir in der Nähe ihren Firmensitz haben.br> Für uns ist es ein Qualitätskriterium, um dir vertrauensvolle, zuverlässige Handwerksleistung an die Hand zu geben, und auch selber in einem engen Austausch mit unseren Partnern zu stehen.</p> </div> </li> </ul> </div> </section> <script src="/static/cn/js/gsap.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/cn/js/animation.gsap.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/cn/js/ScrollMagic.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/cn/js/smooth-scrollbar.js" type="text/javascript" charset="utf-8"></script> <script src="/static/cn/js/TweenMax.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/cn/js/animation.gsap.min.js" type="text/javascript" charset="utf-8"></script>  <div class="footer"> <div class="footer_bg"> <img src="/static/cn/img/foot_top.jpg" alt=""> </div> <div class="w1440"> <div class="footer_top"> <div class="footer_l"> <div class="logo"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/c8627db5-68c6-4388-84c2-e5d216b5b02c.png" /> </div> <div class="txt fnt_16"></div> <a href="/system.html"><i>Konfiguriere deine Anlage</i></a> </div> <ul class="footer-nav"> <li> <a href="/category/solution.html" class="fnt_18">Produkte</a> <div class="sub-nav"> <div> <a href="/category/one.html" class="fnt_16"><i>SUNSAVER</i></a> </div> <div> <a href="/category/collection.html" class="fnt_16"><i>SUNCATCHER</i></a> </div> <div> <a href="/category/charging.html" class="fnt_16"><i>SUNCHARGER</i></a> </div> <div> <a href="/category/pump.html" class="fnt_16"><i>SUNHEATER</i></a> </div> <div> <a href="/category/app.html" class="fnt_16"><i>myLumenHaus APP</i></a> </div> </div> </li> <li> <a href="/category/support.html" class="fnt_18">Download & Service</a> <div class="sub-nav"> <div> <a href="/category/support.html?loc=0" class="fnt_16"><i>Downloads</i></a> </div> <div> <a href="/category/support.html?loc=1" class="fnt_16"><i>FAQs</i></a> </div> <div> <a href="/category/support.html?loc=2" class="fnt_16"><i>Kontakt</i></a> </div> </div> </li> <li> <a href="/category/about.html" class="fnt_18">Über uns</a> <div class="sub-nav"> <div> <a href="/category/about.html" class="fnt_16"><i>Über LumenHaus</i></a> </div> <div> <a href="/news/news.html" class="fnt_16"><i>News</i></a> </div> <div> <a href="/category/recruit.html" class="fnt_16"><i>Karriere</i></a> </div> </div> </li> </ul> </div> <div class="footer_btm"> <div class="footer_l fnt_14"> <p>COPYRIGHT © 2025 LUMENHAUS</p> <p><a href="/category/privacy-policy.html"><i>Datenschutzhinweis</i></a></p> <p><a href="/category/cookie-notice.html"><i>Cookie Hinweis</i></a></p> <p><a href="/category/imprint.html"><i>Impressum</i></a></p> </div> <div class="btm-share">  <a href="https://www.instagram.com/lumenhaus_gmbh"> <img src="/static/cn/img/ins.png" style="width: 24px; height: 24px;" alt="instagram"> </a>  <a href="https://www.linkedin.com/company/lumenhaus-gmbh"> <img src="/static/cn/img/in.png" style="width: 24px; height: 24px;" alt="linkedin"> </a>  <a href="https://www.facebook.com/profile.php?id=61566365401519"> <img src="/static/cn/img/fb.png" style="width: 24px; height: 24px;" alt="facebook"> </a>  <a href="https://www.youtube.com/@LumenhausGmbH"> <img src="/static/cn/img/yt.png" style="width: 24px; height: 24px;" alt="youtube"> </a> </div> </div> </div> </div> <div class="return_top return_top1"> <a href="/system.html" class="shopping-cart" style="width: 50px;height: 50px;border-radius:50px"> <div style=" opacity: 1; padding: 10px;display: flex;justify-content: flex-end;align-items: center;"> <img src="/static/cn/img/logo.svg" style="width: auto;" alt=""> <div class="btn-title"> <p class="fnt_20">Konfiguriere deine</p> <p class="fnt_11">Anlage</p></span> </div> </div> </a> <div class="top-btn"> <svg t="1712742500964" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10217" width="20" height="20"> <path d="M540.64 292.48l375.04 384.48a12.8 12.8 0 0 1-0.224 18.08l-38.912 37.984a12.8 12.8 0 0 1-18.112-0.224l-337.28-345.728a12.8 12.8 0 0 0-18.304 0L165.568 732.8a12.8 12.8 0 0 1-18.112 0.224L108.544 695.04a12.8 12.8 0 0 1-0.224-18.08L483.36 292.48a40 40 0 0 1 57.28 0z" p-id="10218"></path> </svg> </div> </div> <script> $(".top-btn").click(function () { $('body,html').animate({ scrollTop: 0 }, 1000); }) var scrollTimer; var top_h = window.innerWidth < 998 ? 60 : 108; // 监听滚动事件 window.addEventListener('scroll', function () { // 清除之前的定时器 clearTimeout(scrollTimer); // 设置一个新的定时器 scrollTimer = setTimeout(function () { // 滚动停止后的操作 console.log('滚动停止了'); // 触发滚动停止事件 // your code here... $(".return_top").css("top", (window.scrollY + window.innerHeight - top_h) + "px") }, 200); // 设置定时器的延迟时间，可以根据需要调整 }); function addCookie (name, value, time) { var expires = ""; if (time) { var date; if (/^\d{8}$/.test(time)) { var year = parseInt(time.substring(0, 4), 10); var month = parseInt(time.substring(4, 6), 10) - 1; var day = parseInt(time.substring(6, 8), 10); date = new Date(year, month, day); } else if (/^\d{4}-\d{2}-\d{2}$/.test(time)) { date = new Date(time); } else { console.error("日期格式错误，请使用YYYYMMDD或YYYY-MM-DD格式"); return; } expires = "; expires=" + date.toUTCString(); } else { var defaultTime = new Date(); defaultTime.setTime(defaultTime.getTime() + (30 * 24 * 60 * 60 * 1000)); expires = "; expires=" + defaultTime.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/"; } function checkCookie (name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return true; } return false; } if (checkCookie("Cookie")) { $(".cookie").hide(); } $('.cookie .item .btns .close').on('click', function () { $('.cookie').hide() }) $("#okButton").click(function () { $('.cookie').hide() addCookie('Cookie', 'ok'); }); // 引入GSAP库 // gsap.registerPlugin(MotionPathPlugin); // 选择购物车和图片元素 const shoppingCart = document.querySelector('.shopping-cart'); const shoppingCartContainer = document.querySelector('.shopping-cart>div'); const cartImage = document.querySelector('.shopping-cart img'); const shopTitle = document.querySelector('.shopping-cart .btn-title'); // if ($(window).width() > 768) { // gsap.set(shopTitle, { opacity: 0, display: 'none' }) // // 鼠标悬停时的动画 // shoppingCart.addEventListener('mouseenter', () => { // gsap.to(shoppingCart, { // width: '180px', // ease: 'none', // justifyContent: 'flex-end', // duration: 0.3, // }) // gsap.to(cartImage, { // scale: 2, // position: "absolute", // x: '-110px', // y: '10px', // duration: 0.2, // ease: 'none', // }, "<") // gsap.to(shoppingCartContainer, { // display: 'flex', // }) // gsap.to(shopTitle, { opacity: 1, display: 'flex', duration: 0.1 }, ">") // }); // // 鼠标离开时的动画 // shoppingCart.addEventListener('mouseleave', () => { // const timeline = gsap.timeline(); // timeline // .fromTo(shopTitle, { opacity: 1, display: 'flex', duration: 0.1 }, { opacity: 0, display: "none" }) // 直接设置opacity为0 // .to(cartImage, { // scale: 1, // x: 0, // y: 0, // duration: 0.08, // position: "static", // ease: 'none' // }) // .to(shoppingCart, { // width: '50px', // duration: 0.18, // ease: 'none', // }, "<") // .add(() => { // shopTitle.style.display = "none"; // 在所有动画完成后执行 // }, ">"); // }); // } else { gsap.set(cartImage, { scale: 2, position: "absolute", x: '-174px', y: '13px', duration: 0.2, ease: 'none', }, "<") gsap.set(shoppingCart, { width: '260px', height: '60px', ease: 'none', justifyContent: 'flex-end', paddingRight: '30px', duration: 0.3, }) gsap.to(shopTitle, { display: "flex", top: '-1px', left: '14px' }, ">") // } </script> <script src="/static/de/js/swiper-bundle.min.js"></script> <script src="/static/de/js/smooth-scrollbar.js" type="text/javascript" charset="utf-8"></script> <script src="/static/de/js/gsap.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/de/js/ScrollMagic.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/de/js/TweenMax.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/de/js/animation.gsap.min.js" type="text/javascript" charset="utf-8"></script> <script> setTimeout(function () { var index_banner = new Swiper('.banner', { pagination: { el: '.swiper-pagination', clickable: true, }, loop: true, effect: 'fade', speed: 2000, fadeEffect: { crossFade: true, }, on: { slideChangeTransitionStart: function () { handleVideoPlayback(this); }, } }); handleVideoPlayback(index_banner); }, 100); var slideTimeout; function handleVideoPlayback (swiperInstance) { var curVideo = swiperInstance.$el.find(".swiper-slide-active video")[0]; // 暂停所有视频 swiperInstance.$el.find("video").each(function () { this.pause(); }); clearTimeout(slideTimeout); if (curVideo) { // 如果当前幻灯片有视频 curVideo.currentTime = 0; curVideo.play().catch(function (error) { //隐藏错误 }); curVideo.onended = function () { swiperInstance.slideNext(); }; } else { // 如果当前幻灯片没有视频 slideTimeout = setTimeout(function () { swiperInstance.slideNext(); }, 10000); // 设置 8 秒后切换到下一张幻灯片这里需要加上speed的时间 } } $(document).ready(function () { { var p2swiper = new Swiper('.p2swiper', { navigation: { nextEl: '.p2swiper .swiper-button-next', prevEl: '.p2swiper .swiper-button-prev', }, on: { slideChangeTransitionEnd: function () { removeTimeUpdateListener(); playStage(this.activeIndex); updateTabs(this.activeIndex); }, }, }) var wzswiper = new Swiper('.wzswiper', { autoplay: true,//可选选项，自动滑动 loop: true, }) var p6sw1 = new Swiper('.p6sw-h5-1 .swiper-container', { autoplay: true,//可选选项，自动滑动 loop: true, }) var p6sw2 = new Swiper('.p6sw-h5-2', { autoplay: true,//可选选项，自动滑动 slidesPerView: 0.99, slidesOffsetBefore: -1, loop: true, on: { // 当幻灯片切换后触发 slideChange: function () { // 获取当前激活的幻灯片 let activeSlide = this.slides[this.activeIndex]; // 检查是否包含视频 let video = activeSlide.querySelector('video'); if (video) { // 如果有视频，尝试播放 video.play().catch(e => { // 错误处理，例如用户未交互导致的播放失败 console.error("Video play failed", e); }); } } } }) const scrollContainer = document.querySelector('#my-scrollbar'); const Scrollbar = window.Scrollbar; const options = { damping: 0.06, thumbMinSize: 20, }; const scrollbar = Scrollbar.init(scrollContainer, options); const banner = document.querySelector('.banner'); const return_top1 = document.querySelector('.return_top1'); var top_h = window.innerWidth < 998 ? 120 : 228; scrollbar.addListener(({ offset }) => { const y = offset.y / 2; banner.style.transform = `translate3d(0px, ${y}px, 0px)`; clearTimeout(scrollTimer); scrollTimer = setTimeout(function () { return_top1.style.transform = `translate3d(0px, ${offset.y + window.innerHeight - top_h}px, 0px)`; console.log('111111') }, 200); }); const p2video = document.querySelector('.video-p2'); const stages = [0, 13, 25, 37]; // 每个阶段的开始时间 let currentStage = 0; function removeTimeUpdateListener () { p2video.removeEventListener('timeupdate', onTimeUpdate); } function onTimeUpdate () { if (p2video.currentTime >= stages[currentStage + 1] || (currentStage === stages.length - 1 && p2video.ended)) { p2video.pause(); removeTimeUpdateListener(); if (currentStage < stages.length - 1) { currentStage++; } else { currentStage = 0; // 循环回第一个阶段 } playStage(currentStage); updateTabs(currentStage); } } function playStage (stage) {// 播放下一个阶段 p2video.currentTime = stages[stage]; p2video.play(); p2video.addEventListener('timeupdate', onTimeUpdate); } function updateTabs (stage) { // 更新标签 p2swiper.slideTo(stage, 1000, false); $('.page2 .tab p').removeClass('on').eq(stage).addClass('on'); let p_w = $('.page2 .tab p').width() $('.page2 .tab .line').css('left', p_w * stage) $('.page2 .txt-ctn .des .text').eq(stage).show().siblings().hide() } $('.page2 .tab p').click(function () { const index = $(this).index(); currentStage = index; removeTimeUpdateListener(); playStage(currentStage); updateTabs(currentStage); }); scrollbar.addListener((status) => { const page2Offset = $('.page2').offset().top - scrollbar.offset.y; // 页面中.page2的位置 if (page2Offset < window.innerHeight / 3 && p2video.paused) { playStage(currentStage); } }); const path = document.querySelector('#svgPath'); const dian = document.querySelector('#svgDian'); const halo = document.querySelector('#svgHalo'); // 获取光圈元素 const pathLength = path.getTotalLength(); const inilength = 200; let shiftinglength = pathLength - inilength; path.style.strokeDasharray = pathLength; path.style.strokeDashoffset = shiftinglength; let iniPoint = path.getPointAtLength(inilength); dian.setAttribute('cx', iniPoint.x); dian.setAttribute('cy', iniPoint.y); halo.setAttribute('cx', iniPoint.x); // 设置光圈初始位置 halo.setAttribute('cy', iniPoint.y); const page4 = document.querySelector('.page4'); const page4Start = page4.offsetTop; const totalSD = page4.offsetHeight; function updatePathAndDian (scrollProgress, totalSD) { const effectiveTotalScrollDistance = totalSD - inilength; const currentOffset = shiftinglength - (scrollProgress / effectiveTotalScrollDistance) * pathLength; path.style.strokeDashoffset = Math.max(0, currentOffset); if (currentOffset < pathLength) { const point = path.getPointAtLength(pathLength - currentOffset); dian.setAttribute('cx', point.x); dian.setAttribute('cy', point.y); halo.setAttribute('cx', point.x); // 更新光圈位置 halo.setAttribute('cy', point.y); } } scrollbar.addListener((status) => { const scrollProgress = status.offset.y - page4Start; if (status.offset.y >= page4Start && status.offset.y <= page4Start + totalSD) { updatePathAndDian(scrollProgress * .8, totalSD); } }); // page3 动画 function page3YPercent () { var width = $(window).width(); if (width < 998) return 0; else if (width < 1366) return -20; else return -50; } var tween = gsap.to(".page3 .img", { duration: 3, // 动画时长 yPercent: page3YPercent(), // 向上移动图片高度的50% ease: "none" }); var controller = new ScrollMagic.Controller({ refreshInterval: 0 }); new ScrollMagic.Scene({ triggerElement: ".page3", // 触发元素 duration: "200%", // 动画持续的距离（这里是 .page3 的高度） triggerHook: 0.5, // 在视图的顶部触发 }) .setTween(tween) // 设置 GSAP 动画 .addTo(controller); // 添加到控制器 // page5 动画 var fiveBg1 = gsap.to(".page5 .bg1", { duration: 3, rotation: -10, yPercent: -10, ease: "none" }); new ScrollMagic.Scene({ triggerElement: ".page5", duration: "200%", triggerHook: 0.5, }) .setTween(fiveBg1) .addTo(controller); var fiveBg2 = gsap.to(".page5 .bg2", { duration: 3, yPercent: -5, opacity: 1, ease: "none" }); new ScrollMagic.Scene({ triggerElement: ".page5", duration: "100%", triggerHook: .1, }) .setTween(fiveBg2) .addTo(controller); // page8 动画 var eight = gsap.to(".page8 .img", { duration: 3, scale: 1.5, ease: "none" }); new ScrollMagic.Scene({ triggerElement: ".page8", duration: "200%", triggerHook: 0.5, }) .setTween(eight) .addTo(controller); scrollbar.addListener((status) => { controller.update(true); checkTxtVisibility(); }); /* const video = document.querySelector('.videobg'); const videoSegments = [ { start: 0, end: 4 }, { start: 4, end: 9 }, { start: 9, end: Infinity } ]; let currentSegment = null; function onTimeUpdate() { if (!currentSegment) return; const tolerance = 0.1; if (video.currentTime >= currentSegment.end - tolerance || video.currentTime >= video.duration - tolerance) { video.currentTime = currentSegment.start; video.play(); } } video.addEventListener('loadedmetadata', () => { videoSegments[videoSegments.length - 1].end = video.duration; video.addEventListener('timeupdate', onTimeUpdate); }); function playVideoSegment(segmentIndex) { if (segmentIndex < 0 || segmentIndex >= videoSegments.length) return; currentSegment = videoSegments[segmentIndex]; video.currentTime = currentSegment.start; video.play(); } */ if ($(window).width() > 1024) { function Animation1 (target) { $('.page4 .video-bg .videoitem0').addClass('on') var ac1 = new TimelineMax(); ac1.add(function () { $(`${target} .item`).removeClass('on'); $(`${target} .cut1`).addClass('on'); $('.page4 .video-bg video').removeClass('on').each(function () { //this.pause(); // this.currentTime = 0; // 重置视频时间，确保从头开始播放 }); $('.page4 .video-bg .videoitem0').addClass('on').each(function () { this.loop = true; this.play(); }); }) .fromTo(`${target} .cut1`, 2, { y: '0%' }, { y: '0%' }) .add(function () { $(`${target} .item`).removeClass('on'); $(`${target} .cut2`).addClass('on'); $('.page4 .video-bg video').removeClass('on').each(function () { //this.pause(); //this.currentTime = 0; }); $('.page4 .video-bg .videoitem1').addClass('on').each(function () { this.loop = true; this.play(); }); }) .fromTo(`${target} .cut2`, 3, { y: '0%' }, { y: '0%' }) .add(function () { $(`${target} .item`).removeClass('on'); $(`${target} .cut3`).addClass('on'); $('.page4 .video-bg video').removeClass('on').each(function () { ///this.pause(); //this.currentTime = 0; }); $('.page4 .video-bg .videoitem2').addClass('on').each(function () { this.loop = true; this.play(); }); }) .fromTo(`${target} .cut3`, 1, { y: '0%' }, { y: '0%' }) .fromTo(`${target} .svgbox`, 3, { y: '0%' }, { y: '-150px' }, "-=4"); return ac1; } var isBoxPinned1 = false; // 创建.page4动画 var page4Animation = Animation1('.page4'); var page4Scene = new ScrollMagic.Scene({ triggerElement: ".page4", triggerHook: 0, duration: page4.offsetHeight }) .setPin(".page4") .setTween(page4Animation) .addTo(controller) .on("enter", function () { isBoxPinned1 = true; }) .on("leave", function (e) { isBoxPinned1 = false; document.querySelector('.page4').style.transform = ''; }); function Animation2 (target) { var ac1 = new TimelineMax(); ac1.fromTo(`${target} .l1`, 6, { x: '-50%', y: '-50%', scale: 1.3 }, { x: '-206%', y: '-150%', scale: 1 }) .fromTo(`${target} .text`, 4, { scale: .5 }, { scale: 1 }, "-=2") .fromTo(`${target} .l2`, 6, { x: '-50%', y: '-50%', scale: 1.3 }, { x: '-50%', y: '-200%', scale: 1 }, "-=6") .fromTo(`${target} .l3`, 6, { x: '-50%', y: '-50%', scale: 1.3 }, { x: '93%', y: '-110%', scale: 1 }, "-=6") .fromTo(`${target} .l4`, 6, { x: '-50%', y: '-50%', scale: 1.3 }, { x: '-226%', y: '31%', scale: 1 }, "-=6") .fromTo(`${target} .l5`, 6, { x: '-50%', y: '-50%', scale: 1.3 }, { x: '49%', y: '31%', scale: 1 }, "-=6") .fromTo(`${target} .l4 .txt`, 2, { x: '-100px', opacity: 0 }, { x: '0', opacity: 1 }) .fromTo(`${target} .ic`, 3, { x: '-200px', rotation: '-360', opacity: 0 }, { x: '0', rotation: '0', opacity: 1 }, "-=3") return ac1; } var isBoxPinned2 = false; var page6Animation = Animation2('.page6'); var page6Scene = new ScrollMagic.Scene({ triggerElement: ".page6", triggerHook: 0, duration: document.querySelector('.page6').offsetHeight }) .setPin(".page6") .setTween(page6Animation) .addTo(controller) .on("enter", function () { isBoxPinned2 = true; }) .on("leave", function (e) { isBoxPinned2 = false; document.querySelector('.page6').style.transform = ''; }); } else { var page4sw = new Swiper('.page4sw', { autoplay: true, on: { init: function () { // Get the first video element and play it in loop var firstVideo = $('.page4 .video-bg video').eq(0).get(0); if (firstVideo) { $(firstVideo).addClass('on'); firstVideo.loop = true; firstVideo.play(); } }, slideChange: function (swiper) { // Pause all videos and remove class 'on' $('.page4 .video-bg video').each(function () { this.pause(); $(this).removeClass('on'); }); // Get the current active video element and play it from the start var activeIndex = swiper.activeIndex; var activeVideo = $('.page4 .video-bg video').eq(activeIndex).get(0); if (activeVideo) { activeVideo.currentTime = 0; activeVideo.loop = true; activeVideo.play(); $(activeVideo).addClass('on'); } } } }); } controller.scrollPos(function () { return scrollbar.offset.y; }); scrollbar.addListener(() => { // const translateValueCk = `translate3d(0px, ${scrollbar.offset.y}px, 0px)`; // document.querySelector('.cookie_task').style.transform = translateValueCk; if (isBoxPinned1) { const translateValue = `translate3d(0px, ${scrollbar.offset.y}px, 0px)`; document.querySelector('.page4').style.transform = translateValue; } if ($(window).width() > 1024) { if (isBoxPinned2) { const translateValue = `translate3d(0px, ${scrollbar.offset.y}px, 0px)`; document.querySelector('.page6').style.transform = translateValue; } } }); setTimeout(function () { scrollbar.setPosition(0, 0); document.body.scrollTop = document.documentElement.scrollTop = 0; $('body').css('opacity', 1) /* $('#my-scrollbar').append(`<div class="return_top return_top2"> <svg t="1712560903789" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4278" width="16" height="16"><path d="M39.3846 0h945.2307692307693v157.53846153846155h-945.2307692307693V0zM984.6154 708.9231h-236.30769230769232v315.0769230769231h-472.61538461538464V708.9230769230769h-236.30769230769232l472.6154-472.6154L984.6154 708.9231z" p-id="4279" fill="#474747"></path></svg> </div>`)*/ $(".top-btn").click(function () { scrollbar.scrollTo(0, 0, 1000) }) }, 800); function checkTxtVisibility () { const containerTop = scrollContainer.getBoundingClientRect().top; const containerBottom = scrollContainer.getBoundingClientRect().bottom; document.querySelectorAll('.f_up').forEach(el => { const elTop = el.getBoundingClientRect().top - containerTop; const elBottom = el.getBoundingClientRect().bottom - containerTop; if (/* elTop >= 0 && */elBottom <= containerBottom) { el.classList.add('on'); } else { el.classList.remove('on'); } }); document.querySelectorAll('.f_left').forEach(el => { const elTop = el.getBoundingClientRect().top - containerTop; const elBottom = el.getBoundingClientRect().bottom - containerTop; if (/* elTop >= 0 && */elBottom <= containerBottom) { el.classList.add('on'); } else { el.classList.remove('on'); } }); document.querySelectorAll('.f_right').forEach(el => { const elTop = el.getBoundingClientRect().top - containerTop; const elBottom = el.getBoundingClientRect().bottom - containerTop; if (/* elTop >= 0 && */elBottom <= containerBottom) { el.classList.add('on'); } else { el.classList.remove('on'); } }); } window.addEventListener('resize', function () { page4Animation.kill(); page6Animation.kill(); page4Animation = Animation1('.page4'); page6Animation = Animation2('.page6'); page4Scene.setTween(page4Animation); page6Scene.setTween(page6Animation); controller.update(true); checkTxtVisibility(); }); gsap.set("section.page7 .a .sub-title", { y: 30, opacity: 1 }) gsap.set("section.page7 .a .learn", { y: 0, opacity: 0 }) gsap.utils.toArray("section.page7 li").slice(0, -1).forEach(el => { el.addEventListener("mouseenter", function () { gsap.to(this.querySelector(".sub-title"), { y: 30, opacity: 0 }) gsap.to(this.querySelector(".learn"), { y: -40, opacity: 1 }) }); el.addEventListener("mouseleave", function () { gsap.to(this.querySelector(".sub-title"), { y: 0, opacity: 1 }) gsap.to(this.querySelector(".learn"), { y: -10, opacity: 0 }) }); }); } }) // $('.page8 .tap li').eq(0).children('.des').show() $('.page8 .tap li').on('click', function () { let idx = $(this).index() if ($(this).hasClass('on')) { // 如果已经高亮，则取消高亮并隐藏 .des 元素 $(this).removeClass('on').find('.des').slideUp(); } else { // 如果没有高亮，则先取消兄弟元素的高亮，然后给当前元素添加高亮并显示 .des 元素 $(this).addClass('on').siblings().removeClass('on') $(this).find('.des').slideDown() $(this).siblings().find('.des').slideUp() } }) </script> </body> </html>

CINXE.COM

Home Page-LumenHaus.de