body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
*{margin: 0;padding: 0;box-sizing: border-box}:root{scroll-behavior: smooth;scroll-padding-top: 8rem}html{font-size: 62.5%}body{font-family: Arial, Sans-Serif;font-size: 1.4rem}ul{margin-left: 2rem}h1,h2,h3,h4,h5,h6,p,ul,ol{margin-bottom: 1em}li{margin-bottom: 0.3em}a{color: #000}#heading + div{padding-top: 10rem}.mod_article > .inside{width: 96rem;padding: 2rem;position: relative;margin: auto}.mod_article.w100 > .inside{width: 100%;padding: 0}fieldset{margin-bottom: 2rem}#devices,#range{border: none}legend{font-size: 1.6rem;font-weight: bold;cursor: pointer}#devicesLegend,#rangeLegend,#customerLegend{font-size: 2rem;margin-bottom: 2rem;cursor: default}#customer-select{margin-bottom: 2rem}#customer-select select{width: 100%}#zeitraum{padding: .5rem .1rem}.parameter-list{display: flex;flex-direction: column;gap: 0.5rem;padding: 1rem;border: 1px solid #ccc;border-radius: 0.5rem}.draggable-param-item,select{position: relative;background-color: #f9f9f9;padding: 8px 0 8px 12px;border: 1px solid #ddd;border-radius: 4px;cursor: grab;display: flex;align-items: center;transition: background-color .2s ease-in-out}.draggable-param-item:hover{background-color: #e0e0e0}.draggable-param-item.dragging{opacity: 0.5;border: 1px dashed #007bff}.draggable-param-item.drag-over{border: 2px dashed #007bff;background-color: #d0eaff}.draggable-param-item label{margin-left: 10px;cursor: grab;flex-grow: 1;display: flex;align-items: center;justify-content: flex-start;position: relative}.draggable-param-item label select{margin-left: auto;padding: 4px 6px}.draggable-param-item input[type="checkbox"]{margin-right: 10px}legend.toggle + div{max-height: 1000px;transition: all .3s ease-out;opacity: 1;margin-top: 1rem}legend.toggle + div.hidden{max-height: 0;opacity: 0;margin: 0;padding-top: 0;padding-bottom: 0}label{display: block;font-size: 1.6rem}.uplot{position: relative;margin: auto}.chart-combined{margin-bottom: 30px}#dashboard{width: 100%}#dashboard > .inside{display: flex;justify-content: space-between;flex-wrap: wrap}#dashboard .paramConfig{position: absolute;bottom: 0;left: 0;z-index: 5;transform: translate(0, 100%);width: 100%;display: none}#dashboard .paramConfig .inside{display: flex;justify-content: space-between;flex-wrap: nowrap;width: 100%;background: #ddd;border: 1px solid #666;padding: 0.3rem}#dashboard .paramConfig input{width: 32%}#dashboard .paramConfigToggle{width: 2.8rem;height: 2.8rem;margin-left: 1rem;padding: 0.5rem;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'><g fill='%23555555'><rect x='58' y='0' width='12' height='18' rx='2' transform='rotate(0 64 64)'/><rect x='58' y='0' width='12' height='18' rx='2' transform='rotate(45 64 64)'/><rect x='58' y='0' width='12' height='18' rx='2' transform='rotate(90 64 64)'/><rect x='58' y='0' width='12' height='18' rx='2' transform='rotate(135 64 64)'/><rect x='58' y='0' width='12' height='18' rx='2' transform='rotate(180 64 64)'/><rect x='58' y='0' width='12' height='18' rx='2' transform='rotate(225 64 64)'/><rect x='58' y='0' width='12' height='18' rx='2' transform='rotate(270 64 64)'/><rect x='58' y='0' width='12' height='18' rx='2' transform='rotate(315 64 64)'/><circle cx='64' cy='64' r='44'/></g><circle cx='64' cy='64' r='18' fill='%23ffffff'/></svg>");background-repeat: no-repeat;background-position: center;background-size: 75% auto}#top-view,#heading{width: 100%;box-shadow: 0 0 1rem #ccc;position: relative;z-index: 25;padding: 0 1.5rem;margin-bottom: 1rem;background: #fff}#top-view > .inside,#heading > .inside{height: 5rem;display: flex;justify-content: space-between;align-items: center;padding: 0.5rem}#top-view > .inside nav,#heading > .inside nav{display: flex}#top-view > .inside h2,#heading > .inside h2{font-size: 2.4rem;margin: 0}#top-view > .inside h4,#heading > .inside h4,#top-view > .inside a,#heading > .inside a,#top-view > .inside strong,#heading > .inside strong{color: #000;font-weight: bold;font-size: 1.6rem;text-decoration: none;cursor: pointer;margin: 0 1em}#top-view > .inside h4:hover,#heading > .inside h4:hover,#top-view > .inside a:hover,#heading > .inside a:hover,#top-view > .inside strong:hover,#heading > .inside strong:hover{text-decoration: underline}#top-view > .inside strong,#heading > .inside strong{text-decoration: underline;cursor: default}#top-view > .inside img,#heading > .inside img{height: 4rem;width: auto}#top-view > .inside ul,#heading > .inside ul{display: flex;flex-wrap: wrap;list-style: none;margin: 0}#top-view > .inside ul li,#heading > .inside ul li{margin-left: 1.5rem}#heading{position: fixed}#side-view{width: 25%;height: calc(100vh - 6rem);overflow: auto;padding: 1.5rem;transition: width, padding .4s}#side-view.hidden{width: 0;padding: 0;height: 0}#main-view{width: 75%;height: calc(100vh - 6rem);overflow-x: hidden;overflow-y: scroll;padding: 1.5rem 0;transition: width .4s}#main-view nav a{margin: 1em}#side-view.hidden + #main-view{width: 100%}#login > .inside{min-height: calc(100vh - 10rem);width: 100%;display: flex;flex-wrap: wrap;align-content: center;justify-content: center}.mod_login,.mod_lostPassword{width: 50%;min-width: 56rem;max-width: 65rem;padding: 3rem 1rem 3rem 3rem;background: #f1f1f1;border-radius: 3rem;box-shadow: 0 0 3rem -1rem #000;margin-bottom: 15rem}.mod_login .inside,.mod_lostPassword .inside{background-image: url(/files/layout/img/logo_340_340.png);background-repeat: no-repeat;background-position: center right;background-size: 14rem}.mod_login h1,.mod_lostPassword h1{font-size: 2.4rem;margin-bottom: 1em}.mod_login a,.mod_lostPassword a{color: #888;text-decoration: none;margin-top: 1em;font-size: 1.4rem;transition: all .4s;display: inline-block}.mod_login a:hover,.mod_lostPassword a:hover{color: #000;text-decoration: underline}.mod_login .formbody,.mod_lostPassword .formbody{display: flex;flex-wrap: wrap;justify-content: space-between;width: calc(100% - 15rem)}.mod_login .widget-text,.mod_lostPassword .widget-text,.mod_login .widget-password,.mod_lostPassword .widget-password{width: calc(49% - 5rem)}.mod_login .widget-submit,.mod_lostPassword .widget-submit{width: 10rem}.mod_login label,.mod_lostPassword label{font-size: 1.6rem;margin-bottom: 0.5rem;font-weight: bold}.mod_login input,.mod_lostPassword input{font-size: 1.6rem;padding: .25rem 1rem;width: 100%}.mod_login button,.mod_lostPassword button{margin-top: 2.4rem;font-size: 1.6rem;padding: .25rem 1rem;cursor: pointer;width: 100%}.mod_lostPassword{width: 90%;margin: 5rem 0}.mod_lostPassword .widget-text{width: 49%}.mod_lostPassword .widget-submit{width: 100%}.mod_lostPassword .widget-submit button{margin-top: 2%}.flatpickr-current-month{display: flex !important;justify-content: space-around}.u-value{min-width: 50px;text-align: left}#favoriteStar{cursor: pointer;font-size: 24px;color: #bbb;margin-left: 10px;user-select: none}#favoriteStar.active{color: gold}