.aankoop-datum {
  grid-area: aankoop-datum;
}


.aankoop-aantal {
  grid-area: aankoop-aantal;
}

.aankoop-eenheid {
  grid-area: aankoop-eenheid;
}


.aankoop-product {
  grid-area: aankoop-product;
  padding-right: 2ch;
}


.aankoop-status-reservering {
  grid-area: aankoop-status-reservering;
}


.aankoop-status-betaling {
  grid-area: aankoop-status-betaling;
}


.aankoop-ID {
  grid-area: aankoop-ID;
  color: var(--y-gray);
}



.aankoop-row {
  grid-template-areas:
    "aankoop-datum    aankoop-aantal  aankoop-eenheid  aankoop-product  aankoop-status-reservering     aankoop-status-betaling   aankoop-ID  ";
  grid-template-columns: 14ch 3ch 8ch 1fr 15ch 25ch 5ch;
}