/* CSS Document */
.logo_hofas {font-stretch: expanded ;color: #88CCE0;font-weight: bolder;}
.logo_text {font-weight: bolder;}
.slogan	{}
#flag_banner {float: left;position: fixed;left: 5px;top:0;}
#flag_banner_mobil {float: left;position: fixed;left: 5px;top:0;}
.oben_bod {padding-top:2%;}
.frei_unten {margin-bottom: 10%;}
    
html, body, div, td, th, input, textarea, select, h1, h2, h3, h4, h5 {font-family:Arial,Helvetica,"nimbus sans l",sans-serif;}
body {height: 100%; width: 100%;}
body {margin:0;padding:0;}
body.mb {overflow:hidden;}
*:focus {outline:none;}
img {border:0;}
img.resp {max-width:700px;height:auto;}
.navbar {height:40px;position:-webkit-sticky;position:sticky;top:0;z-index:1020;max-width:1600px;margin:0 auto;font-size:120%;}
.bg-light {background-color:#f8f9fa !important;}
.subnav {float:left;margin:5px 5px  5px 10px;cursor:pointer;}
.logo {margin:8px 5px 0 50px;}
.subnav .subnavbtn {border:none;outline:none;color:#333333;padding:14px 16px;background-color:inherit;margin:0;}
.subnav.m div:first-child, #msg_num2 a, #news div:first-child, #newcomments div:first-child, .uel a, .subnav a {opacity:0.8;}
.subnav.m div:first-child:hover, #msg_num2 a:hover, #news div:first-child:hover, #newcomments div:first-child:hover, .uel a:hover, .subnav a:hover {opacity:1;}
#msg_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;border-radius:0.5em;min-width:200px;margin-top: 10px;}
.subnav-content a {display:block;color:#444444;text-decoration:none;padding:10px 15px;text-align:left;}
.subnav-content a:hover {background-color:#eee;color:#444444;}
.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: sub;color: dimgray;}
.arrow {height:0;width:0;border:4px solid transparent;margin-left: 5px;vertical-align: sub;}
.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;}

#inhalt {display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0;padding:0;align-content:center;margin-bottom:40px;width:100%;}


.right {right:0;}
.fr {float:right;}
.navicon {float:right;display:none;opacity:0.8;margin:0 5px 0 0;cursor:pointer;}
a {text-decoration:none;}
tr.bas, div.bas {color:dimgray;background-color:#EEEEEE;}
.bas, .bas2 {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;text-align:center;font-weight:normal;font-stretch:condensed;}
td {color:dimgray;vertical-align:middle;}
.l {text-align:left;}
.r {text-align:right;}
.c {text-align:center;}
.infoblock {background-color:#fcfcfc;border:1px solid #DDDDDD;display:inline-block;margin:10px;padding:10px;min-width:180px;-webkit-border-radius:0.25em;border-radius:0.25em;}
.infoblock, #liste, #comments, #sendcomment {box-shadow:0 2px 4px 0 #eee, 0 6px 12px 0 #eee;width:-webkit-fill-available;width:-moz-available;}
.tnone {color:dimgray;}
.usertable {table-layout:fixed;}
#del {height:50px;max-height:100px;border:0px none #0000FF;overflow:scroll;}
th {position:-webkit-sticky;position:sticky;top:0;z-index:1;padding:5px;font-size:70%;}
.th {position:-webkit-sticky;position:sticky;top:0;z-index:1;padding:5px;font-size:80%;}
.submitlink {background:none;border:none;color:#0066ff;text-decoration:none;cursor:pointer;margin:0;padding:14px;width:100%;height:100%;font-size: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.25em;}
.oschibka {animation:fadeOut 2s forwards;animation-delay:10s;}
@keyframes fadeOut {from {opacity:1;} to {opacity:0;}}
.inputerror {color:#4E5754 !important;background-color:#F2C19D !important;}
.err-row {color:white;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;color:dimgray;padding:0;border:0px none #CCCCFF;}
.m15 {margin:15px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p5 {padding:5px;}
.p05 {padding:0 5px !important;}
.p010 {padding:0 10px !important;}
.pt5 {padding:5px 0;}
.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-weight:normal;color:#FFFFFF;background-color: #3498db;padding: 8px 8px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;cursor:pointer;border: 1px solid transparent;text-align:center;text-decoration:none;vertical-align:middle;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;-moz-user-select:none;-webkit-user-select:none;max-height:34px;word-break:keep-all;white-space:nowrap;}
/*
.btn {
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  
  }

.btn:hover {
  background-color: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
} 
*/
.insertbtn {display:inline-block;font-weight:bold;border:1px solid #888888;padding:5px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;margin-left:15px;cursor:pointer;}
input, select, textarea, checkbox {padding:.375rem .75rem;border:1px solid #CCCCCC;border-radius:0.25em;color:inherit;}
select {background-color:white;}
.main {display:flex;flex-direction:column;}
table.table td {border-top:1px solid #CCCCCC;padding:10px;}
option:hover {font-style:italic;background-color:#CFCFCF;}
.t {display:table;table-layout:fixed;border-collapse:collapse;}
.tr {display:table-row;}
.td {display:table-cell;padding:5px 5px;vertical-align:middle;border:0px none #CCCCCC;}
.ib {display:inline-block;}
.b {font-weight:bold;}
.n {font-weight:normal;}
.i {font-style:italic;}
.u {text-decoration:underline;}
.upper {text-transform:uppercase;}
.mt20 {margin-top:20px;}
.mt10 {margin-top:10px;}
.ml15 {margin-left:15px;min-width:90% !important;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.del {color:red;padding:5px;border:1px solid #BBB;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;left:-23px;top:0;position:relative;cursor:pointer;}
.tb {vertical-align:text-bottom;}
hr {border:0;border-top:1px solid #eee;}
.w50 {width:50%;}
.bb {border-bottom:1px solid #dedede;}
.off {opacity:0.5;}
td {word-break:break-all;}
.tresp {overflow-x:auto;}
.db {display:block;}
#footer {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:row;text-align:center;height :40px;width: 100%;}
#footer div, #footer a {padding:5px;color:dimgray;display:inline-block;}
#footer a:hover {color:#333333;}
.del2 {color:#F00;}
.table {display:table;}
.tc {display:table-cell;}
.w100 {width:100%;}
.erledigt {border:1px solid #CCCCCC;border-radius:0.25em;cursor:pointer;}
.fertig {float:right;border:1px solid #CCCCCC;border-radius:0.25em;padding:1px 5px;margin:0 0 0 10px;cursor:pointer;}
.gelb {color:#FFFF00;background-color:transparent;}
.inputtext {display:inline-block;width:auto;padding:0.375rem 0.75rem;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:0.25em;}
img.responsive {width:100%;height:auto;}

.mitte {display:flex;flex-direction:row;}
.mitte > div {width:45%;}
@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;}}
@media screen and (max-width:950px) {
.navbar.responsive {    position:absolute;    height:auto;    width:100%;}
.navbar.responsive .navicon {    position:absolute;    right:0;    top:0;}
.navbar.responsive div.subnav {    float:none;    display:block;    text-align:left;    background-color:#f8f9fa;}
.navbar.responsive div.subnav .subnav-content {    float:none;    text-align:left;    position:relative;}
#select_lieferant {width:350px;overflow:auto;}}
@media screen and (max-width:950px) {
body.mb {overflow:auto;}
.mitte {display:flex;flex-direction:column;align-content: center;}
.mitte > div {width:50%;}
.mainc {flex-direction:column;}
.td {padding:5px;}
.ueberbeschr {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;}}

.stift {display: inline-block;transform: scale(-1, 1);-moz-transform: scale(-1, 1);-webkit-transform: scale(-1, 1);-o-transform: scale(-1, 1);-ms-transform: scale(-1, 1);transform: scale(-1, 1);color: #888888;}

.agb {}
label {}
th, td {
  padding: 5px;
}
table {
  border-spacing: 0px;
}

.delbutton {color:#FFFFFF;background-color:#FF0000;background-image: linear-gradient(to bottom, #ff0000, #f00d0d);}
.delbutton:hover {color:#FFFFFF;background-color:#FF0000;background-image: linear-gradient(to bottom, #ff0000, #f00d0d);}
.centerdiv {margin:0;padding:0;width:100vw;height:calc(100vh - 50px);display:flex;align-items:center;justify-content:center;}