/* Owned by the /k:port-identical agent step: fixes on top of the original's CSS (linked after the page bundle).
   url() relative to this file (a/<host>/...), never root-absolute. Every rule names its reason. */

/* D4: DM Sans self-hosted in place of the export's Google Fonts stylesheet (not harvested, another
   host). @fontsource-variable/dm-sans, SIL Open Font License (fonts/OFL.txt): the weight and the
   optical-size axis, as the export requests them (opsz 9..40, weights 400 to 700). */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url('fonts/dm-sans-latin-opsz-normal.woff2') format('woff2-variations');
  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: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url('fonts/dm-sans-latin-ext-opsz-normal.woff2') format('woff2-variations');
  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;
}

/* D5: phone break at 320 px. "Mehrsprachigkeit" (128 px at 16 px) in the right column of "Was
   enthalten ist" (two columns of 126 px at 320) runs 5 px past the screen; the export's CSS has
   it too. The items' font shrinks to 12.5 px (78 %) up to 321 px only, where the page is wider
   than the screen (heading-fit rule: the size the word needs, at least 75 %). */
@media (max-width: 321px) {
  [data-dc-tpl="295"] {
    font-size: 12.5px !important;
  }
}

/* D9: the image slots of the export (image-slot, flattened by prerender) frame their picture by
   script: width and height in percent for "cover", centred (no crop offset in the export's
   state). prerender carries the percentages of the captured widths only (1440, 768, 390), so
   between them the crop drifts (1280: 0.78 %). object-fit: cover centred is the same framing at
   every width. */
[data-ident-slot="image-slot"] .frame img {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  object-fit: cover;
  object-position: 50% 50%;
}
