/* ************************************* */
/*                                       */
/* Item Lists                            */
/*                                       */
/* ************************************* */
/* ************************************* */
/* Abo                                   */
/* ************************************* */

.list--abo {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  grid-column-gap: var(--padding-secondary-horizontal-rem);
  display: grid;
  grid-row-gap: var(--padding-secondary-vertical-px);
  padding-top:var(--padding-primary-vertical-px);
  padding-bottom:var(--padding-primary-vertical-px);
}



/* ************************************* */
/*                                       */
/* List Items                            */
/*                                       */
/* ************************************* */

.item {
  padding-bottom:var(--padding-primary-vertical-px);
  position:relative;
  display:flex;
  flex-direction: column;
}

.item__content {
  flex-grow: 1;
}

.item__content__img:empty {
  display:none;
}


/* ************************************* */
/* Abo                                   */
/* ************************************* */

.item--abo {
  background:var(--color-light);
  padding:var(--padding-primary-horizontal-px);
  border-radius: 4px;
}

.item__content__img--abo {
  margin-top:var(--margin-primary-vertical-px);
  margin-bottom:var(--margin-secondary-vertical-px);
}

.item__content__form#abo--li {
  list-style: unset;
}

/* ************************************* */
/* Abo Form                              */
/* ************************************* */




/* ************************************* */
/* Bonus                                 */
/* ************************************* */

.item__content__img--bonus {
  background:var(--color-light);
  padding:var(--padding-primary-vertical-px) var(--padding-primary-horizontal-px) 1px var(--padding-primary-horizontal-px);
}


/* ************************************* */
/* Footer                                */
/* ************************************* */

.item__footer {
  padding:var(--padding-primary-vertical-px) 0 0 0;
}

.item__footer:empty {
  padding:0;
}