footer.main {
    --col-1-width: calc(489 * var(--px));
    background: var(--base-color-white);
  }

  footer.main > .inner {
    padding-block: max(96px, calc(155 * var(--px))) max(38px, calc(60 * var(--px)));
  }
  
  
  
  
  
  
  
  footer.main div[class*="row-"] {
    display: flex;
    flex-flow: row nowrap;
  }
  
  footer.main div.row-2 {
    margin-top: max(109px, calc(295 * var(--px)));
  }
  
  footer.main div.col-1 {
    width: var(--col-1-width);
    flex-shrink: 0;
  }
  
  
  
  
  
  
  
  
  footer.main div.row-2 div.col-2 {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
  }
  
  nav.footer .menu {
    display: flex;
    flex-flow: row nowrap;
    gap: 0 2.11764705882352941176em;
  }
  
  .back-to-top {
    margin-left: auto;
  }
  
  
  
  
  
  
  footer.main address {
    display: flex;
    flex-flow: row nowrap;
    gap: 0 calc(146 * var(--px));
  }
  
  footer.main address .wysiwyg {
    display: flex;
    flex-flow: column nowrap;
  }
  
  footer.main address .headline {
    margin-bottom: 2.11764705882352941176em;
  }
  
  footer.main address .wysiwyg .offset {
    margin-top: auto;
  }
  
  
  
  
  
  
  
  
  
  @media (max-width: 1000px) {
    
    footer.main div[class*="row-1"] {
      flex-flow: column nowrap;
      gap: 42px 0;
    }
    
    footer.main div.row-2 div.col-1 {
      display: none;
    }
    
  }
  
  
  
  @media (max-width: 750px) {
    
    nav.footer .menu {
      flex-flow: column nowrap;
      gap: 0;
    }
    
    footer.main div.row-2 div.col-2 {
      align-items: flex-end;
    }
    
    footer.main address .headline {
      margin-bottom: 1em;
    }
    
  }
  
  
  
  @media (max-width: 500px) {
    
    footer.main address {
      flex-flow: column nowrap;
      gap: 3em 0;
    }
    
  }