:root {
    --module-margin-200: max(80px, calc(200 * var(--px)));
    --module-margin-100: max(80px, calc(150 * var(--px)));
    --module-margin-50: max(40px, calc(50 * var(--px)));
    --module-margin-30: max(20px, calc(20 * var(--px)));
  }
  
  .module.mrgn-200 {
    margin-bottom: var(--module-margin-200);
  }
  
  .module.mrgn-100 {
    margin-bottom: var(--module-margin-100);
  }
  
  .module.mrgn-50 {
    margin-bottom: var(--module-margin-50);
  }
  
  .module.mrgn-30 {
    margin-bottom: var(--module-margin-30);
  }
  
  .module.mrgn-0-if-last:last-child {
    margin-bottom: 0;
  }
  
  
  
  
  .module-header.type-a {
    margin-bottom: max(24px, calc(32 * var(--px)));
  }
  
  .module-header.type-a .headline {
    text-transform: none;
  }
  
  .module-header.type-b {
    margin-bottom: max(25px, calc(60 * var(--px)));
  }
  
  .module-header.type-b .headline {
    text-align: center;
    --min-font-size: 25;
  }
  
  .module-header.filter-bar {
    margin-bottom: max(25px, calc(50 * var(--px)));
    margin-top: 25px;
  }
  
  .module-header.has-button {
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
  }
  
  .module-header.has-button .btn-set {
    margin-top: 0;
    margin-left: auto;
  }
  
  
  
  
  
  
  @media (max-width: 600px) {
    
    .module-header.type-a .headline {
      text-align: center;
    }
    
    .module-header.has-button .btn-set {
      display: none;
    }
    
    .module-header.has-button {
      display: block;
    }
    
  }
  
  
  
  @media (max-width: 500px) {
    
    .module-header.filter-bar {
      margin-top: 0;
      padding-top: var(--page-padding-left);
      padding-bottom: 10px;
      margin-bottom: 15px;
      margin-inline: calc(var(--page-padding-left) * -1);
      padding-inline: var(--page-padding-left-s);
      position: sticky;
      top: 59px;
      z-index: 20;
    }
    
  }