/*
 * nx-breakpoints.css — gemeinsame Skala für Nexeth (öffentliche Site + CMS)
 * -------------------------------------------------------------------------
 * Verwendung in Media Queries (überall gleiche Zahlen):
 *   phone-sm     max-width: 479px   — kleine Phones
 *   phone        max-width: 767px   — Phones / kleine Tablets hochkant
 *   tablet       768px – 1023px    — Tablets, kleine Laptops
 *   desktop      min-width: 1024px
 *
 * Hinweis: Bestehende responsive.css nutzt weiter 767 / 429 — hier nicht ändern,
 * nur neue Dateien und Ergänzungen orientieren sich an dieser Tabelle.
 */
:root {
  --nx-pad-x-phone: max(16px, env(safe-area-inset-left, 0px));
  --nx-pad-x-phone-r: max(16px, env(safe-area-inset-right, 0px));
  --nx-pad-y-phone-b: max(12px, env(safe-area-inset-bottom, 0px));
}