/* ═══════════════════════════════════════════════════════════
   MOBILE OPTIMIERUNG — tourismus-neu-denken.at
   Breakpoints: 680px (Tablet klein), 480px (Smartphone)
═══════════════════════════════════════════════════════════ */

/* ─── TABLET (≤ 768px) ──────────────────────────────────── */
@media (max-width: 768px) {
  .grid-4 { grid-template-columns: 1fr 1fr !important; }
  .study-kpi-row { grid-template-columns: 1fr 1fr; }
  .partner-grid { grid-template-columns: 1fr 1fr; }
  .dest-grid { grid-template-columns: 1fr 1fr; }
}

/* ─── MOBILE (≤ 680px) ──────────────────────────────────── */
@media (max-width: 680px) {

  /* ── Layout ── */
  .wrap { padding: 0 16px !important; }
  .section { padding: 52px 0 !important; }

  /* ── Navigation ── */
  .nav-links { display: none !important; }
  .nav-inner { padding: 0 16px !important; height: 52px !important; gap: 12px; }
  .nav-logo { font-size: 11px !important; }
  .nav-inner .btn-gold { padding: 8px 14px !important; font-size: 12px !important; }

  /* ── Hero ── */
  .hero { padding: 80px 0 44px !important; }
  .hero-badge { font-size: 11px !important; padding: 4px 12px !important; }
  .hero-sub { font-size: 15px !important; max-width: 100% !important; }
  .aud-tabs { gap: 6px !important; margin: 20px 0 16px !important; }
  .aud-tab { padding: 8px 14px !important; font-size: 12px !important; }
  .counter-block {
    padding: 18px 20px !important;
    margin-top: 32px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .counter-num { font-size: 38px !important; }
  .counter-label { max-width: 100% !important; font-size: 12px !important; }

  /* Hero CTA buttons stacked */
  .aud-panel.active {
    flex-direction: column !important;
    gap: 8px !important;
  }
  .aud-panel .btn-gold,
  .aud-panel .btn-outline,
  .aud-panel .btn-ghost {
    width: 100% !important;
    justify-content: center !important;
    padding: 13px 20px !important;
    font-size: 14px !important;
  }

  /* ── Stats Bar ── */
  .stats-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .stat {
    border-right: none !important;
    border-bottom: 1px solid rgba(0,0,0,.12) !important;
    padding: 18px 14px !important;
  }
  .stat:nth-child(odd) { border-right: 1px solid rgba(0,0,0,.12) !important; }
  .stat:nth-last-child(-n+2) { border-bottom: none !important; }
  .stat-n { font-size: 20px !important; }

  /* ── Grids ── */
  .grid-2 { grid-template-columns: 1fr !important; }
  .grid-3 { grid-template-columns: 1fr !important; }
  .grid-4 { grid-template-columns: 1fr 1fr !important; }
  .fg-grid { grid-template-columns: 1fr !important; }
  .partner-grid { grid-template-columns: 1fr 1fr !important; }
  .dest-grid { grid-template-columns: 1fr 1fr !important; }

  /* ── Lösung / Solution ── */
  .solution-row { gap: 12px !important; padding: 18px 0 !important; }
  .solution-num { width: 24px !important; height: 24px !important; font-size: 10px !important; }

  /* ── Kalkulator ── */
  .calc { padding: 18px !important; }
  .calc-result {
    flex-direction: column !important;
    gap: 6px !important;
    align-items: flex-start !important;
  }
  .calc-result-num { font-size: 20px !important; }

  /* ── FAQ ── */
  .faq-q { font-size: 14px !important; padding: 16px 0 !important; }

  /* ── Studien ── */
  .study { padding: 18px !important; }
  .study-head { flex-direction: column !important; gap: 8px !important; }
  .study-kpi-row { grid-template-columns: 1fr 1fr !important; }
  .kpi { padding: 10px !important; }
  .kpi-n { font-size: 20px !important; }

  /* ── Pipeline ── */
  .pipe-item { padding: 12px 14px !important; gap: 10px !important; }
  .pipe-date { display: none; }

  /* ── Newsletter ── */
  .nl-card { padding: 18px !important; }
  .nl-input-row { flex-direction: column !important; gap: 8px !important; }
  .nl-input-row .btn-gold {
    width: 100% !important;
    justify-content: center !important;
    padding: 13px 20px !important;
  }

  /* ── Form ── */
  .form-card { padding: 18px !important; }
  .fg-grid { grid-template-columns: 1fr !important; gap: 0 !important; }

  /* ── Cards ── */
  .card { padding: 16px !important; }
  .about-card { padding: 16px !important; }

  /* ── Buttons global ── */
  .btn-gold,
  .btn-outline {
    padding: 12px 18px !important;
    font-size: 13px !important;
  }

  /* ── Footer ── */
  footer { padding: 20px 0 !important; }
  .foot-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }
  .foot-links {
    flex-wrap: wrap !important;
    gap: 12px 16px !important;
  }
  .foot-links a { font-size: 13px !important; }

  /* ── Subpage specifics ── */
  /* Verwandte Themen cards on subpages */
  .related-grid,
  [style*="grid-template-columns: repeat(3"],
  [style*="grid-template-columns:repeat(3"] {
    grid-template-columns: 1fr !important;
  }

  /* Breadcrumb */
  .breadcrumb { font-size: 11px !important; }

  /* Page hero on subpages */
  .page-hero { padding: 72px 0 32px !important; }
}

/* ─── SMALL PHONES (≤ 380px) ────────────────────────────── */
@media (max-width: 380px) {
  .grid-4 { grid-template-columns: 1fr !important; }
  .partner-grid { grid-template-columns: 1fr !important; }
  .dest-grid { grid-template-columns: 1fr !important; }
  .study-kpi-row { grid-template-columns: 1fr !important; }
  .aud-tab { font-size: 11px !important; padding: 7px 12px !important; }
  .stats-row { grid-template-columns: 1fr !important; }
  .stat { border-right: none !important; border-bottom: 1px solid rgba(0,0,0,.12) !important; }
  .stat:last-child { border-bottom: none !important; }
}