[data-nav-theme] .nav-brand path {
    transition: fill var(--animation-default);
  }

  [data-nav-theme="light"] .nav-brand [nav-brand-path="1"] { 
    fill: var(--color--grey-2);
  }
  [data-nav-theme="light"] .nav-brand [nav-brand-path="2"] { 
    fill: var(--color--grey-1);
  }

  [data-nav-theme="dark"] .nav-brand [nav-brand-path="1"] { 
    fill: var(--color--dark-green);
  }
  [data-nav-theme="dark"] .nav-brand [nav-brand-path="2"] { 
    fill: var(--color--dark-green);
  }

  .nav-middle {
    transition: color var(--animation-default);
  }
  [data-nav-theme="light"] .nav-middle {
    color: var(--color--white);
  }
  [data-nav-theme="dark"] .nav-middle {
    color: var(--color--dark-green);
  }

  .nav-ham {
    transition: 
      border-color var(--animation-default), 
      background-color var(--animation-default);
  }

  [data-nav-theme="dark"] .nav-ham {
    border-color: var(--color--dark-green);
    background-color: transparent;
  }
  [data-nav-theme="light"] .nav-ham {
    border-color: var(--color--white);
  }

  [data-nav-wrap] canvas {
    width: 100%;
    height: 100%;
  }

  .nav-menu-link-current-svg {
    visibility: hidden;
  }
  .nav-menu-link-w.w--current .nav-menu-link-current-svg {
    visibility: visible;
  }

  .footer-layout-clip {
    --mask-url: url('/assets/41c28bc7fba38663ec796734.svg');

    /* Apply the image mask using the variable */
    -webkit-mask-image: var(--mask-url);
    mask-image: var(--mask-url);

    /* Additional mask settings */
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }

  /* ----- tablet */
  @media only screen and (max-width: 479px) {
    .footer-layout-clip {
      --mask-url: url('/assets/ab4479c096fa1a7cd72e4f94.svg');
    }
  }


  [data-footer-theme="white"] {
    background-color: var(--color--white);
  }

  [data-footer-theme="black"] {
    background-color: var(--color--black);
  }
  [data-footer-theme="black"]  .footer-layout-clip {
    background-color: var(--color--black);
  }

  [data-footer-theme="green"] {
    background-color: var(--color--dark-green);
  }


  .kl-teaser-XpbhAP {
    opacity: 0 !important;
    pointer-events: none !important;
  }