@charset "UTF-8";:root{--main-color: #209ddb;--text-color: #202020;--bg-color: #f8f8fa;--accent-1: #fff;--accent-2: #fafafa;--accent-3: #f5f5f5;--accent-4: #f1f1f1;--accent-5: #eaeaea;--accent-6: #e6e6e6;--accent-7: #e2e2e2;--accent-8: #ddd;--accent-9: #ccc;--accent-10: #bbb;--accent-11: #aaa;--header-color: #151515;--header-bg-color: #fff;--sidebar-color: #151515;--sidebar-bg-color: #fff;--sidebar-secondary-color: #151515;--sidebar-secondary-bg-color: #fff;--navbar-bg-color: #fff;--navbar-elem-color: #fff;--navbar-elem-active: #fcfcfc;--navbar-child-elem-color: #fff;--navbar-child-elem-active: #fafafa;--icon-color: #353535;--grid-bg-color: #fff;--unit-color: #bbb;--info-color: #ccc;--std-shadow: 0 0 25px -10px rgba(0, 0, 0, .25);--lt-shadow: 0 0 25px -10px rgba(0, 0, 0, .15);--status-std: #101010;--status-ok: #209ddb;--status-ok-fill: #34a8e1;--status-moderate: #e2c93e;--status-moderate-fill: #f5a42a;--status-critical: #e23e3e;--status-critical-fill: #f13232;--gear-color: #f2f2f2;--flash-color: #f2f2f2;--battery-active: #209ddb;--battery-inactive: #f2f2f2;--overlay-opacity: rgba(0, 0, 0, .4)}[data-theme=dark]{--main-color: #209ddb;--text-color: #fff;--bg-color: linear-gradient(180deg, #222, #111 25rem), #111;--accent-1: #000;--accent-2: #050505;--accent-3: #101010;--accent-4: #151515;--accent-5: #202020;--accent-6: #272727;--accent-7: #353535;--accent-8: #444;--accent-9: #666;--accent-10: #888;--accent-11: #aaa;--header-color: #fff;--header-bg-color: #252525;--sidebar-color-: #fff;--sidebar-bg-color: #191919;--sidebar-secondary-color: #151515;--sidebar-secondary-bg-color: #202020;--navbar-bg-color: #111111;--navbar-elem-color: #111111;--navbar-elem-active: #131313;--navbar-child-elem-color: #131313;--navbar-child-elem-active: #161616;--icon-color: #fff;--grid-bg-color: #191919;--unit-color: #ccc;--info-color: #ccc;--std-shadow: 0 0 25px -10px rgba(0, 0, 0, .25);--lt-shadow: none;--status-std: #fff;--status-ok: #209ddb;--status-ok-fill: #34a8e1;--status-moderate: #e2c93e;--status-moderate-fill: #f5a42a;--status-critical: #e23e3e;--status-critical-fill: #f13232;--gear-color: #404040;--flash-color: #404040;--battery-active: #1e95d0;--battery-inactive: #404040;--overlay-opacity: rgba(0, 0, 0, .7)}@keyframes warning{0%{transform:scale(1)}to{transform:scale(1.15)}}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;position:relative;text-rendering:optimizeLegibility}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:100%;color:var(--text-color);background:var(--bg-color);background-repeat:no-repeat}a{cursor:pointer;text-decoration:none;color:var(--main-color)}.bg{background:var(--bg-color);background-repeat:no-repeat}h1,h2,h3,h4,h5,h6{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;letter-spacing:-1px}#menuecontent{position:fixed;left:0;top:0;width:4rem;bottom:0;max-width:72%;background:var(--navbar-bg-color);box-shadow:var(--lt-shadow);overflow-y:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:none;transform:translateZ(0);transition:transform ease .5s;z-index:12}@media only screen and (max-width: 900px){#menuecontent{transform:translate3d(-100%,0,0)}#menuecontent.active{transform:translateZ(0)}}#menuecontent::-webkit-scrollbar{display:none}#menuecontent>ul{margin:2rem 0}#menuecontent ul{list-style:none}#menuecontent ul li.main{margin-bottom:.5rem}#menuecontent ul li{cursor:pointer;position:relative;overflow:hidden;opacity:.65;transition:opacity .3s;background-color:var(--navbar-elem-color);transition:background-color .25s}#menuecontent ul li.sub:after{content:"";position:absolute;right:0;top:.95rem;padding:.75rem 1.5rem;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQ2LjAyIDQ2LjAyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0Ni4wMiA0Ni4wMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPgoJPGc+CgkJPHBhdGggZD0iTTE0Ljc1Nyw0Ni4wMmMtMS40MTIsMC0yLjgyNS0wLjUyMS0zLjkyOS0xLjU2OWMtMi4yODItMi4xNy0yLjM3My01Ljc4LTAuMjA0LTguMDYzbDEyLjc1OC0xMy40MThMMTAuNjM3LDkuNjQ1ICAgIEM4LjQ2LDcuMzcsOC41NCwzLjc2LDEwLjgxNiwxLjU4MmMyLjI3Ny0yLjE3OCw1Ljg4Ni0yLjA5Nyw4LjA2MywwLjE3OWwxNi41MDUsMTcuMjUzYzIuMTA0LDIuMiwyLjEwOCw1LjY2NSwwLjAxMyw3Ljg3MiAgICBMMTguODkzLDQ0LjI0N0MxNy43Nyw0NS40MjQsMTYuMjY3LDQ2LjAyLDE0Ljc1Nyw0Ni4wMnoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIHN0eWxlPSJmaWxsOiNCMUIxQjEiPjwvcGF0aD4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+);background-repeat:no-repeat;background-position:center;background-size:24%;transform:rotate(90deg);transition:transform .3s ease}@media (hover: hover){#menuecontent ul li:hover{opacity:1;background-color:var(--navbar-elem-active)}#menuecontent ul li:hover>a{border-left:4px solid var(--main-color);padding-left:2.3rem}}#menuecontent ul li.active{opacity:1;background-color:var(--navbar-elem-active)}#menuecontent ul li.active>a{border-left:4px solid var(--main-color);padding-left:2.3rem}#menuecontent ul li a{display:block;color:var(--text-color);font-weight:400;font-size:1.1rem;padding:1rem 1rem 1rem 2rem;border-left:4px solid transparent;transition:padding-left .3s ease,border-left .3s}#menuecontent ul li ul{max-height:0;pointer-events:none}#menuecontent ul li ul li{opacity:1;background-color:var(--navbar-child-elem-color)}#menuecontent ul li ul li:hover{background-color:var(--navbar-child-elem-active)}#menuecontent ul li ul li a{font-weight:300;font-size:1rem;padding:.85rem .85rem .85rem 2.3rem;opacity:.75}#menuecontent ul li ul li a:hover{padding-left:2.5rem;opacity:1}#menuecontent ul li.active.sub:after{transform:rotate(270deg)}#menuecontent ul li.active ul{max-height:inherit;pointer-events:auto}#overlay{position:fixed;top:0;bottom:0;left:0;right:0;background-color:var(--overlay-opacity);z-index:10;visibility:hidden;opacity:0;transition:opacity .5s,visibility .5s}#overlay.active{visibility:visible;opacity:1}.content{position:absolute;top:5rem;left:4rem;width:60%;width:calc(100% - 4rem);padding:2.75rem;overflow:hidden;transition:left .5s ease,width .5s ease}.content.opened{width:calc(100% - 19rem);left:19rem}@media only screen and (max-width: 1200px){.content{padding:1.5rem}}@media only screen and (max-width: 900px){.content{width:100%;left:inherit;padding:0}}ol{margin:1.5rem}ol li{margin:1rem 0}.content h1{margin:2rem 1rem 1rem;font-size:3.5rem;font-weight:700}@media only screen and (max-width: 1200px){.content h1{font-size:3rem;padding:0 1rem}}@media only screen and (max-width: 900px){.content h1{font-size:2.5rem}}.content h2{font-size:3rem;padding:0 1rem}@media only screen and (max-width: 1200px){.content h2{font-size:2.75rem;padding:0 2rem}}@media only screen and (max-width: 900px){.content h2{font-size:2rem}}.content .grid{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:2rem;padding:1rem;margin:0 0 4rem;overflow-x:scroll}@media only screen and (max-width: 1200px){.content .grid{margin-bottom:3rem}}@media only screen and (max-width: 1200px){.content .grid{display:flex;flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;padding:1rem;margin-bottom:2rem;scrollbar-width:none;gap:0}.content .grid::-webkit-scrollbar{display:none}}.content .grid table img{display:none}.content .grid .grid--elem{cursor:pointer;position:relative;display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden;min-height:17rem;border-radius:10px;box-shadow:var(--lt-shadow);background:var(--grid-bg-color);transform:scale(1);transition:transform .35s ease}.content .grid .grid--elem:not(.loading){animation:fadeInScale75and05 .5s 0s ease}@keyframes fadeInScale75and05{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@media (hover: hover){.content .grid .grid--elem:hover{transform:scale(1.03)}}@media only screen and (max-width: 1200px){.content .grid .grid--elem{min-height:14rem;margin:0 1rem;min-width:15rem}}.content .grid .grid--elem.full{grid-column:1/3}@media only screen and (max-width: 900px){.content .grid .grid--elem.full{max-width:25rem}}.content .grid .grid--elem span.name{display:block;width:100%;padding:1rem 3.5rem 1rem 1rem}.content .grid .grid--elem .value{position:absolute;top:54%;transform:translateY(-50%);z-index:1}.content .grid .grid--elem .value span{display:block;color:var(--status-std);font-size:2.5rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;transition:color .5s}.content .grid .grid--elem .value span.ok{color:var(--status-ok)}.content .grid .grid--elem .value span.moderate{color:var(--status-moderate)}.content .grid .grid--elem .value span.critical{color:var(--status-critical)}.content .grid .grid--elem.full .value span{font-size:3.75rem}.content .grid .grid--elem .unit{font-size:.8rem;display:block;position:absolute;bottom:1rem;right:1.25rem;color:var(--unit-color)}.content .grid.gesamt .grid--elem{flex:1 0 15rem;max-width:34rem}.content .grid.gesamt .value span{font-size:3.5rem!important;margin-bottom:.5rem}.content .grid.chargingstation svg.status{cursor:pointer;width:1.5rem;height:1.5rem;position:absolute;bottom:1rem;left:1rem;fill:var(--battery-inactive);transform:scale(1);transition:fill .5s,transform .35s ease}.content .grid.chargingstation svg.status.active{fill:var(--battery-active)}@media (hover: hover){.content .grid.chargingstation svg.status:hover{transform:scale(1.2)}}.content .grid.chargingstation .active .value span{color:var(--status-ok)}.content .grid.chargingstation .active svg.status{fill:var(--battery-active);animation:batteryblink .8s alternate infinite linear}.content .grid.chargingstation .disconnected{cursor:default}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flash{0%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:.25}to{opacity:1}}@keyframes batteryblink{0%{opacity:.25}to{opacity:1}}@keyframes shine{0%{background-position:-300px}to{background-position:300px}}.berlin #value25{color:var(--status-moderate)!important}::-webkit-scrollbar{display:none;width:0;height:0}.home{background:#151515;position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.home a{position:relative;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.15rem;color:#fff;padding:.75rem 2.75rem;border-radius:100px;overflow:hidden;mask-image:radial-gradient(white,black);-webkit-mask-image:-webkit-radial-gradient(white,black)}.home a span{position:absolute;top:0;right:0;left:0;bottom:0;background-color:#272727;z-index:-2}.home a:before,.home a:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:999px;transition:transform .4s ease-out}.home a:before{background-color:#0bc2ed;transform:scale(0) translate(100%);transform-origin:right center}.home a:after{background-color:#438ccb;transform:scale(0) translate(-100%);transform-origin:left center}.home a:hover:before,.home a:hover:after{transform:scale(1) translate(0)}.home h1{color:#fff}.network__wrapper{padding:2.5rem 8%}.network__wrapper #IPS,.network__wrapper #TA-Unit,.network__wrapper #TA-Unit-2,.network__wrapper #TA-Unit-3,.network__wrapper #LocalAPI,.network__wrapper #MongoDB,.network__wrapper #Cliq,.network__wrapper #Webhook,.network__wrapper #HE,.network__wrapper #API{cursor:pointer;transform:translateZ(0);transition:transform .5s ease}.network__wrapper #IPS *,.network__wrapper #TA-Unit *,.network__wrapper #TA-Unit-2 *,.network__wrapper #TA-Unit-3 *,.network__wrapper #LocalAPI *,.network__wrapper #MongoDB *,.network__wrapper #Cliq *,.network__wrapper #Webhook *,.network__wrapper #HE *,.network__wrapper #API *{stroke:#fff;stroke-width:3px;stroke-linejoin:round;stroke-opacity:0;transition:stroke-opacity .5s ease}.network__wrapper #IPS:hover,.network__wrapper #TA-Unit:hover,.network__wrapper #TA-Unit-2:hover,.network__wrapper #TA-Unit-3:hover,.network__wrapper #LocalAPI:hover,.network__wrapper #MongoDB:hover,.network__wrapper #Cliq:hover,.network__wrapper #Webhook:hover,.network__wrapper #HE:hover,.network__wrapper #API:hover{transform:translate3d(.15%,-1.25%,0)}.network__wrapper #IPS:hover *,.network__wrapper #TA-Unit:hover *,.network__wrapper #TA-Unit-2:hover *,.network__wrapper #TA-Unit-3:hover *,.network__wrapper #LocalAPI:hover *,.network__wrapper #MongoDB:hover *,.network__wrapper #Cliq:hover *,.network__wrapper #Webhook:hover *,.network__wrapper #HE:hover *,.network__wrapper #API:hover *{stroke-opacity:.3}.soc .grid--elem{max-width:35rem}.soc .grid--elem .unit{color:var(--main-fg)!important}@media only screen and (max-width: 1200px){.soc .grid--elem{width:100%}}.soc .grid--elem .battery__status{z-index:-1;position:absolute;bottom:0;left:0;right:0;max-height:100%;opacity:.75;transition:height 1.5s ease,background-color 1s}.soc .grid--elem.ok .battery__status{background-color:var(--status-ok-fill)}.soc .grid--elem.moderate .battery__status{background-color:var(--status-moderate-fill)}.soc .grid--elem.critical .value span{animation:warning .5s ease-in-out infinite alternate}.soc .grid--elem.critical .battery__status{background-color:var(--status-critical-fill)}.bhkw.grid{grid-template-columns:minmax(9rem,16rem) minmax(9rem,16rem) minmax(9rem,16rem) minmax(9rem,16rem) minmax(12rem,16rem) minmax(12rem,16rem);grid-template-rows:repeat(2,minmax(10rem,1fr))}.bhkw.grid .grid--elem{min-height:inherit}.bhkw.grid .glock .bhkwsvg{z-index:-1;height:63%;width:63%;position:absolute;top:54%;transform:translateY(-50%);pointer-events:none}.bhkw.grid .glock .bhkwsvg .gear{fill:var(--gear-color)}.bhkw.grid .glock .bhkwsvg .flash{fill:var(--flash-color);opacity:0;transform:scale(.8);transform-origin:center}.bhkw.grid .glock.active .gear{animation:rotate 8s linear infinite;transform-origin:center}.bhkw.grid .glock.active .flash{animation:flash 1s linear alternate infinite}.bhkw.grid .dachs .bhkwsvg{position:absolute;bottom:1rem;left:1rem;height:26px;width:26px;fill:var(--gear-color)}.bhkw.grid .dachs .bhkwsvg .flash{transform:scale(.7);transform-origin:center}.bhkw.grid .dachs.active .gear{fill:var(--status-ok);animation:rotate 8s linear infinite;transform-origin:center}.bhkw.grid .dachs.active .flash{fill:var(--status-ok);animation:flash 1s linear alternate infinite}@media only screen and (max-width: 1200px){.bhkw.grid{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(8rem,1fr) minmax(8rem,1fr) minmax(8rem,1fr) minmax(12rem,1fr) minmax(12rem,1fr);grid-template-rows:repeat(2,minmax(9rem,1fr));gap:1.25rem;padding:1rem 2rem}.bhkw.grid .grid--elem{min-width:auto;min-height:auto;max-width:inherit!important;margin:0}}.bhkw.grid .glock.glock1{grid-area:1/1/3/3}.bhkw.grid .glock.glock2{grid-area:1/3/3/5}.bhkw.grid .glock .value span{font-size:3.5rem!important}.bhkw.grid .glock .bhkwsvg{height:65%;width:65%;min-height:12rem;min-width:12rem}.photovoltaik.grid{grid-template-columns:repeat(4,minmax(12rem,16rem));grid-template-rows:repeat(2,minmax(10rem,1fr))}.photovoltaik.grid .grid--elem{min-height:inherit;background-color:#071c26;background:linear-gradient(180deg,#071c26 0%,#1a3245 39%,#2a4163 77%)!important;background-repeat:no-repeat;background-size:contain;background-position:center}.photovoltaik.grid .grid--elem.active{background-color:#f2994a;background:linear-gradient(to bottom,#f2994a,#f2c94c)!important}.photovoltaik.grid svg.day,.photovoltaik.grid svg.night{position:absolute;left:0;top:4%;width:100%;height:100%;fill:#fff;opacity:.2;pointer-events:none}.photovoltaik.grid svg.day{animation:sun 12s linear infinite;transform-origin:center}.photovoltaik.grid svg.night{display:block}.photovoltaik.grid a,.photovoltaik.grid span{color:#fff!important}@media only screen and (max-width: 1200px){.photovoltaik.grid{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(8rem,1fr) minmax(12rem,1fr) minmax(12rem,1fr);grid-template-rows:repeat(2,minmax(9rem,1fr));gap:1.25rem;padding:1rem 2rem}.photovoltaik.grid .grid--elem{min-width:auto;min-height:auto;max-width:inherit!important;margin:0}}.pv-total{grid-area:1/1/3/3}.pv-total .value span{font-size:3.5rem!important}.pv-total svg.day,.pv-total svg.night{position:absolute;top:-22%;height:144%;fill:#fff;opacity:.2}@keyframes sun{0%{transform:rotate(0) scale(1.2)}12%{transform:rotate(45deg) scale(1)}25%{transform:rotate(90deg) scale(1.2)}37%{transform:rotate(135deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}62%{transform:rotate(225deg) scale(1)}75%{transform:rotate(270deg) scale(1.2)}87%{transform:rotate(315deg) scale(1)}to{transform:rotate(360deg) scale(1.2)}}.co2 .grid--elem{max-width:35rem}@media only screen and (max-width: 1200px){.co2 .grid--elem{width:100%}}.co2 .value span{color:var(--main-color)!important}.heatpump .value span{margin-bottom:0!important}.heatpump .value span:before,.heatpump .value span:after{content:"";display:block;position:absolute;width:10px;border-radius:10px;top:0;bottom:0;animation:none}.heatpump .value span:before{left:-2rem;background-color:#1f61c4}.heatpump .value span:after{right:-2rem;background-color:#e23e3e;animation-delay:.8s}.heatpump.active .value span:before,.heatpump.active .value span:after{animation:blink .8s linear infinite alternate}.woodchipboiler .wcbsvg{position:absolute;bottom:1.25rem;left:1.25rem;height:28px;width:28px;fill:var(--gear-color)}.woodchipboiler .wcbsvg.active{fill:var(--status-ok)}.woodchipboiler .wcbsvg.active .gear{animation:rotate 8s linear infinite;transform-origin:center}.woodchipboiler .wcbsvg .flash{transform:scale(.7);transform-origin:center}.temperatures .value{opacity:0;transition:opacity 1s,transform .5s ease}.temperatures .value span{transform:translateY(25%);transition:transform 1s ease!important}.temperatures .value.show{opacity:1}.temperatures .value.show span{transform:translateY(0)}.pools .lighting{position:absolute;bottom:1rem;left:1rem;height:1.5rem;width:1.5rem;fill:var(--battery-inactive)}.pools .lighting.activated{fill:var(--status-ok)}.pools .cover{position:absolute;top:.75rem;right:1rem;height:1.7rem;width:1.7rem}.pools .cover .doors{fill:var(--battery-inactive);opacity:.8}.pools .cover.covered .doors{opacity:1;fill:var(--status-ok)}.heaters{position:relative;height:17rem;min-width:17rem}.heaters .heater.loading,.heaters .heater.loading .value span{opacity:1}.heaters .grid--elem{position:absolute!important;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:0;transition:opacity 1s,transform .35s ease!important}.heaters .grid--elem .value span{transition:transform 1s ease,opacity 1s ease,color .5s!important;opacity:0;transform:translate3d(0,25%,0)}.heaters .grid--elem.show{opacity:1;pointer-events:auto}.heaters .grid--elem.show .value span{opacity:1;transform:translateZ(0)}.heaters .grid--elem.shown{opacity:1}.housekeeping .grid--elem{width:100%;max-width:35rem}.housekeeping .value svg#washing{margin-top:1.5rem;width:5.5rem;fill:var(--status-critical);transition:fill 1s;animation:none}.housekeeping .value svg#washing.mustwash{fill:var(--status-ok);animation:washingblink 2s ease infinite}.housekeeping .value svg#washing.wash{fill:var(--status-ok);animation:none}.housekeeping .value svg#washing.canwash{fill:var(--status-moderate);animation:none}.housekeeping .value svg#washing.dontwash{fill:var(--status-critical);animation:none}@keyframes washingblink{0%{opacity:.8;transform:scale(1) rotate(0)}50%{opacity:.8;transform:scale(1) rotate(0)}60%{opacity:1;transform:scale(1.1) rotate(5deg)}70%{opacity:1;transform:scale(1) rotate(-5deg)}80%{opacity:1;transform:scale(1.1) rotate(5deg)}to{opacity:.8;transform:scale(1) rotate(0)}}#he__logo{overflow:visible}#he__logo.loading path{stroke-dasharray:5000;stroke-dashoffset:10500;stroke-width:10;fill-opacity:0;animation:logo 10s ease-in-out alternate infinite}@keyframes logo{to{stroke-dashoffset:0;fill-opacity:1}}.spinner{animation:rotate 2s linear infinite;z-index:2;position:absolute;top:50%;left:50%}.spinner .path{stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}header{position:fixed;top:1.5rem;left:4rem;right:0;height:4rem;box-shadow:var(--std-shadow);padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;background:var(--header-bg-color);margin:0 3.75rem;max-width:19rem;border-radius:10px;transition:left .5s ease;z-index:9}header.opened{left:19rem}@media only screen and (max-width: 1200px){header{margin:0 3.5rem}}@media only screen and (max-width: 900px){header{left:0;top:0;padding:0 1.75rem;margin:0;border-radius:0;max-width:inherit}}header h1{font-size:1.25rem;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:0}header a{display:flex;align-items:center;color:var(--header-color)}header svg{height:1.7rem}.sidebar__std{position:fixed;top:0;bottom:0;left:0;width:4rem;display:flex;flex-direction:column;align-items:center;padding:1.5rem 0;background:var(--sidebar-bg-color);box-shadow:var(--std-shadow);z-index:1}@media only screen and (max-width: 900px){.sidebar__std{display:none;top:inherit;right:0;width:inherit;height:4rem;flex-direction:row}}.sidebar__std>.filter{margin-top:auto}@media only screen and (max-width: 900px){.sidebar__std>.filter{margin-top:.75rem;margin-left:auto}}.sidebar__std>.filter+.filter{margin-top:.75rem}.sidebar__std>span{display:block;position:relative;cursor:pointer;height:27px;width:27px;margin:.75rem}.sidebar__std>span a{color:inherit}.sidebar__std>span svg{height:100%;width:100%;fill:var(--icon-color)}.sidebar__std>span svg.small{transform:scale(.85) translateZ(0);transform-origin:center}.sidebar__std>span:after{opacity:0;content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--accent-7);border-radius:50%;transform-origin:center;transform:scale(1.25) translateZ(0);z-index:-1;transition:transform .3s ease}.sidebar__std>span:hover:after,.sidebar__std>span.opened:after{opacity:1;transform:scale(1.65) translateZ(0)}.sidebar__std>span.opened:after{opacity:1;transform:scale(1.65) translateZ(0);background-color:var(--accent-4)}.sidebar__std .settings__toggle svg{transform:rotate(0);transition:transform .4s ease}.sidebar__std .settings__toggle.opened svg{transform:rotate(-60deg)}.sidebar__ext{opacity:0;visibility:hidden;position:fixed;top:0;bottom:0;left:4rem;background:var(--sidebar-secondary-bg-color);box-shadow:var(--std-shadow);width:15rem;transform:translate(-15rem);transition:transform .5s ease,visibility 0s .5s,opacity 0s .5s}.sidebar__ext.opened{transition:transform .5s ease;opacity:1;visibility:visible;transform:translate(0)}.settings{cursor:default;position:absolute;bottom:-10px;left:45px;width:300px;height:auto;border-radius:10px;background-color:var(--accent-3);box-shadow:0 0 24px 10px #00000026;animation:fadeInY10and05 .4s 0s ease}@keyframes fadeInY10and05{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translateZ(0)}}.settings ul{list-style:none;display:flex;flex-direction:column}.settings ul li{display:flex;justify-content:space-between;align-items:center;padding:1rem}[data-theme=dark] .settings{background-color:var(--accent-6)}.toggle-switch-wrapper{display:flex;align-items:center;justify-content:center;margin-left:auto;height:100%;width:48px}.toggle-switch-wrapper .toggle-switch{display:inline-block;height:14px;position:relative;width:32px}.toggle-switch-wrapper .toggle-switch input{display:none}.toggle-switch-wrapper .toggle-switch input:checked+.slider{background-color:#1e95d0}.toggle-switch-wrapper .toggle-switch input:checked+.slider:before{transform:translate3d(15px,-50%,0)}.toggle-switch-wrapper .slider{background-color:#96969633;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .4s}.toggle-switch-wrapper .slider:before{content:"";position:absolute;top:50%;transform:translate3d(0,-50%,0);height:17px;width:17px;background-color:#fff;box-shadow:0 0 10px #00000026;transition:transform .4s}.toggle-switch-wrapper .slider.round{border-radius:4px}.toggle-switch-wrapper .slider.round:before{border-radius:4px}.detailed__view{z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:scroll;display:flex;justify-content:center;align-items:center;opacity:0;animation:appear .3s ease forwards}.detailed__view .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);z-index:-1}.detailed__view .inner{display:flex;flex-direction:column;position:absolute;height:90%;width:90%;min-height:20rem;max-height:48rem;border-radius:10px;background-color:#101010;overflow-y:scroll;opacity:0;transform:scale(.9) translateZ(0);animation:appear .75s .1s ease forwards}@media only screen and (max-width: 600px){.detailed__view .inner{height:80%}}.detailed__view .inner .close{z-index:2;position:fixed;top:0;right:0;display:block;cursor:pointer;font-size:1.6rem;width:45px;height:40px;background-color:#272727;border-radius:0 10px;display:flex;justify-content:center;align-items:center;transform:scale(1) translateZ(0);transition:transform .3s ease,background-color .3s,border-radius .3s ease}.detailed__view .inner .close:hover{transform:scale(.9) translateZ(0);background-color:#222;border-radius:10px}.detailed__view .inner .options{z-index:1;display:flex;align-items:flex-start;justify-content:flex-start;padding:1rem;height:4rem;white-space:nowrap}.detailed__view .inner .options>*{font-size:.8rem;padding:8px 12px;border-radius:5px;background-color:#202020;height:100%;display:flex;justify-content:center;align-items:center}.detailed__view .inner .options>*:not(:last-child){margin-right:10px}.detailed__view .inner .options .current{position:relative;z-index:0;overflow:hidden}.detailed__view .inner .options .current .battery__status{z-index:-1;position:absolute;bottom:0;left:0;right:0;opacity:.65;transition:height 1.5s ease,background-color 1s}.detailed__view .inner .options .current .battery__status.ok{background-color:var(--status-ok-fill)}.detailed__view .inner .options .current .battery__status.moderate{background-color:var(--status-moderate-fill)}.detailed__view .inner .options .current .battery__status.critical{background-color:var(--status-critical-fill)}.detailed__view .inner .options .view,.detailed__view .inner .options .refetch{z-index:1;cursor:pointer;transform:scale(1) translateZ(0);transition:transform .3s ease,background-color .3s}@media (hover: hover){.detailed__view .inner .options .view:hover,.detailed__view .inner .options .refetch:hover{transform:scale(.96) translateZ(0);background-color:#171717}}@media (hover: none){.detailed__view .inner .options .view:hover,.detailed__view .inner .options .refetch:hover{background-color:#252525}}@media only screen and (max-width: 600px){.detailed__view .inner .options{position:fixed;bottom:0;left:0;right:0;justify-content:center;background:#151515;border-radius:0 0 10px 10px}.detailed__view .inner .options>*:nth-last-child(2){margin-right:0}.detailed__view .inner .options .refetch{position:fixed;top:0;left:0;border-radius:10px 0;width:45px;height:40px;background-color:#272727}}.detailed__view .inner .name{padding:0 2rem .75rem;text-align:center;transform:translateZ(0)}@media only screen and (max-width: 600px){.detailed__view .inner .name{padding:1.75rem 3.5rem .75rem;line-height:1}}.detailed__view .inner .param{list-style:none;text-align:center;margin-bottom:2.5%}.detailed__view .inner .param li{cursor:pointer;display:inline-block;padding:.5rem 1.5rem;border-radius:3px;margin:0 .5rem;background-color:#202020;transform:scale(1) translateZ(0);transition:transform .275s ease,background-color .3s}.detailed__view .inner .param li:hover,.detailed__view .inner .param li.checked{background-color:#171717;transform:scale(.97) translateZ(0)}@media only screen and (max-width: 600px){.detailed__view .inner .param li{margin:.25rem;font-size:.85rem;padding:.4rem 1rem}}.detailed__view .inner .graph__wrapper{position:relative;flex:1 0 auto;display:flex;align-items:flex-end;z-index:-1;overflow:hidden}@media only screen and (max-width: 600px){.detailed__view .inner .graph__wrapper{margin-bottom:4rem}.detailed__view .inner .graph__wrapper .graph{max-height:15rem;top:inherit;transform:scale(1.025) translateZ(0)}}@media only screen and (max-width: 600px){.co2 .detailed__view .options{height:0;padding:0}.co2 .detailed__view .graph__wrapper{margin-bottom:0}}@keyframes appear{to{opacity:1;transform:translateZ(0) scale(1)}}.graph{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.graph .tooltip .value{padding:10px;border-radius:3px;background-color:#191919e6;text-align:center;margin-bottom:5px}.graph .tooltip .datetime{text-align:center;font-weight:300;font-size:.8rem;border-radius:3px;padding:7px;background-color:#0f0f0f80}.time__picker{position:absolute;top:1.05rem;right:3.5rem;white-space:nowrap}.time__picker li{font-size:.8rem;cursor:pointer;list-style:none;display:inline-block;margin:0 .35rem;padding:.5rem 1rem;border-radius:5px;background-color:#353535;transition:filter .35s}.time__picker li:hover,.time__picker li.active{filter:brightness(.75)}.time__picker li.active{cursor:default}.recharts-bar-rectangle .recharts-rectangle{transition:fill .5s}.recharts-text{transform:translateY(7px);font-size:.825rem;fill:#aaa}.screen{position:fixed;top:0;left:0;right:0;bottom:0;padding:0;width:inherit}.screen .screen__content{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(auto,33.3%));padding:1% 2%}.screen .grid{display:grid;grid-template-columns:auto;grid-template-rows:auto;padding:0;margin:0;height:100%;width:100%;gap:1vw;padding:1vw}.screen .grid.soc .grid--elem .value span{font-size:3.5vw!important}.screen .grid.bhkw{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr 1.25fr}.screen .grid.bhkw .glock .value span{font-size:2.75vw!important}.screen .grid.bhkw .glock .bhkwsvg{height:75%;width:100%;min-height:inherit;min-width:inherit}.screen .grid.bhkw .dachs .value{top:55%}.screen .grid.bhkw .dachs .value span{font-size:2vw!important}.screen .grid.bhkw .dachs span.name{padding:5% 25% 5% 5%}.screen .grid.bhkw .dachs .unit{bottom:6%;right:6%}.screen .grid.bhkw .dachs .bhkwsvg{bottom:0;left:0;margin:5%;width:1.1vw;height:1.1vw}.screen .grid.photovoltaik{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr}.screen .grid.photovoltaik .pv-total .value span{font-size:3.5vw!important}.screen .grid.chargingstation{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr}.screen .grid.chargingstation .name{padding-right:.75vw!important}.screen .grid.chargingstation .name>a{margin-right:4%;height:.8vw;width:.8vw}.screen .grid.chargingstation .name .public{margin-left:auto;font-size:.5vw}.screen .grid.heat{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr}.screen .grid.heat .bufferstorage.loading,.screen .grid.heat .woodchipboiler,.screen .grid.heat .temperatures{grid-column:span 2}.screen .grid.heat .heaters{height:auto;min-width:inherit}.screen .grid .grid--elem{max-width:inherit!important;min-width:inherit!important;max-height:inherit!important;min-height:inherit!important;margin:0;padding:0;display:inline-flex;overflow:hidden;border-radius:.35vw;border:1px solid #303030}.screen .grid .grid--elem:not(.loading){animation:fadeInScale025and1 1s 0s ease}@keyframes fadeInScale025and1{0%{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}.screen .grid .grid--elem .value span{font-size:2.25vw!important;margin-bottom:0!important}.screen .grid .grid--elem span.name{font-size:.7vw!important;padding:.75vw;padding-right:25%;transform:translateZ(0)}.screen .grid .grid--elem .info{top:0;right:0;margin:.75vw;width:.9vw;height:.9vw;border-radius:999px;border:1px solid;font-size:.55vw!important}.screen .grid .grid--elem .unit{bottom:.75vw;right:.75vw;font-size:.65vw!important}.screen .grid .grid--elem svg.status,.screen .grid .grid--elem .wcbsvg{bottom:0;left:0;margin:.75vw;width:1.25vw;height:1.25vw}.screen .housekeeping svg#washing{width:4vw;margin-top:10%}.screen .pools .lighting{height:1.25vw;width:1.25vw;bottom:.75vw;left:.75vw}.screen .pools .cover{height:1.25vw;width:1.25vw;top:.55vw;right:.75vw}.screen .multi{display:grid;gap:1vw;padding:1vw;grid-template-columns:1fr 1fr}.screen .multi>.grid{padding:0;overflow:visible}.screen .custom{grid-template-rows:1fr 1fr}.screen .custom>*{grid-template-columns:1fr 1fr}._name_p6jdy_1{position:absolute;display:flex!important;align-items:center;padding-right:1rem!important}._name_p6jdy_1 a{pointer-events:auto;display:flex;justify-content:center;align-items:center;width:1.175rem;height:1.175rem;margin-right:.5rem}._name_p6jdy_1 svg{width:100%;height:100%}._public_p6jdy_21{margin-left:auto;opacity:.35;font-size:.75rem}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}