.frei {display:inline-block;width:415px;height:184px;background:url(images/tisch_frei) no-repeat left top;}
.belegt {display:inline-block;width:415px;height:184px;background:url(images/tisch_belegt) no-repeat left top;}

.frei a, .belegt a {display:block;width:415px;height:134px;text-align:center;padding-top:40px;font-size:40px;text-decoration:none;}

.addproducttype {display:inline-block;text-align:center;width:300px;height:100px;padding:50px 0 0 0;margin:20px 20px 0 0; text-decoration:none;font-size:30px;border:1px solid #333333;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.addproducttype.t1 {background-color:#FFEA01;}
.addproducttype.t2 {background-color:#BCE9F0;}
.addproducttype.t4 {background-color:#F7E76C;}

.addproduct {display:inline-block;text-align:center;width:300px;height:120px;padding:50px 0 0 0;margin:20px 20px 0 0; text-decoration:none;font-size:20px;border:1px solid #333333;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position:relative;
}
.addproduct.open {height:170px;}
.decreaseproduct {position:absolute;top:10px;left:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:1px solid red;
color:red; font-size:22px;font-weight:900;width:25px;padding:3px 5px 10px 5px;height:22px;background:url("/img/decreaseproduct.jpg") no-repeat center center;background-size:100% 100%;

}
.increaseproduct {position:absolute;top:10px;right:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:1px solid green;
color:green; font-size:22px;font-weight:900;width:25px;padding:3px 5px 10px 5px;height:22px;background:url("/img/increaseproduct.jpg") no-repeat center center;background-size:100% 100%;

}
.tapbutton {display:inline-block;text-align:center;width:300px;height:100px;padding:50px 0 0 0;margin:20px 20px 0 0; text-decoration:none;font-size:30px;border:1px solid #333333;color: #5EA653;cursor:pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

td .tapbutton {width:50px;height:50px;padding:10px 0 0 0;margin:0;}

form .submit input[type="submit"]{padding:25px;display:block;margin:0 auto;}
form .submit {display:block;margin:0 auto;}

#submitform {display:none;position:fixed;right:15px;bottom:15px;width:50px;height:50px;overflow:hidden;background:url(images/hakengruen.png) no-repeat left top;background-size:50px auto;cursor:pointer;}

#barpayconfirm {position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(255,255,255,0.99);text-align:center;padding:50px 10px 10px 10px;z-index:100;}
#barpayconfirm.hide {display:none;}

.notpaidicon {width:30px;height;auto;}
.togglecomment {overflow:hidden;padding:25px 0 0 0;height:0px;background:url("/img/comment.png") no-repeat 15px top;background-size:20px 20px;}
.togglecomment input {font-size:100%;}
.open .togglecomment {height:50px;}

@media (max-width: 600px) {
    .addproducttype {width:100%;}
    .addproduct {width:100%;}
    .tapbutton {width:100%;}
    .belegt {width:100%;height:auto;aspect-ratio:415 / 184;background-size:100% auto;}
    .frei {width:100%;height:auto;aspect-ratio:415 / 184;background-size:100% auto;}    
    .frei a, .belegt a {width:100%;height:auto;aspect-ratio:415 / 144; font-size:25px;padding-top:40px;}
    #BillAdminBillForm table {position:relative;left:-20px;width:100vw;}
    #BillAdminBillForm table .tapbutton {margin:0 -10px;}
    .viewordersheader {padding-top:30px;}
    .viewordersheader .center {position:relative;top:-30px;}
    .header.viewordersheader .right {top:30px;}
    * {
      user-select: none;
      -webkit-user-select: none;
        -webkit-touch-callout: none;
        touch-action: manipulation;
      }
    
}