/*
 * roboto-opensans.css – Lokale Schriften für SnipBook Viewer (SNIPBOOK_LOCAL_MODE = true)
 *
 * Benötigte WOFF2-Dateien im Unterordner "fonts/" ablegen.
 * Download: https://gwfh.mranftl.com  (latin subset genügt für Deutsch)
 *   → Roboto:    https://gwfh.mranftl.com/fonts/roboto?subsets=latin
 *   → Open Sans: https://gwfh.mranftl.com/fonts/open-sans?subsets=latin
 *
 * Benötigte Dateien:
 *   fonts/roboto-v32-latin-300.woff2          fonts/roboto-v32-latin-300italic.woff2
 *   fonts/roboto-v32-latin-regular.woff2      fonts/roboto-v32-latin-italic.woff2
 *   fonts/roboto-v32-latin-500.woff2          fonts/roboto-v32-latin-500italic.woff2
 *   fonts/roboto-v32-latin-700.woff2          fonts/roboto-v32-latin-700italic.woff2
 *   fonts/open-sans-v40-latin-300.woff2       fonts/open-sans-v40-latin-300italic.woff2
 *   fonts/open-sans-v40-latin-regular.woff2   fonts/open-sans-v40-latin-italic.woff2
 *   fonts/open-sans-v40-latin-600.woff2       fonts/open-sans-v40-latin-600italic.woff2
 *   fonts/open-sans-v40-latin-700.woff2       fonts/open-sans-v40-latin-700italic.woff2
 */

/* ── Roboto ─────────────────────────────────────────────────── */

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap;
  src: url('fonts/roboto-v32-latin-300.woff2') format('woff2'); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap;
  src: url('fonts/roboto-v32-latin-300italic.woff2') format('woff2'); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/roboto-v32-latin-regular.woff2') format('woff2'); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap;
  src: url('fonts/roboto-v32-latin-italic.woff2') format('woff2'); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('fonts/roboto-v32-latin-500.woff2') format('woff2'); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap;
  src: url('fonts/roboto-v32-latin-500italic.woff2') format('woff2'); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('fonts/roboto-v32-latin-700.woff2') format('woff2'); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap;
  src: url('fonts/roboto-v32-latin-700italic.woff2') format('woff2'); }

/* ── Open Sans ──────────────────────────────────────────────── */

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-display: swap;
  src: url('fonts/open-sans-v40-latin-300.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; font-display: swap;
  src: url('fonts/open-sans-v40-latin-300italic.woff2') format('woff2'); }

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/open-sans-v40-latin-regular.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; font-display: swap;
  src: url('fonts/open-sans-v40-latin-italic.woff2') format('woff2'); }

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('fonts/open-sans-v40-latin-600.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; font-display: swap;
  src: url('fonts/open-sans-v40-latin-600italic.woff2') format('woff2'); }

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('fonts/open-sans-v40-latin-700.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; font-display: swap;
  src: url('fonts/open-sans-v40-latin-700italic.woff2') format('woff2'); }
