body{margin:0;padding:0;background-color:#fafafa;font-size:16px;font-family:Lato,Roboto,Arial,sans-serif;overflow-x:hidden}#root,body,html{height:100%;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(255,255,255,0);color:#22313f}#root{display:flex;flex-direction:column}#root>.App{flex:1 0 auto}.main-content-wrapper{display:flex;min-height:100vh;flex-direction:column}.main-content{flex:1 0 auto}a{text-decoration:none}textarea{overflow:auto}.leaflet-container{height:100%;width:100%}.grafik{margin-bottom:4rem}.grafik .gElements,.grafik .hidden{display:none}.grafik .waterPipe1,.grafik .waterPipe2,.grafik .waterReservoir,.grafik .waterbeam,.waterAblauf,.waterInPipe,.waterReservoir_static{background:#00b0f0}.grafik .sensorJet{border:2px solid #000000;background:#ffffff}.grafik .jetMotor,.grafik .motor,.grafik .netz,.grafik .schliesserMotor,.grafik .schuetz,.grafik .sensorPressure,.grafik .waterLevel{background:#ffffff;border:1px solid #000000}.grafik .schliesser.none{width:29px;height:12px}.grafik .schliesser.auf{width:29px;height:12px;background:url(/img/schliesser_auf.png) no-repeat}.grafik .schliesser.zu{width:12px;height:29px;background:url(/img/schliesser_zu.png) no-repeat}.grafik .schliesser.zwischen{width:29px;height:29px;background:url(/img/schliesser_zwischen.png) no-repeat}.grafik .schliesser.QSteuerung.auf{width:12px;height:29px;background:url(/img/schliesser_zu.png) no-repeat}.grafik .schliesser.QSteuerung.zu{width:29px;height:12px;background:url(/img/schliesser_auf.png) no-repeat}.grafik .schliesser.QSteuerung.zwischen{width:29px;height:29px;background:url(/img/schliesser_zwischen.png) no-repeat}.grafik .schliesserWater{width:28px;height:68px;background-color:#ffffff}.grafik .reservoirEnclosing,.zentraleEnclosing{background:#f5f5f5}.grafik .center{text-align:center}.grafik .graphicValues{color:#3a3a3a;font-weight:400}.grafik .graphicTitle{font-weight:700}.grafik .graphicInfos{font-size:.8em;font-weight:700}.grafik .good{background:#19F000}.grafik .bad{background:#f00003}.grafik .neutral{background:none}.grafik .sosobad{background:#FFCACA}.grafik .meldung,.grafik .notausZentrale{padding:0 5px}.grafik{position:relative;height:630px;font-size:.7rem}.grafik .image{position:absolute;top:0;left:0;z-index:5}.grafik .loading{position:absolute;top:0;left:595px;z-index:7}.grafik .waterReservoir{width:447px;height:115px;position:absolute;top:84px;left:1px;z-index:3}.grafik .waterReservoir_static{width:322px;height:39px;position:absolute;top:199px;left:127px;z-index:3}.grafik .waterInPipe_1{width:102px;height:518px;position:absolute;top:199px;left:1px;z-index:3}.grafik .waterInPipe_2{width:247px;height:29px;position:absolute;top:558px;left:103px;z-index:3}.grafik .waterAblauf{width:384px;height:67px;position:absolute;top:613px;left:203px;z-index:3}.grafik .waterPipe1{width:58px;height:318px;position:absolute;top:85px;left:64px;z-index:7}.grafik .waterPipe2{width:198px;height:36px;position:absolute;top:367px;left:121px;z-index:5}.grafik .drops{position:absolute;top:549px;left:343px;z-index:5}.grafik .schliesser{position:absolute;z-index:7}.grafik .schliesserWater{position:absolute;z-index:6}.grafik .schliesser.auf{top:566px;left:138px}.grafik .schliesser.zu{top:558px;left:146px}.grafik .schliesser.zwischen{top:558px;left:137px}.grafik .schliesser.QSteuerung.auf{top:637px;left:48px}.grafik .schliesser.QSteuerung.zu{top:644px;left:41px}.grafik .schliesser.QSteuerung.zwischen{top:636px;left:41px}.grafik .schliesserWater{top:650px;left:41px}.grafik .schuetz{position:absolute;z-index:7}.grafik .schuetz,.grafik .schuetz.good{width:23px;height:6px;top:408px;left:255px}.grafik .schuetz.neutral{width:2px;height:23px;top:386px;left:278px}.grafik .netz_1{width:6px;height:84px;top:325px}.grafik .netz_1,.grafik .netz_2{position:absolute;left:226px;z-index:7}.grafik .netz_2{width:31px;height:6px;top:408px}.grafik .waterLevel{width:12px;height:15px;position:absolute;top:142px;left:281px;z-index:6}.grafik .sensorPressure{width:13px;height:23px;position:absolute;top:535px;left:200px;z-index:6}.grafik .jetMotor{width:41px;height:37px;position:absolute;top:521px;left:274px;z-index:4}.grafik .schliesserMotor_1{width:50px;height:64px;position:absolute;top:494px;left:126px;z-index:4}.grafik .schliesserMotor_2{width:50px;height:62px;position:absolute;top:586px;left:126px;z-index:4}.grafik .schliesserMotor_Q_1{left:25px}.grafik .schliesserMotor_Q_1,.grafik .schliesserMotor_Q_2{width:14px;height:43px;position:absolute;top:628px;z-index:5}.grafik .schliesserMotor_Q_2{left:69px}.grafik .motor{width:13px;height:16px;position:absolute;top:399px;left:386px;z-index:6}.grafik .pusher{left:259px}.grafik .jet,.grafik .pusher{z-index:6;position:absolute;top:528px}.grafik .jet{left:270px}.grafik .reservoirEnclosing_1{width:335px;height:30px;position:absolute;top:18px;left:120px;z-index:6}.grafik .reservoirEnclosing_2{width:335px;height:26px;position:absolute;top:239px;left:120px;z-index:6}.grafik .reservoirEnclosing_3{width:6px;height:151px;position:absolute;top:18px;left:120px;z-index:6}.grafik .reservoirEnclosing_4{width:6px;height:40px;position:absolute;top:199px;left:120px;z-index:6}.grafik .reservoirEnclosing_5{width:6px;height:83px;position:absolute;top:48px;left:449px;z-index:6}.grafik .reservoirEnclosing_6{width:6px;height:86px;position:absolute;top:153px;left:449px;z-index:6}.grafik .zentraleEnclosing_1{width:371px;height:30px;position:absolute;top:294px;left:102px;z-index:6}.grafik .zentraleEnclosing_2{width:371px;height:26px;position:absolute;top:654px;left:102px;z-index:6}.grafik .zentraleEnclosing_3{width:6px;height:233px;position:absolute;top:324px;left:102px;z-index:6}.grafik .zentraleEnclosing_4{width:6px;height:67px;position:absolute;top:587px;left:102px;z-index:6}.grafik .zentraleEnclosing_5{width:6px;height:290px;position:absolute;top:324px;left:467px;z-index:6}.grafik .zentraleEnclosing_6{width:6px;height:3px;position:absolute;top:651px;left:467px;z-index:6}.grafik .waterLevelString{position:absolute;top:157px;left:251px;z-index:6}.grafik .drehzahlString{position:absolute;top:367px;left:361px;width:65px;z-index:6}.grafik .durchflussmengeString{position:absolute;top:623px;left:359px;width:75px;z-index:6}.grafik .jetString{position:absolute;top:475px;left:278px;z-index:6}.grafik .pressureString{position:absolute;top:489px;left:188px;z-index:6}.grafik .schliesserString{position:absolute;top:474px;left:126px;z-index:6}.grafik .zentraleTitle{position:absolute;top:300px;left:110px;z-index:7}.grafik .zentraleUpperInfos{position:absolute;top:332px;left:114px;z-index:7}.grafik .reservoirTitle{position:absolute;top:24px;left:127px;z-index:7}.grafik .reservoirInfos{position:absolute;top:241px;left:127px;z-index:7}.grafik .zentraleInfos{position:absolute;top:656px;left:110px;z-index:7}.grafik .zentraleInfosUpper{position:absolute;top:301px;left:316px;z-index:7}.grafik .einAusZentrale{position:absolute;top:301px;left:194px;z-index:7}.grafik .notausZentrale{position:absolute;top:301px;left:250px;z-index:7}.grafik .meldung{position:absolute;top:691px;left:102px;z-index:7}.grafik .leistungZentrale{position:absolute;top:301px;left:338px;width:120px;z-index:7}.grafik .fuellstandString{position:absolute;top:25px;left:221px;z-index:7}