

  .module-icon-columns .module-header .headline {
    margin-left: 0;
  }
  
  .module-icon-columns .cpy-16 {
    --min-font-size: 16px;
  }


  .icon-columns-list {
    --columns: 3;
    --item-gap: var(--grid-gap);
    --item-width: calc((100% - (var(--columns) * var(--item-gap))) / var(--columns));
    --margin: max(30px, calc(100 * var(--base-unit)));
    margin-bottom: calc(var(--margin) * -1);
    margin-right: calc(var(--item-gap) * -1);
    
    display: flex;
    flex-flow: row wrap;

  }
  
  .icon-columns-list > li {
    margin-bottom: var(--margin);
    width: var(--item-width);
    margin-right: var(--item-gap);
  }
  
  .icon-column-item .icon {
    margin-bottom: max(15px, calc(25 * var(--base-unit)));
  }
  
  .icon-column-item .icon > div {
    background: #d5e5f6;
    display: inline-block;
    padding: max(12px, calc(18 * var(--base-unit)));
  }
  
  .icon-column-item .graphic {
    max-width: 329px;
  }
  
  .icon-column-item .graphic > div {
    position: relative;
    display: inline-block;
    padding: max(12px, calc(22 * var(--base-unit))) max(23px, calc(33 * var(--base-unit)));
    /*padding-bottom: 0;*/
  }
  
  .icon-column-item .graphic > div::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 75%;
    background: #fff1bf;
    z-index: 1;
  }
  
  .icon-column-item .graphic > div img {
    position: relative;
    z-index: 2;
  }
  
  .icon-column-item svg {
    width: max(35px, calc(60 * var(--base-unit)));
    height: auto;
    display: block;
  }
  
  .icon-column-item svg path,
  .icon-column-item svg circle {
    fill: var(--icon-color);
  }
  
  
  .module-icon-columns .cpy-16 {
    line-height: 1.5;
  }
  
  
  
  
  
  @media (max-width: 800px) {
    
    .icon-columns-list {
      --columns: 2;
      --item-gap: var(--page-padding-left);
    }
    
    .module-icon-columns .module-header {
      margin-left: 0;
    }
    
  }
  
  
  
  
  
  
  
  @media (max-width: 500px) {
    
    .icon-columns-list {
      --columns: 1;
      margin-bottom: 0;
    }
    
    .icon-column-item {
      display: flex;
      flex-flow: row nowrap;
    }
    
    .icon-column-item .icon,
    .icon-column-item .graphic {
      flex-shrink: 0;
      width: auto;
      padding-right: var(--page-padding-left);
      margin-bottom: 0;
    }
    
    .icon-column-item .graphic {
      width: 100px;
    }
    
    .icon-column-item .graphic > div {
      padding: 7px;
    }
    
    .icon-column-item .icon > div {
      padding: 7px;
    }
    
    .icon-column-item svg {
      width: 20px;
    }
    
    .icon-column-item .wysiwyg {
      padding-top: 0px;
    }
    
    .icon-columns-list > li {
      margin-bottom: 0;
    }
    
    .icon-columns-list > li + li {
      margin-top: 25px;
    }
    
  }