/* Schriften und Icons selbst gehostet statt von Google Fonts (DSGVO). Ersetzt tokens/fonts.css und tokens/icons.css. */
@font-face { font-family: "IBM Plex Sans"; font-weight: 400; font-display: swap; src: url("vendor/ibm-plex-sans-400.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 500; font-display: swap; src: url("vendor/ibm-plex-sans-500.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 600; font-display: swap; src: url("vendor/ibm-plex-sans-600.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans Condensed"; font-weight: 600; font-display: swap; src: url("vendor/ibm-plex-sans-condensed-600.woff2") format("woff2"); }
/* Geist: Schrift der Pack-Trail-Marke (Website), im Schritt DoC & TD und in den PDFs */
@font-face { font-family: "Geist"; font-weight: 400; font-display: swap; src: url("vendor/geist-400.woff2") format("woff2"); }
@font-face { font-family: "Geist"; font-weight: 500; font-display: swap; src: url("vendor/geist-500.woff2") format("woff2"); }
@font-face { font-family: "Geist"; font-weight: 600; font-display: swap; src: url("vendor/geist-600.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-display: swap; src: url("vendor/ibm-plex-mono-400.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 500; font-display: swap; src: url("vendor/ibm-plex-mono-500.woff2") format("woff2"); }
/* shortcut: volle variable Icon-Schrift (5 MB); auf die genutzten Icons subsetten, wenn die Ladezeit stört */
@font-face { font-family: "Material Symbols Rounded"; font-display: block; src: url("vendor/material-symbols-rounded.woff2") format("woff2"); }

.material-symbols-rounded {
  font-family: "Material Symbols Rounded"; font-weight: 400; font-style: normal; font-size: var(--icon-md); line-height: 1;
  letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal;
  direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; user-select: none;
  width: 1em; overflow: hidden; /* feste Breite: bis die Schrift geladen ist, wäre der Icon-Name als Text breiter – das Layout spränge unter der Maus */
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
}
.material-symbols-rounded.is-filled { font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20; }