.module-contact-persons .module-body {
    max-width: max(625px, calc(1088 * var(--px)));
    margin: 0 auto;
  }
  
  .contact-persons-list {
    --columns: 2;
    --base-width: 100%;
    --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns));
    --column-gap: max(var(--page-padding-left), calc(32 * var(--px)));
    --row-gap: max(40px, calc(40 * var(--px)));
    margin-right: calc(var(--column-gap) * -1);
    margin-bottom: calc(var(--row-gap) * -1);
    display: flex;
    flex-flow: row wrap;
  }
  
  .contact-persons-list > * {
    width: var(--column-width);
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
  }
  
  .contact-person-card {
    display: flex;
    flex-flow: row nowrap;
    gap: max(20px, calc(32 * var(--px)));
  }
  
  .contact-person-card figure {
    width: max(100px, calc(192 * var(--px)));
    flex-shrink: 0;
  }
  
  .contact-person-card figure img {
    border-radius: 50%;
    display: block;
  }
  
  .contact-person-card .col-2 {
    width: 100%;
  }
  
  .contact-person-card .cpy-18 {
    --min-font-size: 1rem;
  }
  
  .contact-person-card .role {
    text-transform: uppercase;
    margin-top: .44444444444444444444em;
  }
  
  .contact-person-card .email {
    margin-top: 1.33333333333333333333em;
  }
  
  .contact-person-card .email a {
    color: var(--base-color-purple);
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: .11111111111111111111em;
    font-family: var(--base-font-1-demi);
  }
  
  body.view-b2b .contact-person-card .email a {
    color: var(--base-color-green);
  }
  
  @media (hover: hover) {
    .contact-person-card .email a:is(:hover, :focus) {
      text-decoration: none;
    }
  }
  
  
  
  @media (max-width: 600px) {
    
    .contact-persons-list {
      --columns: 1;
    }
    
    .contact-person-card .email {
      margin-top: 0.5em;
    }
    
  }