body {margin: 0;background-color:#ececec}

.tstcntpwz{overflow: visible;;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;text-align:left;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;padding:9px 5px;font-size:16px;color:#75716f;border:none;background-color:#f9f9f9}

.tstcnt{overflow:hidden;position:absolute;background-color:#fff;border:none;border-left:1px solid #d3d3d3;left:55px;top:50px;min-height:100%;height:auto;right:0px;transition:0.3s;}

.tstcntl{width:150px;background-color:#f9f9f9;border:none;height:inherit;border-right: 2px solid #ededed;}

.tstcntpw{overflow: visible;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;text-align:left;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;padding:9px 5px;font-size:16px;background-color:transparent;color:#75716f;border-bottom:1px solid #e7e7e7;}

@media (min-width:1000px){.tstcntpw:hover {background-color:#f9f9f9}}

@media (min-width:1000px){.tstcntpwz:hover {background-color:#eee}}

.tstcnth{border:1px solid #e2e2e2;margin-top:20px;margin-right:00px;margin-left:10px;text-align:center;width:32%;height:auto;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;background-color:transparent;color:#75716f}

.tstcntpwn{display:none;margin-top:15px;margin-left:15px;margin-bottom:10px;overflow: hidden;cursor:pointer;margin-top:15px;margin-left:15px;margin-right:15px;text-align:left;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;padding:10px 15px;font-size:16px;background-color:#eeeeee;color:#75716f;border:1px solid black;-webkit-animation: slide-down .2s ease-out;-moz-animation: slide-down .2s ease-out;}

.cntpwdwn{height:20px;width:90%;text-align:left;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;margin-top:-10px;margin-left:30px;padding:10px;font-size:13px;background-color:transparent;color:#a3a3a3;border:none;}

.sticky {position: -webkit-sticky;position: sticky;top: 0;}

.fa {position: relative;display: inline-block;}

.fa .tipptext {visibility: hidden;font-size:14px;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;width: 120px;background-color: #000;color: #fff;text-align: center;padding: 5px 0;border-radius: .1rem;position: absolute;z-index: 150;bottom: -200%;overflow:visible!important;left: 0%;margin-left: -44px;opacity: 0;transition: opacity 0.3s;}

.fa .tipptexte {visibility: hidden;font-size:14px;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;width: 170px;background-color: #000;color: #fff;text-align: left;padding: 5px 0;border-radius: .1rem;position: absolute;z-index: 150;bottom: -50%;overflow:visible!important;left: 0%;margin-left: -170px;opacity: 0;transition: opacity 0.3s;}

.fa .tipptext:after {content: " ";position: absolute;right: 52px;top: -8px;border-top: none;border-right: 8px solid transparent;border-left: 8px solid transparent;border-bottom: 8px solid black;}

.fa:hover .tipptext {visibility: visible;opacity: 1;} 

.fa:hover .tipptexte {visibility: visible;opacity: 0.4;} 

.fa-navicon {display:block;}

@media (min-width:450px){.fa-navicon{display:none}}

.navmenu {display:none;}

.tstcntnav{position:relative;z-index:40;display:none;overflow: visible;width:85%;margin-bottom:-49px;margin-left:0px;margin-right:0px;margin-top:-9px;text-align:left;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;height:30px;padding:9px 5px;font-size:16px;background-color:#fff;color:#75716f;-webkit-animation: slide-left .2s ease-out;-moz-animation: slide-left .2s ease-out;}

.tstcntnavz{position:relative;z-index:40;display:none;overflow: visible;width:85%;margin-bottom:-49px;margin-left:0px;margin-right:0px;margin-top:-9px;text-align:left;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;height:30px;padding:9px 5px;font-size:16px;background-color:#f9f9f9;color:#75716f;-webkit-animation: slide-left .2s ease-out;-moz-animation: slide-left .2s ease-out;}

@media (min-width:450px){.navmenu{display:block}}

@-webkit-keyframes slide-left {0% {opacity: 0;-webkit-transform: translateX(100%);}100% {opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes slide-left {0% {opacity: 0;-moz-transform: translateX(100%);}100% {opacity: 1;-moz-transform: translateX(0);}}

.bzh {display:block;margin-top:4px;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;font-size:15px;padding:0px;color:#75716f;}

.bzk {display:block;margin-top:-4px;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;width:auto;font-size:15px;padding:0px;color:#75716f;}

.bzo {display:block;margin-top:4px;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;font-size:15px;padding:0px;color:#75716f;}

@-webkit-keyframes slide-down {0% {opacity: 0;-webkit-transform: translateY(-5%);}100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes slide-down {0% {opacity: 0;-moz-transform: translateY(-5%);}100% {opacity: 1;-moz-transform: translateY(0);}}

.pwh {display:block;margin-bottom:-10px;margin-top:5px;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;padding:0px;color:#75716f;}

.berh {display:block;margin-left:5;margin-bottom:0px;margin-top:10px;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;padding:0px;color:#75716f;}

.vert {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.lgncnt{background-color:#fff;width:350px;}

.container{margin: 0 auto;width:80%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

.clientmenu {display: none; position: fixed;z-index: 101;left: 0;top: 0;width: 100%;height: 100%;overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}

.clientmenu-content {border-radius:0rem;background-color: #fefefe;margin: 10% auto; padding: 20px;border: 1px solid #888;width: 85%;}

@media (min-width:610px){.clientmenu-content{width:60%}}

.devid {display: none; position: fixed;z-index: 101;left: 0;top: 0;width: 100%;height: 100%;overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}

.devid-content {border-radius:0rem;background-color: #fefefe;margin: 10% auto; padding: 20px;border: 1px solid #888;width: 85%;}

@media (min-width:610px){.devid-content{width:60%}}

.close {transition:0.2s;color: #aaa;margin-top:-15px;float: right;font-size: 28px;font-weight: normal;}

.close:hover, .close:focus {color: red;text-decoration: none;cursor: pointer;} 

.platzhalter {height:75px;margin:0 auto;width:325px;background: url(../img/logot.png) no-repeat center;}

.logmax {border:none;background-color:transparent;width:25;color:#75716f;font-size:14px;font-weight:bold;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif}

.labelh {display:block;margin-top:40px;margin-bottom:50px;text-align:center;color:#87888b;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;font-size: 18px;}

.labelhs {border-bottom:1px solid #e2e2e2;display:block;padding:10px;background-color:#f9f9f9;text-align:left;color:#75716f;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;font-size: 16px;}

.labelhsu {display:block;padding:10px;background-color:transparent;text-align:left;color:#75716f;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;font-size: 14px;}

.textareau {margin-top:-13;background-color:transparent;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;font-size: 13px;width:95.5%;border:none;resize:none;color:#87888b}

.labelhs:hover {cursor:pointer;}

.labelhsn {display:block;padding:4px;background-color:#f9f9f9;text-align:center;color:#87888b;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;font-size: 13px;}

.labelhb {display:inline-block;margin-left:35px;text-align:left;color:#87888b;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;font-size: 15px;}

.labelhbo {display:inline-block;margin-left:0px;text-align:left;color:#87888b;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;font-size: 15px;}

.labelhbh {display:inline-block;margin-left:15px;text-align:left;color:#87888b;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold;font-size: 13px;}


.labelhbr {display:inline-block;margin-left:35px;float:right;text-align:right;color:#87888b;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;font-size: 15px;}

.labelhbro {display:inline-block;margin-left:0px;float:right;text-align:right;color:#87888b;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;font-size: 15px;}

.labelu {float:right;margin-top:16px;cursor:pointer;text-align:center;color:#fff;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;font-size: 14px;}

.dropdown {position: relative;float:right;display: block;z-index: 2;}

.dropdown-content {display: none;padding-bottom:5px;margin-top:50px;position: absolute;background-color: #222;min-width: 180px;margin-left:-50px;border-top:1px solid #f9f9f9}

.dropdown-content a {font-size:14px;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;color: white;border: none;padding: 10px 24px;text-decoration: none;display: block;}

.dropdown-content a:hover {background-color: #111}

.show {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

.checkbox {text-align:center;color:#87888b;opacity:0.8;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;font-size: 14px;}

.trenner {width: 100%; height: 1px; margin: 0 auto;color:#fff;background:#87888b;opacity:0.3}

.trenners {width: 100%; height: 1px; margin: 0 auto;color:#fff;background:#ddd;opacity:1}

.eingabe{font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;width:80%;height:calc(1em + 1rem + 2px);padding:1rem 1.7rem;font-size:.9rem;line-height:1;color:#87888b;background-color:#f7f7f7;border:1.5px solid #fff;border-left:1px solid black!important;border-color:#dbdbdb}

.eingabepw{font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;width:100%;height:calc(1em + 1rem + 2px);padding:1rem 1.7rem;font-size:.9rem;line-height:1;color:#87888b;background-color:#fff;border:1.5px solid #fff;border-left:1px solid black!important;border-color:#dbdbdb}

.input i { position: absolute;margin-top:9px;} 
          
.icon { min-width: 32px;font-size:16px!important; text-align: center;color:#87888b; } 
          
.input { margin:0 auto;width: 100%;margin-top:12px; text-align: center; } 

.inputpw { display:block;width: 90%;margin-top:12px; text-align: center; } @media (min-width:300px){.inputpw{width: 80%;}}@media (min-width:768px){.inputpw{width: 80%;}}@media (min-width:992px){.inputpw{width: 90%;}}@media (min-width:1200px){.inputpw{width: 90%;}}

.inputpw i { position: absolute;margin-top:9px;} 

.warn {background-color:#f2dede;color:#bc5668;height:45px;text-align:center;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;display:block;border:none;width:350px;}

.btn-login{cursor:pointer;color:#fff;width:74%;padding:3px 3px;background-color:#000;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;font-weight:bold;border:none}.btn-login:hover{color:#fff;background-color:#555;border:none}

.grida{display:grid;grid-template-columns: 60% 40%;margin-bottom:40px;margin-top:50px;}

.gridl{display:grid;grid-template-columns: 25% 25% 25% 25%;}

.gridlh{display:grid;grid-template-columns: 30% 30% 30%;}

.gridlhk{display:grid;grid-template-columns: 50% 50%;}

.gridticket{display:grid;grid-template-columns: 20% 80%;}

.columna {float: left;width: 13%;margin-left:1%;margin-right:2%}

@media screen and (max-width: 1400px) {.columna {width: 18%;}}

@media screen and (max-width: 700px) {.columna {width: 100%;margin:0}}

.columnb {float: left;width:54%;}

@media screen and (max-width: 1400px) {.columnb {width: 79%;}}

@media screen and (max-width: 700px) {.columnb {width: 100%;}}

.column {float: left;width: 30%;}

@media screen and (max-width: 1400px) {.column {width: 100%;}}

@media screen and (max-width: 700px) {.column {width: 100%;}}

.columnu {float: left;width: 25%;}

@media screen and (max-width: 1400px) {.columnu {width: 50%;}}

@media screen and (max-width: 700px) {.columnu {width: 100%;}}

.columnok {float: left;width: 33.33%;}

@media screen and (max-width: 1400px) {.columnok {width: 100%;}}

@media screen and (max-width: 700px) {.columnok {width: 100%;}}

.columnnav {float: left;width: 20%;height:16px}

.column20 {float: left;width: 20%;}

@media screen and (max-width: 1400px) {.column20 {width: 50%;}}

@media screen and (max-width: 700px) {.column20 {width: 100%;}}

.column80 {float: left;width: 80%;}

@media screen and (max-width: 1400px) {.column80 {width: 50%;}}

@media screen and (max-width: 700px) {.column80 {width: 100%;}}

.column30 {float: left;width: 30%;}

@media screen and (max-width: 1400px) {.column30 {width: 100%;}}

@media screen and (max-width: 700px) {.column30 {width: 100%;}}

.column70 {float: left;width: 70%;}

@media screen and (max-width: 1400px) {.column70 {width: 100%;}}

@media screen and (max-width: 700px) {.column70 {width: 100%;}}

.fa {font-size: 18px;}

.fa-close:hover{transition:0.2s;color:red;}

.fa-recycle:hover{transition:0.2s;color:green;}

.fa-folder{color:#f3d16d}

.fa-clone:hover, .fa-eye:hover, .fa-refresh:hover, .fa-sort-alpha-desc:hover, .fa-sort-alpha-asc:hover, .fa-trash:hover, .fa-window-maximize:hover, .fa-file-pdf-o:hover, .fa-bookmark:hover, .fa-bookmark-o:hover, .fa-folder-open:hover, .fa-pencil:hover{cursor:pointer;transition:0.2s;color:black;}

.fa-sort-alpha-desc{transition:0.2s;color:#87888b}

.fa-sort-alpha-asc{transition:0.2s;color:#87888b}

.fa-adjust {transition:0.2s;float:right;margin-top:16px;margin-right:20px;cursor:pointer;text-align:center;color:#fff;font-size: 16px;}

.rotate {transform:rotate(180deg)}

.time {font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:normal;color:#75716f;float:right;margin-right:0px;margin-top:-10;padding: 10px 5px;border-left:2px solid #ededed;border-right:2px solid #ededed}

@media (min-width:700px){.time{margin-right:11px;}}

.header {display:block;padding: 10px 5px; border:none;border-bottom:1px solid #ededed;color:#75716f;text-align:left;background-color:#f9f9f9;right:0;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;font-size: 13px;}

.headers {display:block;margin:15px;margin-top:30px;border:none;border:none;color:#75716f;text-align:left;background-color:#fff;right:0;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:normal;font-size: 22px;}

.headersn {display:block;margin:15px;margin-left:26px;margin-top:0px;border:none;border:none;color:#888;text-align:left;background-color:#fff;right:0;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:normal;font-size: 12px;}

.header1 {z-index: 1;display:block;padding: 13px 5px;border:none;color:#75716f;text-align:left;background-color:#fff;right:0;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;font-size: 15px}

.trennern {display:block;padding: 2px 5px; border:none;border-bottom:2px solid #ededed;color:#75716f;text-align:left;background-color:#fff;right:0;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;font-size: 15px;}

.nav {z-index:80;position:fixed;height:50px;width:100%;background-color:#222222}

.navicon {color:#fff;margin-right:5px;margin-top:17px;float:right;cursor:pointer;background-color:transparent;border:none;}

.verticalnav {z-index:90;overflow:hidden;position:fixed;top:0;min-height:100%;height:auto;background-color:#f9f9f9;width:50px;transition:0.3s;}

@media (min-width:1000px){.verticalnav:hover {width:250px;}}

@media (min-width:1000px){.verticalnav:hover .logo {width:250px;height:50px;background: url(../img/logo.png) center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }}

.verticalnav:hover .btnklein {display:none;}

@media (min-width:1000px){.verticalnav:hover ~ .tstcnt{left:255px;}}

.logo {width:50px;height:50px;background: url(../img/lg.png); -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.btnnav {display:block;transition:0.3s;text-align:left;cursor:pointer;background-color: transparent;border:none;border-bottom:2px solid #ededed;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;color:#75716f;width:214;padding: 18px;text-decoration: none;font-size: 14px;}

.btnp{width:135px;transition:0.1s;margin-left:1px;margin-top:5px;cursor:pointer;color:#fff;padding:5px 5px;background-color:#51a351;border:1px solid #489048;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;font-weight:bold;border-radius:0.1rem}.btnp:hover{color:#fff;background-color:#00bb00;border:1px solid #489048;}

.btnn{width:100%;transition:0.1s;margin-top:00px;cursor:pointer;color:#87888b;padding:10px 10px;background-color:#fff;border:none;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;font-weight:bold;border-radius:0.1rem}.btnn:hover{color:#87888b;background-color:#f9f9f9;border:none;}

.btnfa{width:135px;transition:0.1s;margin-left:57;margin-top:5px;cursor:pointer;color:#fff;padding:5px 5px;background-color:#51a351;border:1px solid #489048;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;font-weight:bold;border-radius:0.1rem}.btnfa:hover{color:#fff;background-color:#00bb00;border:1px solid #489048;}

.btnul{transition:0.1s;width:135px;margin-top:20px!important;cursor:pointer;color:#fff;padding:5px 5px;background-color:#ff0000;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;font-weight:bold;border:1px solid #bb0000;border-radius:0.1rem}.btnul:hover{color:#fff;background-color:#ee0000;border:1px solid #bb0000}

.btno{width:135px;transition:0.1s;margin-left:5px;margin-top:5px;cursor:pointer;color:#fff;padding:5px 5px;background-color:#f08400;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;font-weight:bold;border:1px solid #f06400;;border-radius:0.1rem}.btno:hover{color:#fff;background-color:#f44611;border:1px solid #f06400;}

.btnl{transition:0.1s;width:80px;margin-top:20px!important;cursor:pointer;color:#fff;padding:5px 5px;background-color:#ff0000;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;font-weight:bold;border:none;border-radius:0.1rem}.btnl:hover{color:#fff;background-color:#ee0000;border:none}

.btna{transition:0.1s;width:80px;margin-left:15px;cursor:pointer;color:#fff;padding:5px 5px;background-color:gray;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;font-weight:bold;border:none;border-radius:0.1rem}.btna:hover{color:#fff;background-color:#666;border:none}

.btnap{float:left;transition:0.1s;width:135px;margin-left:10px;cursor:pointer;color:#fff;padding:5px 5px;background-color:gray;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;font-weight:bold;border:none;border-radius:0.1rem}.btnap:hover{color:#fff;background-color:#666;border:none}

.btnnav:hover, .btnklein:hover {background-color:#fff}

.oidselect {color:#75716f;background-color:#f7f7f7;width:275}

.oidoption {color:#75716f;background-color:#f7f7f7;width:275}

.oidnselect {color:#75716f;background-color:#f7f7f7;width:200}

.oidnoption {color:#75716f;background-color:#f7f7f7;width:200}

.slidervv {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;color:#75716f}

.suche {display:block;float:left;margin-right:0px;margin-top:18px;width:12%;height:calc(1em + 0.9rem + 1px);padding:.5rem 1rem;font-size:.9rem;line-height:1.5;color:#75716f;background-color:#f7f7f7;border:1.5px solid #fff;border-radius:.0rem;border-color:#dbdbdb}@media (min-width:0px){.suche{width:99%;max-width:275px;}}@media (min-width:610px){.suche{width:20%;margin-right:0px}}@media (min-width:800px){.suche{width:13%;margin-right:0px}}