@page{
 size: A4 portrait;
}

body{
 margin: 0;
 padding: 5mm;
 font-family: "Liberation sans", Arial;
 font-size: 10pt;
 font-weight: bold;
 text-align: center;
 #background-color: lightgray;
}

.seite{
 position: relative;
 width: 210mm;
 padding: 0 auto;
 margin: 0 auto;
 background-color: white;
}

.auswahl{
 padding: 5mm;
}

.mittig{
 margin: 0 auto;
}

.infozeile{
 height: 6mm;
 font-weight: bold;
 text-align: center;
 display: flex;
}

.infozeile div{
 height: 100%;
 width: 45%;
 align-items: center;
 justify-content: center;
 border: 0px solid black;
 margin: 0px;
}


.kopfzeile{
 height: 10mm;
 font-weight: bold;
# text-align: center;
 display: flex;
}

.datenzeile{
 height: 15mm;
# text-align: center;
 display: flex;
 font-weight: normal;
}

.kopfzeile div, .datenzeile div{
 height: 100%;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border: 1px solid black;
# margin: 0px;
}

.qr{width: 14mm; padding: 0mm;}
.kdnr{width: 14mm;}
.adresse{width: 48mm; display: inline-flex; flex-direction: column;}
.adresse .name{
 display: inline-flex;
 height: 50%;
 width: 100%;
 border: 0 none;
 align-items: center;
 justify-content: left;
 font-weight: bold;
 padding-left: 1mm;
}
.adresse .strasse{
 display: inline-flex;
 height: 50%;
 width: 100%;
 border: 0 none;
 font-weight: normal;
 align-items: center;
 justify-content: left;
 padding-left: 1mm;
}
.erwachs{width: 7mm;}
.kinder{width: 7mm;}
.kosten{width: 15mm;}
.zahlen{width: 15mm; font-weight: bold;}
.beliefert{width: 16mm;}
.bezahlt{width: 16mm;}
.bemerkung{width: 40mm;}
.summen{width: 6mm; flex-direction: column;}
.summen div{
    flex-direction: column;
    border: 0px none;
#    background-color: red;
    width: 100%;
    height: 50%;
    font-weight: normal;
    font-size: 6pt;
    font-family: Arial;
}

@media print{
 .no_print{
  display: none;
 }
}