/* Tischweb logo marks (header + footer) */

:root {
  --tw-logo-nav-height: 26px;
  --tw-logo-footer-height: 20px;
}

.nl {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
}

.nl-logo {
  display: block;
  height: var(--tw-logo-nav-height);
  width: auto;
  max-width: 100%;
}

@media (max-width: 1023px) {
  .nl-logo {
    max-width: min(176px, calc(100vw - 120px));
  }
}

.nl-logo--dark {
  display: none;
}

#nav.dark-nav .nl-logo--light {
  display: none;
}

#nav.dark-nav .nl-logo--dark {
  display: block;
  height: var(--tw-logo-nav-height);
  width: auto;
}

.flo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.flo-logo {
  display: block;
  height: var(--tw-logo-footer-height);
  width: auto;
}

.site-brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.site-brand-logo {
  display: block;
  height: var(--tw-logo-nav-height);
  width: auto;
}