/* ==========================================================================
       ARS Header Logo
       --------------------------------------------------------------------------
       Eine feste, saubere Logo-Zeile:
       ARS, Bäume und Text sitzen im selben Höhenband.
       Square-Option bleibt separat als #logo-ars-square.
       ========================================================================== */
    .brand-logo-link {
      display: inline-flex;
      align-items: center;
      color: inherit;
      text-decoration: none;
      min-width: 0;
      flex: 0 0 auto;
    }

    .ars-logo {
      display: block;
      max-width: none;
      overflow: visible;
      flex: 0 0 auto;
    }

    .ars-logo-header {
      width: 180px;
      height: auto;
    }

    .ars-logo-square {
      width: 58px;
      height: 58px;
    }

    @media (max-width: 820px) {
      .ars-logo-header {
        width: 180px;
        height: auto;
      }
    }

    @media (max-width: 420px) {
      .ars-logo-header {
        width: 138px;
        height: auto;
      }
    }






    /* ==========================================================================
       Footer Logo + Header Logo Visibility
       -------------------------------------------------------------------------- */
    .footer-brand-logo {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 18px 0 12px;
    }

    .ars-logo-footer {
      width: 240px;
      height: 58px;
      display: block;
      flex: 0 0 auto;
    }

    .brand-logo-link {
      transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    }

    .brand-logo-link.is-hidden-by-footer {
      opacity: 0;
      visibility: hidden;
      transform: translateY(-6px);
      pointer-events: none;
    }

    @media (max-width: 820px) {
      .ars-logo-footer {
        width: 240px;
        height: 50px;
      }
    }

    @media (max-width: 420px) {
      .ars-logo-footer {
        width: 232px;
        height: 43px;
      }
    }






    /* Footer brand replacement */
    .footer-brand-block-ars {
      align-items: center;
    }

    .footer-ars-logo-link {
      display: inline-flex;
      align-items: center;
      color: inherit;
      text-decoration: none;
      flex: 0 0 auto;
    }

    .ars-logo-footer {
      width: 240px;
      height: 58px;
      display: block;
      flex: 0 0 auto;
    }

    @media (max-width: 820px) {
      .ars-logo-footer {
        width: 240px;
        height: 50px;
      }
    }

    @media (max-width: 420px) {
      .ars-logo-footer {
        width: 232px;
        height: 43px;
      }
    }