.allocation__label, .allocation__explanation {
  color: var(--color-fontsec);
  font-style: italic;
}

.allocation__state {
  color: var(--color-font);
  font-weight: 600;
  font-style: normal;
}

.allocation__courses {
  margin: 20px 0 0 40px;
}

.allocation-course {
  display: grid;
  grid-template-columns: minmax(105px, 1fr) 9fr;
  grid-template-areas:
    'name        name       '
    '.           registered '
    'prio-label  prio       '
    'instr-label instr      '
    'form-label  form       ';

  grid-gap: 5px 7px;
  margin: 12px 0;
  padding: 0 10px 12px 7px;

  border-left: 1px solid var(--color-grey);

  /* &:last-child {
   *   padding: 12px 10px 0 10px;
   * }
   *
   * & + .allocation-course {
   *   border-top: 1px solid var(--color-grey);
   * }
   */

  &:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0.015);
  }

  .allocation-course__registered {
    grid-area: registered;
  }

  .allocation-course__priority {
    grid-area: prio;
  }
  .allocation-course__priority-label {
    grid-area: prio-label;
    justify-self: end;
    align-self: center;
    text-align: right;
  }

  .allocation-course__name {
    grid-area: name;

    align-self: center;

    font-size: 1.2rem;
  }

  .allocation-course__instructions {
    grid-area: instr;
  }
  .allocation-course__instructions-label {
    grid-area: instr-label;
    justify-self: end;
    text-align: right;
  }

  .allocation-course__application {
    grid-area: form;
  }
  .allocation-course__application-label {
    grid-area: form-label;
    justify-self: end;
    text-align: right;
    padding-top: 6px;
  }
}

@media (max-width: 426px) {
  .allocation-course {
    grid-template-columns: 1fr;
    grid-template-areas:
      'name       '
      'registered '
      'prio-label '
      'prio       '
      'instr-label'
      'instr      '
      'form-label '
      'form       ';
  }
  
  .allocation-course__application-label {
    padding-top: 0;
  }
}