/* CSS Document */
html, body, div, td, th, input, textarea, select, h1, h2, h3, h4, h5 {font-family:Arial,Helvetica,"nimbus sans l",sans-serif;}
body {margin:0;padding:0;}
body.mb {overflow:hidden;}
*:focus {outline:none;}
img {border:0;}
img.resp {max-width:700px;height:auto;}
.navbar {height:66px;position:-webkit-sticky;position:sticky;top:0;z-index:1020;max-width:1600px;margin:0 auto;}
.bg-light {background-color:#f8f9fa !important;}
.subnav {float:left;margin:5px 5px  5px 10px;cursor:pointer;}
.logo {margin:8px 5px 0 15px;}
.subnav .subnavbtn {font-size:16px;border:none;outline:none;color:#333333;padding:14px 16px;background-color:inherit;font-family:inherit;margin:0;}
.subnav.m div:first-child, #msg_num2 a, #tickets_num2 a, #news div:first-child, #newcomments div:first-child, .uel a {opacity:0.8;}
.subnav.m div:first-child:hover, #msg_num2 a:hover, #tickets_num2 a:hover, #news div:first-child:hover, #newcomments div:first-child:hover, .uel a:hover {opacity:1;}
#msg_num2, #tickets_num2 {margin-top:7px;}
.msg_num {color:#0C0; font-weight:bold;}
.msgnum {background-color:#f00d0d;padding:1px 5px;color:white;font-weight:bold;border-radius:50%;margin-left:-13px;}
.subnav-content {display:none;position:absolute;background-color:#FFFFFF;z-index:1;border:1px solid #BBBBBB;min-width:205px;}
.subnav-content a {display:block;color:#444444;text-decoration:none;padding:10px 15px;font-size:15px;text-align:left;}
.subnav-content a:hover {background-color:#eee;color:#444444;}
.subnav-content a.plus {width: 30px;position: absolute;top: 0;right: 0;text-align: center;}
.subnav-content hr {border:0;border-top:1px solid #eee;margin:0;}
.right {right:0;}
.fr {float:right;}
.show {display:block;}
.nav-ava {height:30px;width:30px;object-fit:cover;object-position:center;border-radius:50%;}
.nav-link {vertical-align:middle;}
.arrow {height:0;width:0;border:4px solid transparent;}
.arrow.up {border-bottom-color:#7c7c7d;}
.arrow.down {border-top-color:#7c7c7d;display:inline-block;}
.flipv {transform:rotateX(180deg);}
.navicon {float:right;display:none;opacity:0.8;margin:0 5px 0 0;cursor:pointer;}
.mid {vertical-align:middle;}
.tt {vertical-align:text-top;}
.badge, #treq button {cursor:pointer;}
.linkbtn {background:none;border:none;text-decoration:none;cursor:pointer;margin:0;padding:0;width:auto;height:auto;}
#iframe_main {width:100%;border:0;/* overflow:visible; */width:100%;height:100%;position:absolute;top:66px;margin-bottom:700px;left:0;}
h1, h2, h3, h4, h5 {font-weight:normal;font-style:normal;}
.wrapper {display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:initial;min-height:100vh;}
.submit {float:right;padding:.275rem .75rem;margin-top:20px;cursor:pointer;}
.inputtext {padding:.375rem .75rem;width:90%;}
.format {padding:.375rem .75rem;width:90%;}
.flink {vertical-align:middle;}
.nb {height:100px;max-width:300px;overflow:scroll;background-color:#EFEFEF;}
a {font-family:Arial, Helvetica, sans-serif;text-decoration:none;}
tr.bas, div.bas {color:dimgray;background-color:#EEEEEE;font-size:12px;}
.bas, .bas2 {font-size:12px;text-align:center;height:45px;}
tr.bas:hover, div.bas:hover {background-color:#D9E6EA;}
tr.bas2:hover, div.bas2:hover {background-color:#D9E6EA;}
th, th a, .th, .th a  {color:#FFFFFF;background-color:#999999;line-height:11px;text-align:center;font-size:11px;font-weight:normal;font-family:"Arial Narrow", Arial, sans-serif;font-stretch:condensed;}
td {color:dimgray;font-size:12px;vertical-align:middle;}
.l {text-align:left;}
.r {text-align:right;}
.c {text-align:center;}
.infoblock {background-color:#f8f9fa;border:1px solid #DDDDDD;display:inline-block;margin:5px 5px 15px 5px;padding:10px;min-width:180px;}
.infoblock .n2el {margin:0 0 0 0;}
.infoblock .n2el.h:hover {background-color:#eee;color:#444444;}
.infoblock .n2el.h a {padding:10px 0 10px 5px; min-width:100%;display:inline-block;}
.tnone {color:dimgray;font-size:12px;}
.navi2 {border:1px solid #EEE;height:calc(100vh - 350px);min-height:300px;max-height:1600px;overflow-y:auto;min-width:100%;resize:vertical !important;margin:5px 0 15px 0;}
#inhalt {display:flex;justify-content:center;padding:10px;max-width: 1600px;margin: 0 auto;}
#liste, #comments, #sendcomment {max-height:100%;overflow:visible;border:1px solid #DDD;margin:5px;background-color:#f8f9fa;}
.usertable {table-layout:fixed;}
.m15 {margin:15px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p5 {padding:5px;}
.p02 {padding:0 2px !important;}
.p05 {padding:0 5px !important;}
.pt5 {padding:5px 0;}
.formtable {max-width:600px;}
.formtable td:nth-child(2) {text-align:left;}
#del {height:50px;max-height:100px;border:0px none #0000FF;overflow:scroll;}
.delbutton {font-family:Arial, Helvetica, sans-serif;line-height:.9rem;color:#FFFFFF;background-color:#FF0000;padding:.275rem .75rem;-webkit-border-radius:.25em;border-radius:.25em;font-size:12px;cursor:pointer;border:0px none #CCC;}
th, div.th {position:-webkit-sticky;position:sticky;top:0;z-index:1;}
.submitlink {background:none;border:none;color:#0066ff;text-decoration:none;cursor:pointer;margin:0;padding:14px;width:100%;height:100%;}
form {margin:0;padding:0;width:100%;}
.left {text-align:left;}
.oschibka {color:#FF0000;background-color:transparent;font-weight:bold;width:auto;text-align:center;margin:10px 0;position:absolute;}
.oschibka div {background-color:#EFEFEF;width:max-content;padding:5px;margin:0 auto;border-radius:0.35em;}
.oschibka {animation:fadeOut 2s forwards;animation-delay:10s;}
@keyframes fadeOut {from {opacity:1;} to {opacity:0;}}
.inputerror {color:#910A0A !important;background-color:#F09800 !important;}
.err-row {color:transparent;background-color:transparent;height:250px;}
.red {color:#FF0000;background-color:transparent;}
.erfolg {color:#13b008;}
.italic {font-style:italic;}
.row {display:flex;flex-wrap:wrap;flex-direction:row;font-size:12px;color:dimgray;padding:10px;border:0px none #CCCCFF;}
.frmr {display:flex;flex-wrap:wrap;padding:0 5px;}
.fg {margin-bottom:1rem;padding:0 5px;}
label {display:flex;padding:5px;}
.column {display:flex;flex-direction:column;flex-wrap:wrap;}
.hidden {display:none;}
.fl {float:left;}
.clear {clear:both;}
.mmarg {margin:0 20px 20px 0;}
.btn {font-family:Arial, Helvetica, sans-serif;line-height:.9rem;color:#FFFFFF;background-color:#8d8ccc;padding:.275rem .75rem;-webkit-border-radius:.25em;border-radius:.25em;font-size:12px;cursor:pointer;border:0px none #CCC;}
.insertbtn {display:inline-block;font-weight:bold;border:1px solid #888888;padding:5px;border-radius:.25rem;margin-left:15px;cursor:pointer;}
.slabel {margin-top:-30px;text-align:right;cursor:pointer;}
.slabel input {background-color:transparent;border:0;}
.searchform {position:relative;}
.searchterm {width:96%;}
.searchterm::-webkit-search-cancel-button {position:relative;right:20px;}
input, select, textarea, checkbox {padding:.375rem .75rem;line-height:1.1rem;border:1px solid #CCCCCC;border-radius:.25em;font-size:12px;color:inherit;touch-action:none;}
select {background-color:white;resize:both;}
.db {display:grid;grid-gap:.5rem;grid-template-columns:1fr 7fr;grid-template-areas:"sidebar main";max-width:1600px;width:100vw;}
.db-card {border:0px none #EEEEEE;}
.main {display:flex;flex-direction:column;}
.ava {height:120px;width:120px;object-fit:cover;object-position:center;border-radius:50%;}
.br50 {height:20px;width:20px;object-fit:cover;object-position:center;border-radius:50%;}
table.table td {border-top:1px solid #CCCCCC;padding:10px;}
option:hover {font-style:italic;background-color:#CFCFCF;}
.gr {height:300px;overflow-y:scroll;border-top:15px solid transparent;border-bottom:15px solid transparent;}
.t {display:table;table-layout:fixed;border-collapse:collapse;}
.tr {display:table-row;}
.td {display:table-cell;padding:5px 5px;}
.lg {background-color:#E5E5E5;}
.listicon {vertical-align:top !important;}
.date {padding:15px 0;font-weight:bold;}
.vnn {min-width:85px;}
.ib {display:inline-block;}
.b {font-weight:bold;}
.i {font-style:italic;}
.u {text-decoration:underline;}
.mt20 {margin-top:20px;}
.mt10 {margin-top:10px;}
.mb5 {margin-bottom:5px;}
.mb2 {margin-bottom:2px;}
.ml15 {margin-left:15px;min-width:90% !important;}
.anh {color:#FFFFFF;background-color:#2EBEF2;padding:3px 0 2px 0;text-align:center;border-radius:.25em;font-weight:bold;width:30px;margin:0 auto;}
#uploads {display:flex;flex-direction:column;}
.form-control-file {display:inline-block;margin-bottom:10px;width:max-content;padding-right:35px;}
.del {color:red;padding:5px;border:1px solid #BBB;border-radius:.25em;left:-23px;top:0;position:relative;cursor:pointer;}
.anhbox {width:98%;min-height:50px;border:1px solid #CCCCCC;padding:5px;overflow:visible;}
.ue1 > .p5 > div:first-child {min-width:120px;display:inline-block;}
.ue1 > .p5 > div:nth-child(2) {display:inline-block;font-weight:bold;}
.tmess {width:98%;min-height:150px;max-height:600px;resize:both;overflow:auto;border:1px solid #CCCCCC;padding:5px;display:inline-block;overflow-wrap:break-word;background-color:#FCFCFC;}
.c-row {display:flex;height:auto;box-sizing:border-box;width:fit-content;margin:unset;padding:7px;background:#fff;border:1px solid #ddd;}
.c-bild {width:25px;height:80px;margin-right:10px;text-align:center;}
.c-items {display:flex;width:auto;flex-wrap:wrap;align-content:start;flex-direction:column;}
.c-h {width:auto;max-width:800px;height:auto;margin-bottom:15px;}
.c-b {width:auto;max-width:800px;height:auto;min-height:auto;max-height:800px;overflow:auto;overflow-wrap:break-word;}
.cnnum {background-color:transparent;padding:1px 3px 1px 3px;color:white;font-weight:bold;border-radius:50%;margin-left:-20px;font-size:10px;position:relative;top:-5px;}
.cnr {opacity:0.8;}
.cnr:hover {opacity:1;}
.tb {vertical-align:text-bottom;}
.vab {vertical-align:bottom;}
.uet {width:96%;margin:15px;}
.uel {background-color:#FFFFFF;border:2px solid #eee;}
.uel .td:nth-child(2) {vertical-align:middle;}
.uel .tr .td {padding:2px 5px;}
.uel a.b {font-size:14px;}
.prop {border-radius:.50rem;color:#FFFFFF;font-weight:normal;padding:2px 5px;width:max-content;}
.uel .prop {width:auto;}
.prop0 {background-color:skyblue;}
.prop1 {background-color:#01A199;}
.prop2 {background-color:#A71B71;}
.prop3 {background-color:#A71B71;}
.prop4 {background-color:#A71B71;}
.prop5 {background-color:#6DC068;}
.prop6 {background-color:#A71B71;}
.prop7 {background-color:#A71B71;}
.prop8 {background-color:#A71B71;}
.prop9 {background-color:#A71B71;}
.prop10 {background-color:#A71B71;}
.prop11 {background-color:#A71B71;}
.prop12 {background-color:#A71B71;}
.pna .ib {margin-right:3px;}
.infoblock, #liste, #comments, #sendcomment {width:-webkit-fill-available;width:-moz-available;}
hr {border:0;border-top:1px solid #eee;}
.hc:not(:first-of-type) {margin-top:15px;width:100%;}
.lzc:not(:first-of-type) {margin-top:15px;width:100%;}
.pnav {padding:15px;width:96%;text-align:center;}
.pnav div {display:inline-block;}
.pnav div a {padding:15px;font-weight:bold;font-size:200%;}
div.pc {width:20px;}
.w50 {width:50%;}
.ts {margin:5px;padding:5px;cursor:pointer;}
.ue1 {width:80%;}
.ue2 {display:inline-flex;width:19%;vertical-align:top;justify-content:flex-end;}
.ue3 {flex-direction:column;}
.uelz {padding:5px 15px;cursor:pointer;}
#bgfon {position:absolute;z-index:7;width:100%;height:500em;top:0;left:0;overflow-y:hidden;background-color:rgba(0,0,0,.7);}
#leserdiv {position:absolute;z-index:8;width:70%;height:auto;min-height:400px;background-color:#FFFFFF;border:1px solid #DDDDDD;top:50px;left:15%;}
#ll {border:0px none #BBBBBB;padding:10px;max-height:250px;overflow:auto;}
#in {display:inline;}
.la {display:block;font-size:10px;}
#ll .nav-ava {margin-right:10px;vertical-align:baseline;}
.ngel, .gel {width:22%;min-height:30px;border:0px none #BBBBBB;padding:10px;vertical-align:top;}
.radios {padding:10px 10px 0 10px;}
#llh {background-color:#EEEEEE !important;width:100%;height:auto;}
#llh .closebut, .closebut {padding:4px 6px 0 6px;border-radius:7px;position:absolute;right:8px;top:10px;color:#777777;}
#llh .closebut:hover, .closebut:hover {background-color:#EEEEEE;cursor:pointer;}
#llh .h {border:1px solid #BBBBBB;padding:5px 8px;top:0;background-color:#CCCCCC;}
.treq {color:#FF0000;font-weight:bold;}
.tbest {color:#419A41;font-weight:bold;}
.propsel {text-align:right;padding:15px;margin-top:-40px;}
.empty {margin:10px auto;padding:10px;text-align:center;}
.on {color:limegreen;}
.mc {display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;}
.card {border:1px solid #ddd;}
.mainc {display:flex;flex-direction:row;gap:.5rem;align-items:flex-start;}
h2 {width:100%;}
.aue {border-collapse:collapse;}
.td {vertical-align:middle;border:0px none #CCCCCC;}
.ueue {font-size:14px;margin-bottom:5px;}
.tr.uel {height:65px;}
.bb {border-bottom:1px solid #dedede;}
.ungel {font-weight:bold}
.off {opacity:0.5;}
.grp {color:white;background-color:limegreen;margin:1px;width:max-content;padding:2px 5px;border-radius:.50rem;white-space:nowrap;}
.deleted {opacity:.3;text-decoration:line-through;}
.hover_img {display:inline-block;}
.hover_img a { position:relative; }
.hover_img a span { position:absolute; display:none; z-index:99; }
.hover_img a:hover span { display:block; }
.hover_img img { border:2px solid #888888; }
.emo {font-size:16px;}
.updateTG {padding:10px;}
#inhalt .updateTG {margin-top:70px;}
input[type*="submit"] {cursor:pointer;}
input[type="color"] {padding:0;cursor:pointer;}
.suchtreffer {color:#13b008;width:auto;text-align:center;position:absolute;margin-top:-15px;}
.bw {overflow-wrap:break-word;font-family:"Arial Narrow", Arial, sans-serif;font-stretch:condensed;}
.cap {text-transform:capitalize;}
.ueberbeschr {width:30%;}
.mitte {display:flex;flex-direction:row;}
.mitte > div {width:-webkit-fill-available;width:-moz-available;}
.indicator_num_top {color:#fff;font-size:small;font-weight:bold;background-color:red;border-radius:1em;padding:1px 5px;position:relative;top:-25px;left:25px;width:max-content;text-align:center;}
.indicator_num {color:#fff;font-size:small;font-weight:bold;background-color:red;border-radius:1em;padding:1px 5px;text-align:center;display: inline;}
@media screen and (max-width:1024px) {
.navi2inventuren {display:none;}}
@media screen and (max-width:950px) {
.navbar .m {display:none;}
.navbar .navicon {float:right;display:block;}
.usertable .hide {display:none;width:0;height:0;opacity:0;visibility: collapse;}
.usertable td {word-break:break-all;}
#cbtnM2 {display:none;}}
@media screen and (max-width:950px) {
.navbar.responsive {    position:absolute;    height:auto;    width:100%; border:1px solid #EEEEEE;}
.navbar.responsive .navicon {position:absolute;    right:0;    top:0;}
.navbar.responsive div.subnav {float:none;    display:inline-block;    text-align:left;    background-color:#f8f9fa;}
.navbar.responsive div.subnav.fr {float:right;}
.navbar.responsive div.subnav .subnav-content {float:none;    text-align:left;    position:absolute; left: 0; right: 0;}
.indicator_num_top {top:5px;left:-12px;width:max-content;height:max-content;}
.subnav.m div:first-child {display: -webkit-inline-box;}
#select_lieferant {width:350px;overflow:auto;}}
@media screen and (max-width:950px) {
body.mb {overflow:auto;}
.mitte {display:flex;flex-direction:column;}
.mitte > div {width:auto;}
.mainc {flex-direction:column;}
.td {padding:5px;}
.ueberbeschr {display:none;}
.uebertop10 {display:none;}}
@media screen and (max-width:700px) {
body.mb {overflow:auto;}
td {word-break:break-all;}
.tresp {overflow-x:auto;}
#select_lieferant {width:250px;overflow:auto;}
.db {display:block;}
.sidebar.m {display:none;}}
#footer {position:relative;width:100%;height:70px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;max-width: 1600px;margin: 200px auto 80px auto;}
#footer div, #footer a {padding:5px;color:dimgray;display:inline-block;font-size:smaller;}
#footer a:hover {color:#333333;}
.n2el > .td:first-child {width:90%;}
.addfile a {font-size:14px;color:limegreen;line-height:1em;}
.counter {margin:4px 0 2px 0;}
.del2 {font-size:28px;color:#F00;}
.fmess {background-color:#EEE;width:98%;max-height:600px;resize:both;overflow:auto;border:0px none #CCCCCC;padding:5px;display:inline-block;margin:10px 0;}
input[disabled*="disabled"] {opacity:0.5;}
.ueberbeschr {width:30%;}
#loader {border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite;margin-top:15px;}
@keyframes spin {  0% { transform:rotate(0deg); }100% { transform:rotate(360deg); }}
#loadingdiv {position:absolute;width:200px;height:200px;top:100px;border:1px solid #0000FF;display:flex;align-items:center;justify-content:center;background-color:#FFFFFF;flex-direction:column;}
.modal {display:flex;align-items:center;justify-content:center;}
.addbutton {border:1px solid #CCCCCC;padding:5px;margin-right:7px;-webkit-border-radius:.25em;border-radius:.25em;}
@keyframes blink { 0% { opacity:.2; } 20% { opacity:1; } 100% { opacity:.2; }}
.inprogress span { animation-name:blink; animation-duration:1.4s; animation-iteration-count:infinite; animation-fill-mode:both; }
.inprogress span:nth-child(2) { animation-delay:.2s; }
.inprogress span:nth-child(3) { animation-delay:.4s; }
.logout:hover {filter:saturate(1000%) hue-rotate(180deg);}
.ups:hover {filter:saturate(20000%) hue-rotate(120deg);}
.upsneu {filter:saturate(20000%) hue-rotate(120deg);}
.table {display:table;}
.tc {display:table-cell;}
span.tc {border:5px solid transparent;}
fieldset {border:1px solid #CCCCCC;}
.freigbtn {font-family:Arial, Helvetica, sans-serif;line-height:.9rem;color:#FFFFFF;background-color:#419A41;padding:.275rem .75rem;-webkit-border-radius:.25em;border-radius:.25em;font-size:12px;cursor:pointer;}
.w100 {width:100%;}
.freigicon {transform:rotate( -25deg);font-family:"Arial narrow";border:1px solid #419A41;color:#419A41;width:max-content;margin:0 auto;}
.erledigt {border:1px solid #CCCCCC;border-radius:.25em;cursor:pointer;}
.fertig {float:right;border:1px solid #CCCCCC;border-radius:.25em;padding:1px 5px;margin:0 0 0 10px;cursor:pointer;}
img.responsive {width:100%;height:auto;}
input.responsive {width:80%;max-width:fit-content;max-width:-moz-fit-content;}
.bt {border-top:1px solid #888888;}
.navy {color:navy;}
.rth {background-color:#999999;color:#FFFFFF;text-align:center;}
.gelb {color:#FFFF00;background-color:transparent;}
img:not(#bild *), video {max-width:860px;}
.navion {background-color:#EEEEEE;}
font[size='1'] {font-size: xx-small;}
font[size='2'] {font-size: x-small;}
font[size='3'] {font-size: small;}
font[size='4'] {font-size: medium;}
font[size='5'] {font-size: large;}
font[size='6'] {font-size: x-large;}
font[size='7'] {font-size: xx-large;}
.hidden {display:none;}
.br {-webkit-border-radius:.25em;border-radius:.25em;}
#sidebar_l_1 {position: absolute;height: auto;max-height: auto;width: 20px;border: 1px solid #CCCCCC;background: white;transition: width 0.5s;z-index: 99;border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
#sidebar_l_1.opened {width: 100px;}
#sbinhalt.opened {width: 80px;}
#openclose {position: absolute;width: 21px;height: 100%;max-height: 100%;right: 0;background: white;display: flex;align-items: center;justify-content: center;cursor: pointer;border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
#sbinhalt {position: relative;width: 0px;height: auto;max-height: auto;float: left;background: #f8f9fa;display: flex;flex-direction: column;align-items: center;transition: width 0.5s;}