/* minified by pretz.de 11.12.2022 */
.EinstellungenWahl{border:var(--dunkelgrau) 1px solid;color:var(--dunkelgrau);background:var(--hellgrau);height:24px;width:150px;border-radius:30px;text-align:center;margin-right:10px;margin-bottom:10px;float:left;padding-top:6px;font-weight:bold;}.AdminInfo {border:var(--Farbe1) 1px solid;color:var(--schwarz);padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:5px;border-radius:5px;font-size:12px;background:var(--hellgrau);text-align:left;margin-bottom:5px;margin-top:5px;}#ArrowUP {border:var(--Farbe3) 5px solid;background:var(--Farbe2);position:fixed;bottom:25px;left:30px;width:50px;height:50px;z-index:10;border-radius:50px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;}#ArrowUP:hover{background:var(--Farbe3);border:var(--Farbe2) 5px solid;-webkit-transition:all 0.3s ease;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;}body {font-family:Verdana, sans-serif;background:var(--Farbe1);color:#222222;margin:0;}#content, .AdminInfo{width:90%;margin:0 auto;border:#424242 1px solid;margin-top:10px;margin-bottom:10px;padding:10px 10px 10px 10px;border-radius:10px;}table{font-size:13px;background:#000000;width:80%;margin:0 auto;}h1, h2, h3{display:inline-block;padding-top:0px;padding-bottom:3px;margin-bottom:-3px;border-bottom:var(--Farbe2) 3px solid;}h1{font-size:28px;color:var(--weiss);}h2{font-size:18px;color:var(--weiss);}h3{font-size:18px;}.h_bottom{border-bottom-width:3px;border-bottom-style:solid;width:100%;margin-bottom:10px;border-bottom-color:var(--dunkelgrau);}.txtwrap{border:var(--schwarz) 1px solid;border-radius:10px;background:var(--Farbe3);padding:10px 10px 10px 10px;width:calc(100% - 20px);color:var(--weiss);}.confFrame{padding:5px 5px 5px 5px;border:#B40404 1px solid;border-radius:5px;font-size:12px;background:#c0c0c0;margin-bottom:10px;box-shadow:5px 5px 5px #888888;-webkit-transition:1s;-o-transition:1s;transition:1s;}.admin{float:left;margin:0px 10px 10px 0px;width:100px;}.admin:hover{box-shadow:2px 2px 2px #888888;}#confInfo{width:225px;height:15px;font-size:10px;border:#424242 1px solid;margin-top:10px;margin-bottom:10px;padding:10px 10px 10px 10px;border-radius:10px;background:#F2F5A9;margin:0 auto;}.FieldWrap{width:calc(100% - 40px);margin-top:10px;padding:0 0 0 0px}.FieldWrap span{position:relative;top:25px;left:50px;color:var(--weiss);transition:0.5s;z-index:-1;}.button, input[type="button"], input[type="submit"], input[type="reset"]{border-color:var(--Farbe1);border-width:2px;border-style:solid;box-shadow:0px -1px 0px 0px var(--Farbe1) inset;}option {background:var(--Farbe1);color:var(--weiss);}input[type="text"], input[type="password"], select, textarea, input[type="email"], textarea{-webkit-box-shadow: 0px 2px 2px 0px  var(--schwarz);box-shadow:0 2px 2px 0  var(--schwarz);}textarea {padding-top:10px;}.button, input[type="button"], input[type="submit"], input[type="reset"]{height:30px;transition-property:all;transition-duration:200ms;transition-timing-function:ease-in-out;transition-delay:0s;border-radius:2px;letter-spacing:-0.2px;}input[type="submit"]{background:var(--Farbe1);color:var(--weiss);}.button, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover{background-color:var(--dunkelgrau);color:var(--weiss);}input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], input[type="password"], input[type="email"], textarea, select {border-radius:10px;padding-left:20px;padding-right:20px;border:var(--hellgrau) 2px solid;color:var(--Farbe3);font-weight:bold;}textarea, input[type="text"], input[type="password"], input[type="email"] {width:90%;}select {width:calc(100% + 40px);}input[type="reset"], input[type="button"], .button, input[type="submit"]{height:33px;}input[type="text"], input[type="password"], select, input[type="email"] {height:20px;}select {height:28px;}textarea{height:100px;}.button, input[type="button"], input[type="reset"], input[type="text"], input[type="password"], select, input[type="email"]{color:var(--Farbe3);}input[type="submit"]{color:var(--weiss);}#Kontaktformular input[type="text"], #Kontaktformular input[type="password"],#Kontaktformular select, #Kontaktformular input[type="textarea"],#Kontaktformular input[type="email"], #Kontaktformular textarea {background:transparent;color:var(--Farbe2);}.info{position:relative;top:-100px;height:11px;float:left;padding:9px 37px 10px 10px;margin-top:5px;opacity:0;background-color:#ffffff;border:#2E64FE 2px solid;border-radius:5px;font-size:12px;background-image:url(../img/icon/del.gif);background-repeat:no-repeat;background-position:right;-webkit-transition:2s;-o-transition:2s;transition:2s;}#Gesamtnavigation a{color:var(--weiss);}#Gesamtnavigation{width:100%;border-bottom:var(--schwarz) 1px solid;}#Hauptmenue a:hover{color:var(--Farbe2) !important;}#Hauptmenue .Ebene1UL, #responsive-menu, #Hauptmenue li ul, #Gesamtnavigation{background:var(--Farbe1);}#Hauptmenue, #Hauptmenue * {margin:0;padding:0;list-style:none;}#Hauptmenue {position:relative;float:left;margin:0;z-index:299;}#Hauptmenue ul {position:absolute;top:-999em;width:10em;}#Hauptmenue ul li {width:100%;}#Hauptmenue li:hover {visibility:inherit;}#Hauptmenue li {float:left;position:relative;}#Hauptmenue a {display:block;position:relative;}#Hauptmenue li:hover ul, #Hauptmenue li.sfHover ul {left:0;top:2.5em;z-index:99;}ul#Hauptmenue li:hover li ul, ul#Hauptmenue li.sfHover li ul {top:-999em;}ul#Hauptmenue li li:hover ul, ul#Hauptmenue li li.sfHover ul {left:10em;top:0;}ul#Hauptmenue li li:hover li ul, ul#Hauptmenue li li.sfHover li ul {top:-999em;}ul#Hauptmenue li li li:hover ul, ul#Hauptmenue li li li.sfHover ul {left:10em;top:0;}#Hauptmenue li a {font-family:Arial, Helvetica, sans-serif;font-size:12px;padding-top:5px;padding-bottom:5px;padding-left:20px;padding-right:20px;text-decoration:none;text-transform:uppercase;font-weight:bold;}#Hauptmenue li ul {margin-top:-20px;border-radius:5px;color:var(--weiss) !important;border:1px solid var(--Farbe2);}#Hauptmenue li ul li ul {margin-top:6px;margin-left:-6px;}#Hauptmenue li ul li a {padding-top:10px;padding-bottom:10px;padding-left:15px;padding-right:2px;text-decoration:none;border:0;font-weight:normal;font-size:11px;text-transform:lowercase;background-image:url(../img/icon/arr_d_wht.gif);background-repeat:no-repeat;background-position:3px 13px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}#Hauptmenue li ul li a:hover {padding-left:25px;background-image:url(../img/icon/arr_r_wht.gif);}#responsive-menu {display:none;float:left;}#flyout{height:37px;width:37px;position:fixed;top:3px;left:120px;z-index:300;display:none;}#flyoutWrapper{width:250px;height:100%;position:absolute;top:0;left:-300px;z-index:300;background: var(--dunkelgrau);padding:10px 10px 10px 10px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}#flyoutWrapper a{color:var(--hellgrau);font-size:25px;}.flyoutLink{width:100%;border-bottom:var(--hellgrau) 1px solid;}@media only screen and (max-width:700px) {#Gesamtnavigation, #mainmenu {display:none;height:0;} #responsive-menu {display:inline-block;width:100%;margin-top:0px;padding-top:5px;padding-bottom:5px;text-align:center;} #flyout{display:block;}}#showCode{border:var(--rot) 5px solid;border-radius:10px;background-image:url(../img/icon/del.gif);background-repeat:no-repeat;padding:35px 35px 35px 35px;text-align:center;background-color:var(--blau);position:fixed;top:-200px;left:800px;position:fixed;-webkit-transition:all 1s ease;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}.icons{margin:0px 5px 0px 5px;height:20px;border-radius:50%;}#fade1{position:fixed;top:-200px;left:calc(50% - 150px);width:400px;height:100px;position:fixed;left:calc(50% - 150px);}#fade2{width:400px;height:30px;text-align:center;margin:0 auto;border:#ff0000 1px solid;border-radius:5px;font-size:12px;background:#000000;color:var(--weiss);box-shadow:5px 5px 5px #888888;padding-top:10px;opacity:0;-webkit-transition:1s;-o-transition:1s;transition:1s;}.SchalterAn, .SchalterAus, .Schalter, .SchalterAnDeaktiviert, .KontrAn, .KontrAus, .KontrGruen, .KontrRot, .SchalterAusDeaktiviert, #WebAktivieren, #WebDeAktivieren, #LokalAktivieren, #LokalDeAktivieren{height:20px;width:105px;padding-top:60px;color:rgb(0, 0, 0);box-shadow:5px 5px 5px #000000;border-radius:2px;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;text-align:center;background-size:cover;float:left;margin-right:12px;margin-bottom:10px;font-size:10px;font-weight:bold;}.Schalter{background-image:url('../img/SB/schalter.gif');}.SchalterAn{background-image:url('../img/SB/aus.gif');}.SchalterAus{background-image:url('../img/SB/an.gif');}.SchalterAnDeaktiviert{background-image:url('../img/SB/ausgr.gif');}.SchalterAusDeaktiviert{background-image:url('../img/SB/angr.gif');}#PanicButton:hover, .Schalter:hover, .SchalterAn:hover, .SchalterAus:hover, #WebAktivieren:hover, #WebDeAktivieren:hover, #LokalAktivieren:hover, #LokalDeAktivieren:hover{box-shadow:0px 0px 0px #000000;}.grau{filter:grayscale(1);}.Taster, .TasterDeaktiviert{background-image:url('../img/SB/taster1.jpg');height:74px;width:105px;padding-top:6px;color:rgb(0, 0, 0);box-shadow:5px 5px 5px #000000;border-radius:2px;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;text-align:center;background-size:cover;float:left;margin-right:10px;margin-bottom:10px;font-size:10px;font-weight:bold;}.Taster:hover{background-image:url('../img/SB/taster2.jpg');}.NachlaufAngabe{margin-top:43px;position:relative;}.SchalterAnDeaktiviert, .SchalterAusDeaktiviert, .TasterDeaktiviert{-webkit-filter:grayscale(100%);filter:grayscale(100%);}#UmschalterWebButton{border:rgb(205, 25 ,1) 1px solid;padding:10px 10px 10px 10px;border-radius:5px;background:rgb(255, 255, 150);font-size:10px;}#PanicButton{height:80px;width:105px;box-shadow:5px 5px 5px #888888;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;background-size:cover;}#Panic{float:left;padding-left:calc(25% - 55px);padding-right:calc(25% - 55px);}.Temperatur{height:80px;width:105px;background-size:cover;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;float:left;margin-right:10px;margin-bottom:10px;box-shadow:5px 5px 5px var(--schwarz);}.TempDigits{padding-top:10px;padding-right:30px;width:calc(100% - 30px);font-weight:bold;font-size:15px;text-align:right;}.RHdigits{padding-top:3px;padding-right:50px;width:calc(100% - 50px);font-weight:bold;font-size:13px;text-align:right;margin-top:7px;}.TempOrt{padding-top:7px;width:100%;text-align:center;font-weight:bold;font-size:10px;}@media screen and (max-width:1000px) {.SchalterAn, .SchalterAus, .Schalter, .Taster, .KontrAn, .KontrAus, .KontrGruen, .KontrRot, #PanicButton{width:136px;height:24px;padding-top:80px;font-size:15px;} .Temperatur{height:104px;width:136px;margin-right:13px;} .TempDigits{font-size:24px;padding-right:35px;width:calc(100% - 35px);} .RHdigits{padding-top:1px;width:100%;font-size:19px;padding-right:65px;width:calc(100% - 65px);} .TempOrt{font-size:15px;padding-top:5px;}  .NachlaufAngabe{margin-top:-95px;}}.svgTXT{position:fixed;top:0;left:0;height:100px;width:100px;display:none;fill:var(--schwarz);stroke:none;font-size:15px;font-weight:bold;}.Oszi1{background-color:var(--schwarz);border:var(--blau) 2px solid;border-radius:5px;margin-top:2px;}.Oszi1KurveHUM{stroke:var(--hellgrau);}.Oszi1KurveTEMP{stroke:var(--rot);}.Oszi1yAchseSchrift, .Oszi1xAchseSchrift{fill:var(--hellgrau);stroke:none;}.Oszi1yAchseSchriftPrint, .Oszi1xAchseSchriftPrint{fill:var(--schwarz);stroke:none;}.Oszi1xAchse, .Oszi1yAchse{stroke:var(--dunkelgrau);fill:var(--dunkelgrau);}.Oszi2{background-color:var(--hellgrau);border:var(--blau) 2px solid;border-radius:5px;margin-top:2px;min-width:calc(100% - 10px);}.Oszi2Kurve{}.Oszi2xAchse{}.Oszi2yAchse{}#ShellyAdministration{font-size:12px;background:#c0c0c0;}.Settings{float:left;margin-right:10px;margin-bottom:10px;width:calc(24% - 22px);min-width:120px;height:40px;padding:5px 5px 5px 5px;background:#2E64FE;color:#ffffff;box-shadow:5px 5px 5px var(--schwarz);border:var(--rot) 1px solid;border-radius:5px;}.ShellyLabel{background:#2E64FE;color:#ffffff;font-weight:bold;width:calc(100% - 18px);border:#B40404 1px solid;padding-left:10px;padding-top:1px;border-radius:5px;margin-bottom:5px;height:19px;}.ShellyBezeichnung{width:130px;float:left;}.ShellyArt1{float:left;width:60px;}.ShellyArt2{float:left;width:300px;}.ShellyArt3{float:left;width:100px;}.ShellyArt4{float:left;width:100px;}.ShellyTab1{height:20px;width:110px;float:left;border-bottom:#000000 1px solid;padding:1px 1px 1px 10px;}.ShellyTab2{height:20px;width:calc(50% - 140px);float:left;border-bottom:#000000 1px solid;border-right:#000000 1px solid;padding:1px 1px 1px 10px;}.ShellyDezibel{height:13px;float:left;margin-top:3px;padding-top:-30px;font-size:10px;text-align:center;}@media screen and (max-width:1000px) {.ShellyTab1, .ShellyTab2{width:calc(50% - 20px);}}#Notschalter, #allesAn{height:80px;width:80px;box-shadow:5px 5px 5px #888888;border-radius:50%;background-size:cover;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;text-align:center;margin:0 auto;}#allesAn{background-image:url('../img/SB/allesan.png');}#Notschalter{background-image:url('../img/SB/notaus.png');}#Notschalter:hover, #allesAn:hover{box-shadow:0px 0px 0px #888888;}.errorCount{position:absolute;top:10px;left:calc(100% - 35px);color:var(--weiss);height:21px;width:25px;padding-top:4px;font-size:10px;font-weight:bold;border: #000000 1px solid;border-radius:25px;box-shadow:5px 5px 5px #888888;text-align:center;}#Gruppe1, #Gruppe2, #Gruppe3, #Gruppe4, #Gruppe5, #Gruppe6{overflow:hidden;-webkit-transition:1s;-o-transition:1s;transition:1s;}.ButtonFrame{padding:7px 5px 7px 5px;border:#2E64FE 2px solid;border-radius:5px;font-size:12px;background:#c0c0c0;box-shadow:5px 5px 5px #888888;-webkit-transition:2s;-o-transition:2s;transition:2s;}#UmschalterWeb, #countdown{height:48px;width:96px;border:rgb(205, 25 ,1) 2px solid;border-radius:10px;background:rgb(247, 255, 5);text-align:center;margin-right:23px;box-shadow:5px 5px 5px #888888;font-size:10px;margin:0 auto;}#UmschalterWeb, #countdown{padding:19px 10px 10px 10px;}#countdown{padding-top:2px;display:none;}#WebAktivieren{height:32px;width:121px;background-image:url('../img/SB/webakti.gif');}#WebDeAktivieren{height:32px;width:121px;background-image:url('../img/SB/webdeak.gif');}#LokalAktivieren{height:32px;width:121px;background-image:url('../img/SB/lokalakti.gif');}#LokalDeAktivieren{height:32px;width:121px;background-image:url('../img/SB/lokaldeak.gif');}.KontrGruen{background-image:url('../img/KontrGruen.jpg');}.KontrRot{background-image:url('../img/SB/KontrRot.jpg');}.KontrAn{background-image:url('../img/SB/KontrAn.jpg');}.KontrAus{background-image:url('../img/SB/KontrAus.jpg');}#Meldung, #Schaltmeldung{position:fixed;z-index:3;top:90%;left:2%;width:225px;height:15px;font-size:10px;border:#424242 1px solid;margin-top:10px;margin-bottom:10px;padding:10px 10px 10px 10px;border-radius:10px;background:#F2F5A9;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}#Meldung{top:90%;left:2%;}#Schaltmeldung{top:calc(100% + 40px);left:2%;}a, a:hover, a:visited, a:active{color:#000000;text-decoration:none;}@media screen and (max-width:1000px) {.ShellyArt2, .ShellyArt3{display:none;} #aktuallisieren, #Panik{width:calc(50% - 30px);}  .tdDisplayNone{display:none;}  #head{font-size:8px;}  .head2W25{width:calc(50% - 1px);text-align:center;}  .head2W50{width:calc(100% - 2px);text-align:center;}  .content50{width:calc(100% - 10px);;} #HeadPic, #Deaktivieren {display:none;} #AllesANWrap{float:right;margin-top:-95px;}}.ShellyOn{background:#04B404;}.ShellyOff{background:#B40404;}.ShellyOn, .ShellyOff{width:10px;border:#ffffff 2px solid;border-radius:10px;float:right;height:10px;margin-top:2px;margin-right:15px;}.chart{width:5px;background:#ff00ff;float:left;margin-right:5px;}.noData{width:4px;height:4px;background:var(--blau);float:left;margin-right:2px;border-radius:4px;border:var(--weiss) 2px solid;}.textareaEdit {padding-left:50px;font-size:12px;padding-top:0px;line-height:14px;font-family :monospace;}.textareaZeilen {z-index:99;position:absolute;left:10;width:40px;font-size:12px;padding-top:1px;padding-right:5px;padding-bottom:10px;text-align:right;background:#efefef;font-family:monospace;line-height:14px;border:#000000 1px solid;}#fade1{position:fixed;top:-200px;left:calc(50% - 150px);width:400px;height:100px;position:fixed;left:calc(50% - 150px);}#fade2{width:400px;height:30px;text-align:center;margin:0 auto;border:#ff0000 1px solid;border-radius:5px;font-size:12px;background:#000000;color:var(--weiss);box-shadow:5px 5px 5px #888888;padding-top:10px;opacity:0;-webkit-transition:1s;-o-transition:1s;transition:1s;}.ZEtab{background-size:cover;float:left;border-bottom:#000000 1px solid;padding:1px 1px 1px 10px;border-right:#000000 1px solid;height:25px;padding-bottom:5px;padding-right:5px;background-size:44px, auto, contain !important;background-repeat:no-repeat !important;}.ZEspalte1{width:100px;}.ZEspalte2{width:29px;}.ZEspalte5{width:100px;}.ZEspalte6{width:80px;text-align:right;}.ZEspalte9{width:80px;}.ZEspalte10{width:176px;}.ZE_lastRow{border-bottom:#000000 3px solid;background:var(--hellgrau);}#speichern, #pdfButton{position:fixed;left:940px;text-align:center;padding:5px 5px 5px 5px;border:#B40404 1px solid;font-size:12px;background:#c0c0c0;box-shadow:5px 5px 5px #888888;width:80px;padding-top:23px;font-weight:bold;color:#B40404;-webkit-transition:1s;-o-transition:1s;transition:1s;}#speichern{top:300px;border-radius:100px;height:57px;}#pdfButton{top:400px;border-radius:10px;height:37px;}#speichern:hover, #pdfButton:hover{box-shadow:1px 1px 1px #888888;background:#f0f0f0;}@media screen and (max-width:1100px) {#speichern, #pdfButton{left:10px;} .ZEtab{width:15% !important;}}.Mitarbeiterelement{width:275px;background:var(--weiss);padding:5px 5px 10px 5px;margin:0px 5px 5px 0px;float:left;border:var(--rot) 1px solid;border-radius:5px;}.MitarbeiterelementLinks{width:180px;height:55px;border:#2E64FE 1px solid;margin-right:10px;}.MitarbeiterelementLinks:hover{box-shadow:0px 0px 0px #888888;}.MitarbeiterelementRechts{width:55px;height:50px;padding-top:10px;border-radius:60px;}.MitarbeiterelementRechts:hover{box-shadow:0px 0px 0px #888888;}.Zeitconverter{float:left;color:var(--rot);background:#efefef;height:17px;padding:3px 5px 0px 0px;border:var(--rot) 1px solid;border-radius:5px;width:140px;font-size:12px;text-align:right;}.ZeitconverterWrap{float:left;width:150px;text-align:center;}