.contact-persons-list {
    display: flex;
    flex-flow: row wrap;
    --columns: 2;
    --item-width: calc((100% - (var(--item-gap) * var(--columns))) / var(--columns));
    --item-gap: var(--grid-gap);
    --margin: var(--item-gap);
    margin-right: calc(var(--margin) * -1);
    margin-bottom: calc(var(--item-gap) * -1);
  }
  
  .contact-persons-list > li {
    width: var(--item-width);
    margin-right: var(--item-gap);
    margin-bottom: var(--margin);
    display: flex;
    flex-flow: column nowrap;
  }
  
  article.contact-persons-article {
    background: var(--base-color-lightest-blue);
    --padding: 1.25em;
    padding: var(--padding);
    display: flex;
    flex-flow: row nowrap;
    flex-grow: 1;
  }
  
  article.contact-persons-article figure {
    width: 35.48387096774193548300%;
    margin-right: var(--padding);
    flex-shrink: 0;
  }
  
  article.contact-persons-article .article-body {
    width: 100%;
    padding-top: calc(16 * var(--base-unit));
  }
  
  article.contact-persons-article .meta-role {
    margin-top: 0.4em;
  }
  
  article.contact-persons-article .contact-links {
    margin-top: calc(30 * var(--base-unit));
  }
  
  article.contact-persons-article .contact-links > li {
    display: block;
  }
  
  article.contact-persons-article .contact-links > li + li {
    margin-top: 0.35em;
  }
  
  
  
  
  
  
  @media (max-width: 900px) {
    
    .contact-persons-list {
      --columns: 1;
    }
    
    article.contact-persons-article figure {
      width: 150px;
    }
    
  }
  
  
  
  
  
  
  
  @media (max-width: 600px) {
    
    article.contact-persons-article {
      flex-flow: column nowrap;
    }
    
    article.contact-persons-article .lnk-contact span.icon {
      display: none;
    }
    
    article.contact-persons-article .article-body {
      padding-top: 15px;
    }
    
    article.contact-persons-article .meta-role,
    article.contact-persons-article .contact-links {
      margin-top: 10px;
    }
    
    article.contact-persons-article {
      padding-bottom: calc(var(--padding) * 1.25);
    }
    
  }