@import '/styles/global.css';
@import '/styles/HeaderManager.css';
@import '/styles/FooterManager.css';
@import '/styles/SignupElement.css';
@import '/styles/CookieElement.css';

.legal-container {
    text-align: left;
    max-width: 1500px;
    margin-top: 110px;
    padding-block: 100px;
    padding-inline: 120px;
  }

  .legal-container a {
    display: flex;
    color: var(--color-link);
  }

  .legal-container a:hover {
    text-decoration: underline;
  }
  
  
  
  /*  End of  FAQ-ACCORDION  */
  /* SMALL DESKTOPS*/
  @media (max-width: 1024px) {
    .legal-container {
      padding-inline: 20px;
    }
  }
  
  @media (max-width: 700px) {
    .panel-left {
      width: 50%;
    }
    .panel-right {
      width: 50%;
    }
  }
  
  @media (max-width: 550px) {
    .panel-mobile {
      display: flex;
      width: 100%;
      max-height: 0;
      overflow: hidden;
      transition: 0.2s ease-out;
    }
    .panel-desktop-tab {
      display: none;
    }
    .panel-left {
      width: 100%;
    }
    .panel-right {
      display: none;
    }
    .legal-container {
      margin-top: 100px;
      padding-block: 50px; 
    }

    .legal-container a {
      display: flex;
      color: var(--color-link);
      padding-top: 10px;
    }
  }