/**
 * EDDAIR — Touch-Hover-Reset (Mobile-Sprint)
 * Verhindert "sticky hover" auf Touch-Geräten (Smartphones, Tablets).
 * Wird nur auf Geräten OHNE echten Hover (= Touch) aktiv.
 * Alle Regeln brauchen !important, weil die Seiten inline <style> nutzen.
 */
@media (hover: none) and (pointer: coarse) {

  /* ─── Opacity-Resets ─── */
  a:hover,
  button:hover,
  .nav-logo:hover,
  .nav-links a:hover,
  .nav-cta-btn:hover,
  .nav-flag:hover,
  .nav-icon:hover,
  #main-nav.scrolled .nav-icon:hover,
  .nav-icons button:hover,
  .nav-icons a:hover,
  .hero-btn--primary:hover,
  .hero-btn--secondary:hover,
  .story-hero .hero-cta--primary:hover,
  .story-hero .hero-cta--secondary:hover,
  .ps-nav-btn:hover,
  .mission-link:hover,
  .btn-dark:hover,
  .btn-outline:hover,
  .cta-pro a:hover,
  .nl-btn:hover,
  .cookie-btn:hover,
  .cs-close:hover,
  .cs-save:hover,
  .ds-close:hover,
  .footer__contact-link:hover,
  .footer__legal-link:hover,
  .footer__icon:hover,
  .mobile-sticky-cta:hover,
  .breadcrumb-nav a:hover,
  .breadcrumb a:hover,
  .legal-breadcrumb a:hover,
  .s-pro a:hover,
  .br-card a.br-more:hover,
  .br-cta a.br-btn:hover,
  .product-card-btn:hover,
  .card-left-btn:hover,
  .app-link-btn:hover,
  .mehr-btn:hover,
  .app-link:hover,
  .crosssell-btn:hover,
  .ref-video-box .video-placeholder .play-icon:hover,
  .prod-xlinks-nav a:hover {
    opacity: 1 !important;
  }

  /* ─── Transform-Resets (Card-Lift, Zoom) ─── */
  .ps-card:hover,
  .ps-card:hover img,
  .ovi-card-home:hover,
  .ref-card:hover .ref-card-bg,
  .hero-cta--primary:hover {
    transform: none !important;
  }

  /* ─── Box-Shadow-Resets ─── */
  .ovi-card-home:hover,
  .universum-card:hover,
  .hero-cta--primary:hover {
    box-shadow: none !important;
  }

  /* ─── Background/Color-Resets (dekorative Elemente) ─── */
  .ps-card:hover {
    background: #fff !important;
  }

  .btn-outline-dark:hover {
    background: transparent !important;
    color: var(--black, #0a0a0a) !important;
  }

  .footer__link:hover {
    color: inherit !important;
  }

  .prod-xlinks-nav a:hover {
    color: inherit !important;
    border-bottom-color: transparent !important;
  }
}

/* ============================================================
   1280px BREAKPOINT — Große Tablets (iPad Pro, Surface Pro)
   Füllt die Lücke zwischen Desktop (1600px) und Tablet (1024px).
   ============================================================ */
@media (max-width: 1280px) {
  /* Hero: Text etwas enger */
  .hero-slide__text {
    left: 60px !important;
    max-width: 600px !important;
  }

  /* Produkt-Showcase: 3 Spalten statt 4 */
  .ps-card {
    flex: 0 0 calc(33.333% - 12px) !important;
  }

  /* App-Section: Lifestyle-Bild verkleinern */
  .app-inner {
    grid-template-columns: 1fr 560px !important;
    padding: 80px 0 80px 40px !important;
    min-height: 560px !important;
  }
  .app-lifestyle {
    width: 560px !important;
    height: 560px !important;
  }
  .app-phone {
    width: 280px !important;
    height: 522px !important;
    left: -50px !important;
  }

  /* Produkt-Showcase Padding */
  .ps-box {
    padding: 80px 40px !important;
  }

  /* Counter-Section: Padding anpassen */
  .counter-section {
    padding: 80px 40px !important;
  }

  /* Ref-Video-Box Mindesthöhe reduzieren */
  .ref-video-box .video-placeholder {
    min-height: 400px !important;
  }
}