/* ============================================================================
   Hausverwaltung Clauser · responsive.css — Variante 1a
   ========================================================================== */

@media (max-width: 960px){
  .hero-grid{ grid-template-columns:1fr; gap:24px; }
  .hero-figure{ order:-1; }
  .hero-logo{ width:min(240px,58vw); }
  .about{ grid-template-columns:1fr; }
  .about-portrait{ max-width:320px; }
  .contact-grid{ grid-template-columns:1fr; }
  .faq-list{ grid-template-columns:1fr; gap:0; }
  .footer-top{ grid-template-columns:1fr 1fr; }
  .footer-brand{ grid-column:1 / -1; }
}

@media (max-width: 640px){
  /* Weniger Auslauf um das Logo, sonst reicht das Partikelfeld über die Blattkante. */
  .hero-logo-canvas{ left:-14%; top:-20%; width:128%; height:122%; }
  .pillars{ grid-template-columns:1fr; }
  .pillar{ border-right:none; border-bottom:1px solid var(--line); }
  .pillar:last-child{ border-bottom:none; }
  .team-grid{ grid-template-columns:1fr; }
  .woh{ position:relative; }
  .woh-kopf{ grid-template-columns:44px 64px 1fr; gap:14px; }
  .woh-vorschau{ width:64px; height:64px; }
  .woh-miete{ grid-column:1 / -1; text-align:left; margin-top:12px; }
  .woh-schalter{ position:absolute; right:6px; top:26px; }
  .woh-kopf-leer{ grid-template-columns:44px 1fr; }
  .woh-platten{ grid-template-columns:1fr; }
  .leist-row{ grid-template-columns:44px 1fr; }
  .leist-row p{ grid-column:2; }
  .hero-actions .btn{ width:100%; justify-content:center; }
  .footer-top{ grid-template-columns:1fr; }
  .footer-bottom{ flex-direction:column; }
}