@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 100 900;
  font-display: optional;
  src: url("../fonts/archivo-latin.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: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url("../fonts/bebas-neue-latin.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: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: optional;
  src: url("../fonts/inter-latin.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;
}

/* Ersatzschrift mit den Maßen der Webschrift (Celina 26.10.2026: auf der Produktseite darf nach dem Laden nichts
   springen). Safari tauscht Archivo und Inter auch bei font-display: optional noch nach dem ersten Bild ein; mit einer
   breiteren Ersatzschrift brach der Produkttitel vorher in zwei Zeilen um, danach in eine, und Größe, Extrawunsch und
   Knopf rutschten hoch. Arial (Linux: Liberation Sans, ChromeOS: Arimo, gleiche Breiten) wird je Schriftstärke auf die
   mittlere Breite der Webschrift skaliert, gemessen an allen Produktnamen bzw. -texten (Chromium, Canvas measureText).
   Fett: Safari am Mac findet „Arial Bold“ über den Namen; WebKit unter Linux nur die Familie „Arial“ samt Stärke. */
@font-face { font-family: "Archivo Ersatz"; font-weight: 100 549; src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("LiberationSans"), local("Arimo"); size-adjust: 99.4%; ascent-override: 88.5%; descent-override: 21.1%; line-gap-override: 0%; }
@font-face { font-family: "Archivo Ersatz"; font-weight: 550 649; src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("LiberationSans-Bold"), local("Arimo Bold"), local("Arial"); size-adjust: 95.9%; ascent-override: 91.8%; descent-override: 21.9%; line-gap-override: 0%; }
@font-face { font-family: "Archivo Ersatz"; font-weight: 650 900; src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("LiberationSans-Bold"), local("Arimo Bold"), local("Arial"); size-adjust: 99.3%; ascent-override: 88.6%; descent-override: 21.1%; line-gap-override: 0%; }
@font-face { font-family: "Inter Ersatz"; font-weight: 100 449; src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("LiberationSans"), local("Arimo"); size-adjust: 106.8%; ascent-override: 90.7%; descent-override: 22.7%; line-gap-override: 0%; }
@font-face { font-family: "Inter Ersatz"; font-weight: 450 549; src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("LiberationSans"), local("Arimo"); size-adjust: 108%; ascent-override: 89.7%; descent-override: 22.4%; line-gap-override: 0%; }
@font-face { font-family: "Inter Ersatz"; font-weight: 550 649; src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("LiberationSans-Bold"), local("Arimo Bold"), local("Arial"); size-adjust: 101.1%; ascent-override: 95.8%; descent-override: 24%; line-gap-override: 0%; }
@font-face { font-family: "Inter Ersatz"; font-weight: 650 900; src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("LiberationSans-Bold"), local("Arimo Bold"), local("Arial"); size-adjust: 102.2%; ascent-override: 94.8%; descent-override: 23.7%; line-gap-override: 0%; }