@media (min-width: 768px) {
  .hero__title { font-size: var(--text-4xl); }
  .hero__subtitle { font-size: var(--text-lg); }
  .hero__options { max-width: 520px; }
  .usp-grid { grid-template-columns: 1fr 1fr; }
  .cta-block__title { font-size: var(--text-3xl); }
  .review-card { width: 340px; }
  .quiz__title { font-size: var(--text-3xl); }
  .danke__map iframe { height: 300px; }
  .praxis-gallery__inner { max-width: 800px; }
  .praxis-gallery__grid { gap: var(--space-4); }
  .praxis-gallery__grid--3 { grid-template-columns: 1fr 1fr 1fr; }
  .video-testimonial__inner { max-width: 800px; }
  .arzt-section__inner { max-width: 700px; }
}
@media (min-width: 1200px) {
  .hero { padding: var(--space-16) var(--space-4) var(--space-12); }
  .hero__title { font-size: 2.75rem; }
  .usp-section { max-width: 800px; }
  .header__logo-img { height: 48px; }
  .praxis-gallery__inner { max-width: 960px; }
  .arzt-section__inner { max-width: 800px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .reviews-carousel { animation: none; }
}

/* === Cookie-Banner Mobile-Fix v2: kompakter Footer-Bar (max 110px) === */
@media (max-width: 768px) {
  #mm-cb {
    position: fixed !important;
    bottom: 0 !important; left: 0 !important; right: 0 !important; top: auto !important;
    max-height: 110px !important; height: auto !important;
    padding: 8px 12px !important; margin: 0 !important;
    background: #fff !important;
    border-top: 1px solid #ddd !important;
    box-shadow: 0 -3px 12px rgba(0,0,0,0.12) !important;
    font-size: 11px !important; line-height: 1.3 !important;
    z-index: 999999 !important;
    overflow-y: auto !important;
    display: flex !important; flex-direction: row !important; flex-wrap: wrap !important;
    align-items: center !important; gap: 6px !important;
  }
  #mm-cb-in { display: contents !important; }
  #mm-cb h1, #mm-cb h2, #mm-cb h3, #mm-cb [class*="title"], #mm-cb-title {
    flex: 1 1 100% !important; font-size: 12px !important; margin: 0 !important;
    font-weight: 700 !important; color: #1a3a5c !important;
  }
  #mm-cb p, #mm-cb [class*="desc"] {
    flex: 1 1 100% !important; font-size: 10px !important; margin: 0 !important; color: #666 !important;
    max-height: 28px !important; overflow: hidden !important;
  }
  #mm-cb button {
    padding: 5px 9px !important; font-size: 11px !important; min-height: 26px !important;
    border-radius: 4px !important; flex: 0 0 auto !important;
  }
  #mm-cb-ok, #mm-cb [id*="accept"] {
    background: #0596de !important; color: #fff !important; font-weight: 700 !important;
    border: none !important;
  }
  #mm-cb-rj, #mm-cb [id*="reject"], #mm-cb [id*="rj"] {
    background: #f4f6f9 !important; color: #6c7a8d !important; border: 1px solid #d6dde6 !important;
  }
  #mm-cb [id*="settings"], #mm-cb [id*="prefs"] { display: none !important; }
  /* Logo image in banner — hide on mobile to save space */
  #mm-cb img { display: none !important; }
  /* Wenn der Banner doch >110px wird: Backup */
  body { padding-bottom: 0 !important; }
}