/* Site-specific additions on top of the agency stylesheet (styles.css stays untouched). */

/* 20261017: "Kontakt" and "Termin vereinbaren" exist only in the mobile menu (desktop has the header button) */
@media (min-width: 62em) {
  #navigation nav ul.navi li.nav-mobile { display: none; }
}

@media (max-width: 61.9375em) {
  /* styled like .btn so it differs from the filled "active" menu item */
  #navigation nav ul.navi li.nav-cta { margin-top: 25px; }
  #navigation nav ul.navi li.nav-cta > a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: 14px;
    background: #2E9C80;
    border-color: #2E9C80;
    color: #fff;
  }
  #navigation nav ul.navi li.nav-cta > a:hover,
  #navigation nav ul.navi li.nav-cta:hover > a {
    background: #99DCCB;
    border-color: #99DCCB;
    color: #fff;
  }
}