/* Storefront font (2026-09-26): Barlow — Überschriften/Menü/Preis SemiBold 600, Fließtext Regular 400 (OFL, self-hosted). */
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/barlow/barlow-latin-ext-400-normal.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/barlow/barlow-latin-400-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts/barlow/barlow-latin-ext-600-normal.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts/barlow/barlow-latin-600-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Metric-matched fallback (Feinschliff 2): until Barlow has loaded, text is set in the local Arial-metric
   face scaled to Barlow's width (size-adjust measured on German sample text: 400 → 94.8 %, 600 → 91.1 % of
   Arial Bold) with Barlow's vertical metrics (ascent 1.0 em, descent 0.2 em, no line gap) — so the swap to
   Barlow no longer reflows lines (CLS). Arial = Windows, Helvetica = macOS, Liberation Sans/Arimo = Linux. */
@font-face { font-family: 'Barlow Fallback'; font-style: normal; font-weight: 400; src: local('Arial'), local('ArialMT'), local('Helvetica'), local('Liberation Sans'), local('LiberationSans'), local('Arimo'); size-adjust: 94.8%; ascent-override: 105.5%; descent-override: 21.1%; line-gap-override: 0%; }
@font-face { font-family: 'Barlow Fallback'; font-style: normal; font-weight: 500 800; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'), local('Helvetica-Bold'), local('Liberation Sans Bold'), local('LiberationSans-Bold'), local('Arimo Bold'); size-adjust: 91.1%; ascent-override: 109.8%; descent-override: 22%; line-gap-override: 0%; }

/* Roles: headings, navigation/mega menu and prices use Barlow SemiBold 600 (--font-display /
   --font-weight-heading); body text stays Regular 400 (--font). */
h1, h2, h3, h4, h5, h6, nav, nav a, nav button, header nav,
[class*="price"], [class*="Price"], [class*="hgm"] { font-family: var(--font-display); }
h1, h2, h3, h4, h5, h6 { font-weight: var(--font-weight-heading); }