.documents-overview-list {
    --columns: 3;
    --item-gap: var(--grid-gap);
    --item-width: calc((100% - (var(--columns) * var(--item-gap))) / var(--columns));
    --margin: calc(75 * var(--base-unit));
    display: flex;
    flex-flow: row wrap;
    margin-bottom: calc(var(--margin) * -1);
    margin-right: calc(var(--item-gap) * -1);
  }
  
  .documents-overview-list > li {
    width: var(--item-width);
    margin-right: var(--item-gap);
    margin-bottom: var(--margin);
    display: flex;
    flex-flow: column nowrap;
  }
  
  article.document-article {
    --padding: 1.25em;
    position: relative;
    flex-grow: 1;
    display: flex;
    flex-flow: column nowrap;
  }
  
  article.document-article::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: calc(var(--padding) * 2);
    background: #f2f5fa;
  }
  
  article.document-article a {
    display: block;
    position: relative;
    padding: var(--padding);
    padding-top: 0;
    z-index: 2;
    flex-grow: 1;
  }
  
  article.document-article a:hover .headline,
  article.document-article a:focus .headline {
    text-decoration: underline;
  }
  
  article.document-article figure {
    width: calc(160 * var(--base-unit));
    min-width: 90px;
    margin-bottom: max(20px, calc(25 * var(--base-unit)));
  }
  
  article.document-article figure img,
  article.document-article figure svg {
    width: 100%;
    height: auto;
  }
  
  article.document-article .excerpt {
    margin-top: max(15px, calc(20 * var(--base-unit)));
  }
  
  
  
  
  
  
  
  
  
  @media (max-width: 1100px) {
    
    .documents-overview-list {
      --columns: 2;
    }
    
  }
  
  
  
  
  
  
  
  
  
  @media (max-width: 600px) {
    
    .documents-overview-list {
      --columns: 1;
    }
    
  }