.contact-grid {
  --column-min-width: 16em;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--column-min-width), 1fr));
  grid-template-rows: repeat(6, auto);
  margin-top: var(--space-l-xl);
}

@media only screen and (min-width: 56em) {
  .contact-grid {
    --column-min-width: 18em;
  }
}

.c-usp {
  border: 0 solid var(--color-grey-step-2);
  padding-inline: var(--space-l) var(--space-s);
  display: flex;
  align-items: center;
  gap: var(--space-s);
  justify-items: center;
}

.u-link-expand:after {
  content: '';
  position: absolute;
  inset: 0;
  transition: all .3s ease;
}

a.c-twi.c-twi--new {
  color: var(--color-grey-step-0);
  font-weight: bold;
  transition: all 0.2s ease;
  min-height: 4em;
}

a.c-twi.c-twi--new span {
  align-content: center;
}

a.c-twi.c-twi--new:hover {
  color: var(--color-blue-step-0);
  text-decoration: none;
}

a.c-twi.c-twi--new svg {
  margin: 0;
  opacity: 0;
  width: 0;
  transform: translateY(-1px);
  transition: all 0.3s ease 0.1s;
}
  
a.c-twi.c-twi--new:hover svg {
  margin-right: .5em;
  opacity: 1;
  width: 20px;
}

.c-usp__icon,
.c-usp__icon img,
.c-usp__icon svg {
  aspect-ratio: 1;
  height: var(--space-l);
  width: var(--space-l);
}


@media only screen and (max-width: 589px) {
  .contact-grid > * + * {
    border-top-width: 1px;
  }
}

@media only screen and (min-width: 589px) and (max-width: 1013px) {
  .contact-grid > :nth-child(1),
  .contact-grid > :nth-child(3),
  .contact-grid > :nth-child(5) {
    border-right-width: 1px;
  }

  .contact-grid > :nth-child(-n+4) {
    border-bottom-width: 1px;
  }
}

@media only screen and (min-width: 1013px) {
  .contact-grid > :nth-child(1),
  .contact-grid > :nth-child(2),
  .contact-grid > :nth-child(4),
  .contact-grid > :nth-child(5) {
    border-right-width: 1px;
  }

  .contact-grid > :nth-child(-n+3) {
    border-bottom-width: 1px;
  }
}