.listelement {
  transition: all .4s ease-in-out;
}

.list-element-wrapper {
  width: 100%;
}

.list-element-wrapper p {
  transition: all .5s ease-in-out;
}

.list-element-wrapper:hover p {
  color: var(--c-third);
  cursor: pointer;
}

@media screen and (min-width: 820px) {
  .list-element-wrapper {
    display: grid;
    grid-template-columns: 1.7fr 1.2fr 0.8fr 4rem;
    grid-column-gap: 0.8rem;
  }
}