body {background: rgb(255,255,255);}
#ralList {position: absolute;background: #fff;border: 1px solid #ccc;padding: 6px;max-width: 780px;max-height: 320px;overflow-y: auto;z-index: 999;white-space: normal;}
.alert {text-align:center;padding:5px;background-color: #f44336;color: white;margin-bottom: 5px;border: 1px;border-style: solid;border-color: black black black black;}
.closebtn {color:white;font-weight: bold;float: right;cursor: pointer;transition: 0.3s;}
.closebtn:hover {color: black;} 


div.key{float:left;margin:2px;padding:0px;height:22px;width:70px;text-align:right;display: block;}
div.value{float:left;margin:2px;padding:0px;height:22px;width:120px;text-align:left;display: block;}
div.block{float:left;height:auto;width:900px;text-align:center;display: block;font-size: 10.0pt;}
div.profil{float:left;height:22px;width:200px;text-align:right;font-size: 10.0pt;}
div.profil_block{float:left;height:160px;width:200px;text-align:center;display: block;border: 1px dashed #cccccc;font-size: 10.0pt;}


b.save{font-size: 8pt;font-family: Arial;}
label.deg{font-size: 12.0pt;vertical-align: middle;}
div.main{height:228px;width:100%;margin:0px;padding:0px;display: block;}
div.pdf{height:180px;width:100%;margin:0px;padding:0px;display: block;border-bottom:1px solid #ccc;}
form{height:224px;width:auto;}
input,option,select{font-size: 12.0pt;border:1px solid;border-radius: 3px;font-family: Arial;}
div, p, span, li, td,label, button {font-size: 12.0pt;font-family: Arial;}
.z1,.z2,.mo {padding-left:50px;font-size: 12.0pt;font-family: Arial;display: block;}
.z1w {padding-left:0px;font-size: 12.0pt;font-family: Arial;display: block;}
.pl50 {padding-left:50px;}

/*h2 {margin: 0;padding: 0;display: inline;}*/
/*h3 {margin: 0;padding: 0;display: inline;}*/

span.input {font-size: 12.0pt;border:1px solid #ccc;background:#eee;}

div.box {background: white;display: block;padding: 10px;margin: 0 auto;margin-bottom: 0.1cm;}
div.box[size="A4"]{width:29.7cm;height:21cm;}
div.box[size="A4"][layout="landscape"]{height:21cm;width:29.7cm;}
div.box[size="A4"]{width: 21cm;height:29.7cm;}
div.box[size="A4"][layout="portrait"]{height:29.7cm;width:21cm;}
/*div.pdf_text{float:left;height:30px;width:125px;text-align:left;font-size: 13.5pt;vertical-align: middle;}*/
/*img.show_xl{display: block;margin-left: auto;margin-right: auto;max-width:21cm;max-height:29.7cm;}*/
img.show_m{display: block;margin-left: auto;margin-right: auto;max-width:21cm;max-height:13.5cm;}

.flip {position: relative;display: inline-block;width: 40px;height: 22px;}
.flip input {opacity: 0;width: 0;height: 0;}

.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 14px;width: 14px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #ee0000;}
input:focus + .slider {box-shadow: 0 0 1px #000000;}
input:checked + .slider:before {-webkit-transform: translateX(14px);-ms-transform: translateX(14px);transform: translateX(14px);}
.slider.round {border-radius: 14px;}
.slider.round:before {border-radius: 50%;}


#a6container {position: fixed;top: 10px;right: 0px;width: 14.8cm;display: flex;flex-direction: column;gap: 10px;z-index: 1000;transform: scale(0.5);transform-origin: top right;height: auto;max-height: 1800px;overflow-y: auto;overflow-x: hidden;white-space: normal;scrollbar-width: thin;scrollbar-height: thin;-ms-overflow-style: thin;}
.a6.pulverbox {position: relative;border: 2px dashed #ccc;height: 10.5cm;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;align-items: center;font-family: Arial, sans-serif;padding: 10px;}


/* Speziell für die Längen */
.a6.profil {font-size: 22pt;width: 100%;text-align: center;margin: 14px;}
.a6.farbe {font-size: 24pt;width: 100%;text-align: center;margin: 14px;}
.a6.auftrag_produktion {font-size: 28pt;font-weight: bold;text-align: center;margin-bottom: 12px;}
.a6.pulverlaengen {font-size: 28pt;font-weight: bold;text-align: center;margin-top: 12px;}
.a6.pulverlaenge {font-size: 28pt;font-weight: bold;text-align: center;margin-top: 0px;}
.a6.row {width: 100%;font-size: 0;}
.a6.left, .a6.center, .a6.right {display: inline-block;text-align: center;font-weight: bold;font-size: 20pt;vertical-align: top;}
.a6.left{width: 24%;}
.a6.center{width: 50%;}
.a6.right{width: 24%;}
span.gewicht{font-size: 14pt;}
span.pack{font-size: 18pt;}

.a4.pulverauftrag {position: relative;border: 2px dashed #ccc;height: 10.5cm;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;align-items: center;font-family: Arial, sans-serif;padding: 10px;}
.a4.auftrag_produktion {text-align: left;width: 20%; font-size: 14pt;}
.a4.information {text-align: left;width: 80%; font-size: 12pt;}
.a4.row {display: flex;justify-content: space-between;width: 19cm;margin: 1px 0;}
.a4.title{text-align: right;width: 10%; font-size: 11pt;padding: 0px;margin-right: 5px;}
.a4.profil{text-align: right;width: 10%; font-size: 11pt;font-weight: bold;padding: 0px;margin-right: 5px;}
.a4.name{text-align: left;width: 20%; font-size: 11pt;padding: 0px;margin-left: 5px;}
.a4.farbe{text-align: right;width: 15%; font-size: 11pt;font-weight: bold;padding: 0px;margin-right: 5px;}
.a4.strucktur{text-align: left;width: 15%; font-size: 11pt;padding: 0px;margin-left: 5px;}
.a4.format{text-align: left;width: 30%; font-size: 11pt;padding: 0px;margin: 0px;}


/* Schließen-Button */
.pulverclosebtn {text-decoration: none;color: #c00;font-size: 30pt;cursor: pointer;margin-left:20px;}
.pulverclosebtn:hover {color: #900;}


#lastcontainer {font-size: 13pt;font-family: Arial;position: fixed;top: 10px;left: 10px;width: 300px;display: flex;flex-direction: column;gap: 10px;z-index: 1000;}
.lastbox {position: relative;background: #f9f9f9;border: 1px solid #ddd;padding: 2px 5px;border-radius: 6px;box-shadow: 2px 2px 6px rgba(0,0,0,0.1);width: 100%;		height: auto;max-height: 900px;    /* feste Höhe setzen */  overflow-y: auto;     /* vertikaler Scroll */  overflow-x: hidden;   /* horizontales Scrollen verhindern */  white-space: normal;  /* Zeilenumbruch erlauben */	scrollbar-width: thin;	scrollbar-height: thin;	-ms-overflow-style: thin;}
.lastbox .zeile {float: left;height: 16px;font-size: 75%;text-align: left;box-sizing: border-box;}

.lastbox .w24 {float:left;width:24%;}
.lastbox .w37 {float:left;width:37%;}
.lastbox .w39 {float:left;width:39%;}




.dxf{overflow-x: auto;white-space: nowrap;scrollbar-width: thin;-ms-overflow-style: thin;}
@media print {.pulverbox .zeile {	width:100%;}
@media print {.lastbox .zeile {	width:100%;}}
@media print {body, page {margin: 0;box-shadow: 0;}}
@media print {button {-webkit-print-color-adjust: exact;print-color-adjust: exact;}}
@media print {.row {display: none !important;}}
@media print {.pulverclosebtn {display: none !important;}}
@media print {.pulverbox {display: none !important;}}
@media print {.lastbox {display: none !important;}}