/* ==========================================================================
   WAVE 205 - /about/: die leeren Trust-Kacheln bekommen Substanz.
   Vier kleine Karten statt vier leerer Pillen.
   ========================================================================== */

.trust-link-row--cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.trust-link-row--cards a {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: .35rem;
  padding: 1.05rem 1.15rem 1.15rem !important;
  border: 1px solid rgba(226, 237, 252, .16) !important;
  background: rgba(6, 14, 26, .6) !important;
  text-decoration: none;
  transition: border-color .25s ease, background .25s ease;
}

.trust-link-row--cards a b {
  display: block;
  margin-bottom: .4rem;
  color: #f6f1e7;
  font-size: .95rem;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.trust-link-row--cards a span {
  display: block;
  color: rgba(246, 241, 231, .58);
  font-size: .85rem;
  line-height: 1.5;
}

.trust-link-row--cards a:hover,
.trust-link-row--cards a:focus-visible {
  border-color: rgba(216, 172, 92, .6);
  background: rgba(216, 172, 92, .05);
}

.trust-link-row--cards a:hover b,
.trust-link-row--cards a:focus-visible b { color: #d8ac5c; }

@media (max-width: 980px) {
  .trust-link-row--cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .trust-link-row--cards { grid-template-columns: 1fr; }
}