/* ===== HAND & PFOTE — mobile.css ===== */

@media (max-width: 700px) {
  .nav-links {
    display: none; flex-direction: column; gap: 0;
    position: absolute; top: 100%; left: 0; right: 0;
    background: rgba(41,40,38,.97);
    border-bottom: 1px solid rgba(255,255,255,.06);
  }
  .nav-links.open { display: flex; }
  .nav-links a { display: block; padding: 1rem 2rem; }
  .burger { display: block; }

  .angebot-grid { grid-template-columns: 1fr; }
  .arbeite-grid { grid-template-columns: 1fr; }

  .preis-item {
    flex-direction: column; text-align: center; gap: .5rem;
  }

  section { padding: 4rem 1.5rem; }
  .cta-band { padding: 4rem 1.5rem; }

  .paw-popup { bottom: 1rem; right: 1rem; height: 42px; font-size: .7rem; }

  .ft { flex-direction: column; gap: .2rem; }
  .ft-sep { display: none; }
  .kontakt-grid { grid-template-columns: 1fr; }
}