CINXE.COM
Home Page-LumenHaus.de
<!DOCTYPE html> <html> <head> <!--由中企高呈(北京)科技有限公司设计生产部设计制作,如果您有任何意见或建议请电邮cebest@300.cn--> <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" /> <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> <!-- 加入项目css引入 --> <script></script> <link rel="stylesheet" href="/static/de/css/swiper-bundle.css"> <link rel="stylesheet" href="/static/de/css/index.css"> </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/22/48c52c03-e5a1-40f2-a4cf-5ca3dd7fe949.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</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/03/27/e5d64633-ef7b-4b19-9c66-ebef9752a301.png" 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/15/9b7097b4-f2fc-4e32-bae1-c455fd054d78.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/03/28/34d70879-6950-4fe5-ae77-0271231ebaa9.png" alt="myLumenHaus APP"> </a> <a class="fnt_18 nav2_tit" href="/category/app.html">myLumenHaus APP</a> <div ddd="M000343" class="fnt_16 nav2_des">Sofort alles im Blick - egal wo du bist</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" href="/system.html"><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(); }) } $(".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">Mehr Informationen</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"></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"></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"> <div class="img"> <img src="https://file.lumenhaus.com/upload/image/2024/03/29/2175c95d-d8eb-4638-856a-b2d29949cae8.jpg" alt="Und das gute Gefühl gibt's gratis dazu"> <img class="bg1" src="/static/cn/img/index5_3.png" alt="Und das gute Gefühl gibt's gratis dazu"> <img class="bg2" src="https://file.lumenhaus.com/upload/image/2024/04/09/a1ae8523-7205-4db6-99e8-04714e93a110.png" alt="Und das gute Gefühl gibt's gratis dazu"> </div> <div class="w1440"> <div class="text"> <p class="fnt_65 f_up">myLumenHaus APP</p> <p class="fnt_65 f_up"></p> <span class="fnt_24 f_up">Sofort alles im Blick - egal 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"> <div class="swiper-slide fnt_20">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_65 f_up">Voilà - Dein neues, eigenes Ökosystem: Dein personalisiertes Heimkraftwerk</div> <ul> <li class="f_up"> <a href="/category/one.html"> <div class="txt"> <p class="fnt_34">SUNSAVER <br>Dein All-In-One Stromspeicher </p> <span class="fnt_18">Die Powerbank für dein Zuhause</span> <i class="fnt_18">Mehr erfahren<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="#e49234" p-id="15956"></path></svg></i> </div> <div class="img"><img src="/upload/image/2024/03/29/0cb00a8b-7f8d-4cc9-aab4-27aa66762496.png" alt="Und das gute Gefühl gibt's gratis dazu"></div> </a> </li> <li class="f_left"> <a href="/category/collection.html"> <div class="txt"> <p class="fnt_34">SUNCATCHER<br>Bifaziales Modul Typ N</p> <span class="fnt_18">Versorge dein Zuhause auf elegante Weise mit unseren schwarzen Modulen</span> <i class="fnt_18">Mehr erfahren<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="#e49234" p-id="15956"></path></svg></i> </div> <div class="img"><img src="/upload/image/2024/03/29/11da5309-c459-40d8-871c-33c698541be8.jpg" alt="Und das gute Gefühl gibt's gratis dazu"></div> </a> </li> <li class="f_right"> <a href="/category/charging.html"> <div class="txt"> <p class="fnt_34">SUNCHARGER<br>Deine smarte Wallbox</p> <span class="fnt_18">Lade dein E-Auto, E-Motorrad und künftig dein E-Bike mit dem Strom aus deiner Batterie</span> <i class="fnt_18">Mehr erfahren<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="#e49234" p-id="15956"></path></svg></i> </div> <div class="img"><img src="/upload/image/2024/04/01/622af505-07df-4e5f-af5b-2895b044ba73.jpg" alt="Und das gute Gefühl gibt's gratis dazu"></div> </a> </li> <li> <a href="/category/pump.html"> <div class="txt"> <p class="fnt_34">SUNHEATER<br>Deine smarte Wärmepumpe</p> <span class="fnt_18">Minimale Lautstärke, maximale Effizienz - Wohlfühlwärme, jeden Tag</span> <i class="fnt_18">Mehr erfahren<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="#e49234" p-id="15956"></path></svg></i> </div> <div class="img"><img src="https://file.lumenhaus.com/upload/image/2024/11/15/a3814fca-a1e8-4f35-b7ec-ca5b23fe996e.png" alt="Und das gute Gefühl gibt's gratis dazu"></div> </a> </li> </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">Mehr 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> <!-- <div class="cookie"> <div class="item"> <p class="fnt_18"> Wenn du auf "Alle akzeptieren" klickst, erlaubst du Cookies, die deine Erfahrung auf unserer Website verbessern, uns bei der Analyse der Website-Performance und -Nutzung helfen und es uns ermöglichen, relevante Marketing-Inhalte anzuzeigen. Du kannst die Cookie-Einstellungen unten verwalten. Siehe<a href="/category/cookie-notice.html" style="text-decoration: underline;color:#e49134">[Cookie-Hinweis]</a>. </p> <div class="btns"> <div class="okButton fnt_18" id="okButton"><i>Akzeptieren</i></div> <div class="close"><svg t="1712455081801" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2611" width="200" height="200"><path d="M286.165333 798.165333L512 572.330667l225.834667 225.834666 60.330666-60.330666L572.330667 512l225.834666-225.834667-60.330666-60.330666L512 451.669333 286.165333 225.834667 225.834667 286.165333 451.669333 512l-225.834666 225.834667z" fill="#35312b" p-id="2612"></path></svg></div> </div> </div> </div> --> <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 © 2024 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.facebook.com/profile.php?id=61566365401519"><svg t="1709104202401" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4218" width="200" height="200"><path d="M767.414857 6.875429l0 150.820571-89.746286 0q-49.152 0-66.267429 20.553143t-17.115429 61.732571l0 108.032 167.424 0-22.308571 169.179429-145.115429 0 0 433.737143-174.884571 0 0-433.737143-145.700571 0 0-169.179429 145.700571 0 0-124.562286q0-106.276571 59.465143-164.864t158.281143-58.587429q83.968 0 130.267429 6.875429z" fill="#cccccc" p-id="4219"></path></svg></a> <a href="https://www.linkedin.com/company/lumenhaus-gmbh"><svg t="1709104237269" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5230" width="200" height="200"><path d="M12.768 1007.776h229.04V357.888H12.768v649.888z m762.176-670.384c-94.8 0-147.072 31.552-207.248 107.984v-87.504H339.024v649.904H567.68V654.624c0-74.528 35.84-147.424 121.536-147.424s106.768 72.88 106.768 145.648v354.944H1024v-369.44c0-256.688-154.224-300.96-249.056-300.96zM127.712 32.208C57.152 32.208 0 83.552 0 146.928c0 63.328 57.152 114.592 127.712 114.592 70.496 0 127.648-51.28 127.648-114.592 0-63.376-57.152-114.72-127.648-114.72z" fill="#cccccc" p-id="5231"></path></svg></a> <a href="https://www.instagram.com/lumenhaus_gmbh"><svg t="1709104979637" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10828" width="200" height="200"><path d="M512 378.7c-73.4 0-133.3 59.9-133.3 133.3S438.6 645.3 512 645.3 645.3 585.4 645.3 512 585.4 378.7 512 378.7z" p-id="10829" fill="#cccccc"></path><path d="M911.8 512c0-55.2 0.5-109.9-2.6-165-3.1-64-17.7-120.8-64.5-167.6-46.9-46.9-103.6-61.4-167.6-64.5-55.2-3.1-109.9-2.6-165-2.6-55.2 0-109.9-0.5-165 2.6-64 3.1-120.8 17.7-167.6 64.5C132.6 226.3 118.1 283 115 347c-3.1 55.2-2.6 109.9-2.6 165s-0.5 109.9 2.6 165c3.1 64 17.7 120.8 64.5 167.6 46.9 46.9 103.6 61.4 167.6 64.5 55.2 3.1 109.9 2.6 165 2.6 55.2 0 109.9 0.5 165-2.6 64-3.1 120.8-17.7 167.6-64.5 46.9-46.9 61.4-103.6 64.5-167.6 3.2-55.1 2.6-109.8 2.6-165zM512 717.1c-113.5 0-205.1-91.6-205.1-205.1S398.5 306.9 512 306.9 717.1 398.5 717.1 512 625.5 717.1 512 717.1z m213.5-370.7c-26.5 0-47.9-21.4-47.9-47.9s21.4-47.9 47.9-47.9 47.9 21.4 47.9 47.9c-0.1 26.6-21.4 47.9-47.9 47.9z" p-id="10830" fill="#cccccc"></path></svg></a> <a href="https://www.youtube.com/@LumenhausGmbH"><svg t="1709363091996" class="" viewBox="0 0 1152 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11871" width="200" height="200"><path d="M1099.31 248.166c-12.562-47.3-49.574-84.552-96.568-97.194C917.562 128 576 128 576 128S234.44 128 149.258 150.972c-46.994 12.644-84.006 49.894-96.568 97.194-22.824 85.734-22.824 264.61-22.824 264.61s0 178.876 22.824 264.61c12.562 47.3 49.574 83 96.568 95.642C234.44 896 576 896 576 896s341.56 0 426.742-22.972c46.994-12.642 84.006-48.342 96.568-95.642 22.824-85.734 22.824-264.61 22.824-264.61s0-178.876-22.824-264.61z m-635.02 427.016V350.37l285.478 162.41-285.478 162.402z" fill="#cccccc" p-id="11872"></path></svg></a> <a href="https://www.tiktok.com/@lumenhausgmbh"><svg t="1712544602987" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4277" width="200" height="200"><path d="M534.613051 0.853323C590.505685 0 645.971659 0.426661 701.437632 0c3.413291 65.279184 26.879664 131.838352 74.665733 177.917776 47.786069 47.359408 115.19856 69.119136 180.904406 76.372379v171.944517c-61.439232-2.133307-123.305125-14.933147-179.19776-41.386149-24.319696-11.093195-46.932747-25.173019-69.119136-39.679504-0.426661 124.585109 0.426661 249.170219-0.853323 373.328666-3.413291 59.732587-23.039712 119.038512-57.59928 168.104566-55.892635 81.918976-152.744757 135.251643-252.156848 136.958288-61.012571 3.413291-122.025141-13.226501-174.077824-43.946118-86.185589-50.772699-146.771499-143.784869-155.731387-243.623621-0.853323-21.333067-1.279984-42.666133-0.426661-63.572539 7.679904-81.065653 47.786069-158.718016 110.078624-211.624021 70.825781-61.439232 169.811211-90.878864 262.39672-73.385749 0.853323 63.145877-1.706645 126.291755-1.706645 189.437632-42.239472-13.653163-91.732187-9.813211-128.851723 15.786469-26.879664 17.493115-47.359408 44.372779-58.025941 74.665733-8.959888 21.759728-6.39992 45.652763-5.973259 68.692475 10.239872 69.972459 77.652363 128.851723 149.331467 122.451803 47.786069-0.426661 93.438832-28.159648 118.185189-68.692475 8.106565-14.079824 17.066453-28.586309 17.493115-45.226101 4.266613-76.372379 2.559968-152.318096 2.986629-228.690475 0.426661-171.944517-0.426661-343.462373 0.853323-514.980229z" fill="#cccccc" p-id="4278"></path></svg></a> </div> </div> </div> </div> <div class="return_top return_top1"> <a href="/system.html" class="shopping-cart"><p><svg t="1712718603971" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2330" width="200" height="200"><path d="M925.716045 283.255249c0.314155-1.439792 0.898463-2.787486 0.898463-4.317329 0-1.304715-0.538259-2.428306-0.741897-3.689019-0.065492-0.448208-0.178055-0.854461-0.290619-1.348718-0.564865-2.562359-1.486864-4.946662-2.814092-7.105838-0.26913-0.405229-0.536212-0.810459-0.830925-1.214664-1.391696-2.0241-3.012613-3.687996-4.946662-5.173836-0.607844-0.494257-1.284249-0.899486-1.955538-1.349741-1.798972-1.079588-3.667529-1.888-5.756097-2.472308-0.607844-0.225127-1.035586-0.63138-1.664919-0.76748-0.74292-0.134053-1.417279 0.047072-2.137687-0.042979-0.901533-0.091074-1.685385-0.494257-2.610454-0.494257L360.149035 255.279081l-100.612489 0.078795-28.89919-89.763396-0.091074 0.046049c-2.405793-10.211573-11.175527-17.047258-21.115923-17.85567-0.540306-0.135076-0.944512-0.49528-1.484817-0.584308l0.023536-0.091074-83.141582-15.246239-0.021489 0.225127c-12.95301-2.025123-25.052582 6.789637-27.120684 19.74367-2.070148 12.909008 6.79066 25.007557 19.744693 27.03268l71.177086 13.042037 123.102712 379.922892-56.42408 140.734278 0.089028 0.090051c-0.472767 0.629333-0.561795 1.394766-0.988514 2.068102-0.899486 1.528819-1.664919 3.013637-2.204202 4.722558-0.494257 1.526773-0.741897 3.01159-0.920976 4.542456-0.112564 0.89744-0.539282 1.708921-0.539282 2.608407 0 0.63138 0.291642 1.125637 0.336668 1.708921 0.1361 1.708921 0.517793 3.327792 1.01205 4.948709 0.405229 1.302669 0.741897 2.608407 1.349741 3.821025 0.719384 1.484817 1.731434 2.744507 2.788509 4.093225 0.853437 1.079588 1.709945 2.112104 2.719948 3.057639 0.563842 0.449231 0.855484 1.079588 1.417279 1.528819 0.899486 0.675382 1.979074 0.855484 2.946099 1.350764 1.103124 0.629333 2.182712 1.211595 3.396353 1.61887 1.934049 0.673335 3.867074 1.033539 5.91471 1.213641 0.629333 0.046049 1.190105 0.360204 1.866511 0.360204l0 0.090051 593.0919 0 0-0.180102c13.110599 0 23.747867-10.658757 23.747867-23.701818 0-13.087063-10.638291-23.703865-23.747867-23.703865L317.399395 702.801581l36.007075-103.497189 2.156106 6.840802 92.113931 0.1361 341.14982 0 0-0.224104c0.945535 0 1.732457-0.405229 2.610454-0.539282 0.155543 0.044002 0.26913 0.180102 0.427742 0.180102 12.794397 2.832512 25.478278-5.218862 28.313859-17.99177l0.11154 0 104.009865-298.918997c0.314155-0.674359 0.494257-1.393743 0.741897-2.113127l0.900509-2.607384-0.225127-0.045025C925.780513 283.749506 925.668972 283.524378 925.716045 283.255249zM403.507542 806.52185c-23.725354 0-42.954301 19.203364-42.954301 42.86118s19.228947 42.819225 42.954301 42.819225c23.74889 0 42.953278-19.161409 42.953278-42.819225S427.256432 806.52185 403.507542 806.52185zM731.007481 806.52185c-23.700795 0-42.952254 19.203364-42.952254 42.86118s19.250436 42.819225 42.952254 42.819225c23.747867 0 42.976814-19.161409 42.976814-42.819225S754.755348 806.52185 731.007481 806.52185z" fill="#ffffff" p-id="2331"></path></svg><i class="fnt_16">Konfiguriere deine<br>Anlage</i></p></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'); }); </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的时间 } } window.onload = 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(); }); 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(); }); }; $('.page8 .tap li').on('click',function(){ let idx=$(this).index() $(this).addClass('on').siblings().removeClass('on') $(this).find('.des').slideDown() $(this).siblings().find('.des').slideUp() }) </script> </body> </html>