/*
 * responsive.css — Media Queries
 * Fotogruppe elektron Lübbenau Child Theme
 */

/* ---- 1100px ---- */
@media (max-width: 1100px) {
  .fge-about-grid { gap: 44px; }
  .fge-footer-top  { grid-template-columns: 1fr 1fr; }
}

/* ---- 900px ---- */
@media (max-width: 900px) {
  :root { --section-pad: 80px; }

  .fge-about-grid,
  .fge-join-inner,
  .fge-contact-inner  { grid-template-columns: 1fr; }

  .fge-about-img-stack { height: 340px; }
  .fge-events-grid     { grid-template-columns: 1fr; }
  .fge-region-grid     { grid-template-columns: 1fr 1fr; }
  .fge-gallery-masonry { columns: 2; }
  .fge-hero-stats      { display: none; }
  .fge-footer-top      { grid-template-columns: 1fr 1fr; }
}

/* ---- 640px ---- */
@media (max-width: 640px) {
  :root { --section-pad: 60px; }

  .fge-nav-links     { display: none; }
  .fge-hamburger     { display: flex; }

  .fge-gallery-masonry { columns: 1; }
  .fge-region-grid     { grid-template-columns: 1fr; }
  .fge-footer-top      { grid-template-columns: 1fr; }
  .fge-about-features  { grid-template-columns: 1fr; }
  .fge-form-row        { grid-template-columns: 1fr; }

  .fge-hero-title { font-size: clamp(2.4rem, 12vw, 3.8rem); }
  .fge-hero-actions { flex-direction: column; align-items: stretch; }
  .fge-hero-actions .btn-white,
  .fge-hero-actions .btn-outline { width: 100%; }

  .fge-event-card { flex-direction: column; gap: 14px; }
  .fge-event-date-box { align-self: flex-start; }

  .fge-join-visual { height: 300px; }
  .fge-join-visual-quote { display: none; } /* auf Mobile ausblenden */

  .fge-hero-scroll { display: none; }

  .fge-partner-grid { flex-direction: column; align-items: center; }
  .partner-chip { width: 100%; max-width: 320px; justify-content: center; }

  .fge-footer-top { gap: 28px; }
  .fge-footer-bottom { flex-direction: column; align-items: flex-start; gap: 8px; }
}

/* ---- 400px ---- */
@media (max-width: 400px) {
  .fge-hero-stat { padding: 16px 24px; }
  .fge-hero-stat-num { font-size: 1.5rem; }
}

/* ---- Print ---- */
@media print {
  #fge-navbar, #fge-back-to-top, #fge-progress-bar,
  .fge-hamburger, .fge-mobile-menu, #fge-lightbox { display: none !important; }
  .fge-hero { min-height: auto; padding: 40px 5%; }
  .fge-hero-bg { display: none; }
  .fge-hero-content { color: #000 !important; }
  .fge-hero-title, .fge-hero-desc { color: #000 !important; }
}