@page{
 size: 54.0mm 86.5mm landscape;
 margin: 0mm;
 padding: 0mm;
}

body{
 margin: 0;
 padding: 0;
 font-family: Verdana;
 font-size: 10pt;
 font-weight: bold;
 text-align: center;
 background-color: lightgray;
}

.seite{
 position: relative;
 width: 86.5mm;
 height: 54mm;
 padding: 0mm;
 margin: 0 auto;
 page-break-inside: avoid;
}

.vorn{
 margin-bottom: 2mm;
 padding: 0mm;
 page-break-after: always;
 background-color: white;
}

.hinten{
 padding: 0mm;
 background-color:white;
}

.eingabe{
 margin: 10mm auto;
}

.titel_tafel{
 padding: 0mm;
 position: absolute;
 top: 1mm;
 left: 2mm;
 height: 7mm;
 width: 25mm;
 #background-color: lightgray;
 color: #f5821f;
 font-family: Tahoma;
 font-size: 20pt;
 font-weight: bold;
}

.titel_nordhorn{
 padding: 0mm;
 position: absolute;
 top: 9mm;
 left: 2mm;
 height: 5mm;
 width: 25mm;
 #background-color: lightgreen;
 color: darkgray;
 font-family: Tahoma;
 font-size: 11pt;
 font-weight: bold;
 text-align: left;
}


.tafel_logo{
 position: absolute;
 top: 1mm;
 left: 28mm;
 height: 13mm;
 width: 13mm;
}

.titel_ausgabe{
 padding: 0mm;
 position: absolute;
 top: 3mm;
 left: 50mm;
 height: 7mm;
 width: 29mm;
 #background-color: lightgray;
 color: #f5821f;
 font-family: Tahoma;
 font-size: 11pt;
 font-weight: bold;
 text-align: center;
}
.titel_ausgabestelle{
 padding: 0mm;
 position: absolute;
 top: 8mm;
 left: 45mm;
 height: 5mm;
 width: 39mm;
 #background-color: lightgreen;
 color: darkgray;
 font-family: Tahoma;
 font-size: 11pt;
 font-weight: bold;
 text-align: center;
}


.hinten_text{
 position: absolute;
 top: 16mm;
 left: 4.5mm;
 height: 36mm;
 width: 66mm;
 #background-color: red;
 font-size: 9pt;
 font-weight: normal;
 text-align: left;
}

#image_qr_hinten{
 position: absolute;
 bottom: 4mm;
 right: 4mm;
 height: 15mm;
 width: 15mm;
 border: 0px none;
}

#image_qr_vorn{
 position: absolute;
 bottom: 2mm;
 left: 2mm;
 height: 15mm;
 width: 15mm;
 border: 0px none;
}

.linie{
 position: absolute;
 top: 15.5mm;
 left: 2mm;
 height: 9.5mm;
 width: 83mm;
 #background-color: silver;
 border-top: 1px solid lightgray;
 #border-bottom: 1px solid lightgray;
}

.linie_h{
 position: absolute;
 top: 15mm;
 left: 2mm;
 height: 9.5mm;
 width: 83mm;
 #background-color: silver;
 border-top: 1px solid lightgray;
}


.kdnr{
 position: absolute;
 top: 16mm;
 left: 2mm;
 height: 9mm;
 width: 27mm;
 #background-color: silver;
 font-size: 20pt;
 font-weight: bold;
 text-align: lect;
}
.tag{
 position: absolute;
 top: 16mm;
 left: 29mm;
 height: 9mm;
 width: 42mm;
 font-size: 18pt;
 font-weight: bold;
 text-align: center;
 #border: 1px solid green;
}
.gruppe{
 position: absolute;
 top: 16mm;
 right: 1mm;
 height: 9mm;
 width: 13mm;
 font-size: 20pt;
 font-weight: bold;
 text-align: center;
 #border: 1px solid green;
}


.person{
 position: absolute;
 left: 19mm;
 height: 6mm;
 width: 66mm;
 #background-color: red;
 font-size: 11pt;
 font-weight: normal;
 text-align: left;
}

.name{
 top: 27mm;
 #font-size: 12pt;
}
.strasse{
 top: 32mm;
}
.ort{
 top: 37mm;
}
.gebdat{
 top: 44mm;
}

.personenzahl_e{
 padding: 0mm;
 position: absolute;
 bottom: 9mm;
 right: 3mm;
 height: 7mm;
 width: 9mm;
 #background-color: red;
 font-size: 18pt;
 font-weight: bold;
 text-align: center;
}

.personenzahl_k{
 padding: 0mm;
 position: absolute;
 bottom: 3mm;
 right: 3mm;
 height: 7mm;
 width: 9mm;
 #background-color: red;
 font-size: 18pt;
 font-weight: bold;
 text-align: center;
}

.farbe{
 padding: 0mm;
 position: absolute;
 bottom: 0mm;
 right: 0mm;
 height: 13mm;
 width: 13mm;
 #background-color: silver;
 border: 3mm solid #ffffff;
# border-bottom: 3mm solid blue;
# border-top: 3mm solid #ffffff;
# border-left: 3mm solid #ffffff;
}

.farbe_h{
 padding: 0mm;
 position: absolute;
 bottom: 0mm;
 right: 0mm;
 height: 15mm;
 width: 15mm;
 #background-color: green;
 border: 3mm solid #ffffff;
# border-bottom: 3mm solid blue;
# border-top: 3mm solid #ffffff;
# border-left: 3mm solid #ffffff;
}

@media print{

.seite_vorn{
 padding-bottom: 0mm;
}
.seite{
 margin: 0;
}
.no_print{
 display: none;
}

}