.single-slide,.swiper-slide,.swiper-wrapper{width:100%;height:100%;position:relative;transition-property:transform}.select,body{font-size:16px;color:#eee}#popup,body{background-size:auto;background-color:#101010}#popup:after,#popup:before{content:"";top:0;left:0;bottom:0;right:0}*{touch-action:pan-y;user-select:none;-ms-user-select:none;-webkit-user-select:none;font-family:Calibri,Arial,sans-serif}#lblErgebnis,#txtPass{user-select:text}body{background-image:url("/img/metal_bgr.jpg");background-repeat:no-repeat;text-align:center;margin:24px auto 0;border-width:0;max-width:1056px;position:relative;padding:0 6px;height:100%}.Macro,h2{text-align:left}.swiper-container{width:100%;height:100%;margin:8px auto 34px;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-wrapper{z-index:1;display:flex;box-sizing:content-box}.Details,.Energy>div,.Gate>div,.Heater>div,.Light>div,.Macro,.Power>div,.PvControlBtn,.Range>div,.Sensor>div,.Shade>div,.StatusBar>div,.WbControlBtn,.Window>div,div .Range>input,h2{display:inline-block}.single-slide,.swiper-slide{box-sizing:border-box;padding:5px;border:3px groove rgba(255,255,255,.25);text-align:left;flex-shrink:0}.no-slide{margin:10px 0 15px}.single-slide{min-width:882px}h1{font-size:42px;margin:0 10px}h2{font-size:32px;line-height:40px;margin:6px}.Macro{padding:0 0 0 4px;margin-bottom:10px;height:28px;vertical-align:middle}.Energy,.Gate,.Light,.Power,.Sensor,.Shade,.Window{padding:4px;margin:2px 0;border:1px inset rgba(240,240,240,.4);text-align:center;display:inline-block;vertical-align:top;width:160px;height:80px}.Energy{width:334px;height:102px}.Light,.Power{height:58px}.Details{padding:0 10px 0 0;text-align:left;width:286px}.EncryptForm h2,.LoginForm h2,.Sceneset select,.select{text-align:center}.PvControlBtn,.WbControlBtn{vertical-align:38px;width:34px}#popup,.Hidden{display:none}.select{background-image:none;font-weight:600;background-color:rgba(0,0,0,0);border:none;-moz-appearance:none;-webkit-appearance:none;appearance:none}#popup,.HeaderBgr,.StatusBgr{background-image:url("/img/metal_bgr.jpg");background-repeat:no-repeat}.select *{background-color:rgba(0,0,0,.95);font-size:13px;font-weight:400;color:#aaa}#popup,.Name{font-size:21px}.SensorLabel,.SensorValue{margin-top:7px;font-size:18px}.SensorValue{font-size:19px;font-weight:600}.Details,.Range{font-size:16px}.Position{width:48px}.Sceneset select{width:160px}.single-slide button,.swiper-wrapper button{height:28px;width:28px;background-size:100%;background-color:transparent;border:none;color:transparent;margin:5px 2px 2px;padding:0}.Macro button{margin-top:0;margin-left:8px}.Header,.HeaderBgr,.StatusBar,.StatusBgr{background-color:rgba(240,40,40,.25);font-family:Calibri,Arial,sans-serif;color:#fff;z-index:1000;left:0;width:100%;position:fixed;margin:0}.Header,.HeaderBgr{padding:2px;font-size:12px;height:16px;top:0}.StatusBar,.StatusBgr{padding:5px 15px;font-size:13px;text-align:left;line-height:135%;height:18px;bottom:0}.HeaderBgr,.StatusBgr{background-size:cover;z-index:999}.Buttons{position:absolute;right:35px;padding:0}.EncryptForm,.LoginForm{background-color:rgba(255,255,255,.15);box-shadow:3px 3px 10px #505050;width:300px;margin:8% auto auto;padding:10px 0}.EncryptForm{width:450px}.EncryptForm form,.LoginForm form{padding:20px 24px 46px}.EncryptForm p,.LoginForm p{margin:0;color:#aaa}#btnPuCancel,#btnPuOK,.Buttons>button{background-color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.5);color:#fff;border-radius:5px;border-width:1px;padding:1px 12px;margin:2px}#lblErgebnis{float:left;font-size:15px}.Buttons>button{font-size:10px;cursor:pointer}#btnPuCancel,#btnPuOK{font-size:14px;min-height:20px;line-height:1.3}#btnLogin,#btnOK{background-color:rgba(80,80,80,.55);min-height:32px;line-height:2.3;padding:0 12px;float:right;color:#ddd;border:1px solid rgba(240,240,240,.4);border-radius:3px;margin-top:5px}#txtName,#txtPass{background-color:rgba(0,0,0,.25);font-size:22px;line-height:1.2;width:100%;padding:.1875rem .3125rem;margin:3px 6px 16px 0;min-height:30px;max-height:none;box-shadow:0 0 0 transparent;border-radius:4px;border:1px solid #505050;color:silver;box-sizing:border-box}#popup{position:fixed;padding:10px;width:270px;left:50%;margin-left:-145px;height:180px;top:50%;margin-top:-115px;z-index:20}#popup:after{position:fixed;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:-2}#popup:before{position:absolute;background:rgba(64,64,64,.35);z-index:-1;border-radius:5px;border:1px solid #606060}.Range{margin:15px 0;text-align:left}div .Range>input{width:180px;height:8px;-webkit-appearance:none;appearance:none;outline:0;border-radius:8px;background-color:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.Blink{animation:.8s linear infinite blink}@keyframes blink{0%,50%{opacity:0}100%,50.01%{opacity:1}}.Scale_85{background-image:url(/img/scale_85.png);background-repeat:no-repeat;background-size:cover}.SensorState{position:relative;top:-20px}.DivCategory h2{float:left}.btn_up1{background-image:url(/img/btn_up1.png)}.btn_up2{background-image:url(/img/btn_up2.png)}.btn_dn1{background-image:url(/img/btn_dn1.png)}.btn_dn2{background-image:url(/img/btn_dn2.png)}.btn_stop{background-image:url(/img/btn_stop.png)}.btn_onoff{background-image:url(/img/btn_onoff.png)}.btn_on{background-image:url(/img/btn_on.png)}.btn_off{background-image:url(/img/btn_off.png)}.btn_car1{background-image:url(/img/btn_car1.png)}.btn_car2{background-image:url(/img/btn_car2.png)}.btn_1{background-image:url(/img/btn_1.png)}.btn_2{background-image:url(/img/btn_2.png)}.btn_3{background-image:url(/img/btn_3.png)}.btn_4{background-image:url(/img/btn_4.png)}.btn_5{background-image:url(/img/btn_5.png)}.btn_6{background-image:url(/img/btn_6.png)}.btn_7{background-image:url(/img/btn_7.png)}.btn_8{background-image:url(/img/btn_8.png)}.btn_9{background-image:url(/img/btn_9.png)}.btn_10{background-image:url(/img/btn_10.png)}.btn_up1:active{background-image:url(/img/btn_up1p.png)}.btn_up2:active{background-image:url(/img/btn_up2p.png)}.btn_dn1:active{background-image:url(/img/btn_dn1p.png)}.btn_dn2:active{background-image:url(/img/btn_dn2p.png)}.btn_stop:active{background-image:url(/img/btn_stopp.png)}.btn_5:active{background-image:url(/img/btn_5p.png)}.btn_10:active{background-image:url(/img/btn_10p.png)}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}@media only screen and (max-width:719px){.swiper-slide,.swiper-slide h2,h1{text-align:center}h1{font-size:34px}.Name{font-size:19px}body{font-size:15px}.swiper-slide h2{font-size:28px;float:none}.Macro button{margin-left:8px!important}}