.list-grid-title {
  font-size: clamp(1.25rem, 0.938rem + 0.833vw, 1.563rem);
  font-size: var(--type-2);
  font-weight: 600;
  padding-bottom: max(1rem, min(calc(1.40rem + 1.41vw), 1.5rem));
  padding-bottom: var(--space);
  color: #222222;
  color: var(--color-text);
}

.paragraph--type--list-item {
  --flow-space: var(--space);
}

.paragraph--type--list-as-grid {
  /*margin: 0;*/
}

.paragraph--type--list-as-grid .field--name-field-paragraphs {
  display: flex;
  flex-flow: row wrap;
  gap: max(1rem, min(calc(1.40rem + 1.41vw), 1.5rem));
  gap: var(--space);
}

.field--type-link {
  padding-top: 0.5rem;
}
.paragraph--type--list-as-grid .field--name-field-paragraphs .field__item .field--name-field-title {
  font-size: max(1.00rem, min(calc(0.88rem + 0.33vw), 1.13rem));
  font-size: var(--type-0);
  font-weight: 600;
  padding: 0.5rem 0;
}

.paragraph--type--list-as-grid .field--name-field-paragraphs .field__item {
  font-size: max(0.88rem, min(calc(0.75rem + 0.33vw), 1.00rem));
  font-size: var(--type--1);
  flex: 1 0 60%;
}

@media (min-width: 45em) {

.paragraph--type--list-as-grid .field--name-field-paragraphs .field__item {
    flex: 0 0 calc((100% - max(1rem, min(calc(1.40rem + 1.41vw), 1.5rem))) / 2);
    flex: 0 0 calc((100% - var(--space)) / 2);
}
  }

@media (min-width: 75em) {

.paragraph--type--list-as-grid .field--name-field-paragraphs .field__item {
    flex: 0 0 calc((100% - (max(1rem, min(calc(1.40rem + 1.41vw), 1.5rem)) * 3)) / 4);
    flex: 0 0 calc((100% - (var(--space) * 3)) / 4);
}
  }

.paragraph--type--list-as-grid .field--name-field-link a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #101e8e;
  color: var(--color-primary);
  font-weight: 600;
  font-size: max(1.00rem, min(calc(0.88rem + 0.33vw), 1.13rem));
  font-size: var(--type-0);
}