/* Gemeinsame Mobil-Korrekturen fuer Seiten mit einkopiertem Header/Footer (Journal, Feature-Seiten, Rechtsseiten) */
@media (max-width:700px){
  nav{padding-left:16px!important;padding-right:16px!important;gap:10px}
  nav .btn-ghost-sm{display:none!important}
  nav .btn-primary-sm{padding:8px 12px!important;font-size:12.5px!important;white-space:nowrap}
  nav .nav-actions{gap:8px!important;flex-shrink:0}
  footer{padding-left:20px!important;padding-right:20px!important}
  footer [style*="padding:0 48px"]{padding-left:20px!important;padding-right:20px!important}
  footer div[style*="display:flex"],footer .footer-links{flex-wrap:wrap!important;gap:10px 18px!important}
  footer div[style*="justify-content:space-between"]{justify-content:flex-start!important}
  footer a,footer div{white-space:normal!important}
}

/* Lange deutsche Woerter in Ueberschriften duerfen trennen/umbrechen */
@media (max-width:700px){
  h1,h2,h3,.section-title{overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}
  .section-title{font-size:clamp(24px,7.2vw,36px)!important}
  .stat-grid{grid-template-columns:1fr!important}
  .product-grid,.products-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
}
/* Journal-Artikel-Kopfzeile: auf sehr schmalen Geraeten nur Logo + Journal + CTA */
@media (max-width:420px){
  nav a.nav-link[href*="#"]{display:none!important}
  nav .nav-cta{padding:7px 12px!important;font-size:12.5px!important;white-space:nowrap}
}
@media (max-width:700px){
  .product-card{padding:16px 10px!important}
  .product-card h3{font-size:13px!important}
}
