/*
Letzte Cleaning Prüfung: 23.09.2026
Letztes Cleaning: 07.09.2026

Die Schriften der eingebrannten Shorts-Untertitel - fuer die Vorschau im
Formular. Jede Auswahlzeile steht in ihrer eigenen Schrift, damit der Kunde
sieht, was er bekommt (Wunsch vom 07.09.2026).

Die Dateien sind genau die Schnitte, die auch im Backend-Image liegen und
beim Rendern benutzt werden (aus /usr/share/fonts kopiert; OFL bzw. Apache
2.0). Eine Familie hier = ein Eintrag in CAPTION_FONTS
(services/content-factory-captions.js, Feld `css`) = ein apk-Paket in
Dockerfile.backend. tests/contentfactory-shorts-schriften-vorschau.regression.js
haelt die drei Listen zusammen.

Geladen wird eine Schrift erst, wenn Text in ihr gezeichnet wird - die Seite
zahlt fuer ungenutzte Schriften nichts.
*/

@font-face { font-family: "Open Sans"; font-weight: 800; font-display: swap; src: url("../../fonts/untertitel/OpenSans-ExtraBold.ttf") format("truetype"); }
@font-face { font-family: "Open Sans Condensed"; font-weight: 800; font-display: swap; src: url("../../fonts/untertitel/OpenSans-CondensedExtraBold.ttf") format("truetype"); }
@font-face { font-family: "Montserrat"; font-weight: 800; font-display: swap; src: url("../../fonts/untertitel/Montserrat-ExtraBold.otf") format("opentype"); }
@font-face { font-family: "Inter"; font-weight: 100 900; font-display: swap; src: url("../../fonts/untertitel/InterVariable.ttf") format("truetype"); }
@font-face { font-family: "Roboto"; font-weight: 900; font-display: swap; src: url("../../fonts/untertitel/Roboto-Black.ttf") format("truetype"); }
@font-face { font-family: "Raleway"; font-weight: 800; font-display: swap; src: url("../../fonts/untertitel/Raleway-ExtraBold.ttf") format("truetype"); }
@font-face { font-family: "Overpass"; font-weight: 800; font-display: swap; src: url("../../fonts/untertitel/overpass-extrabold.otf") format("opentype"); }
@font-face { font-family: "Fira Sans"; font-weight: 800; font-display: swap; src: url("../../fonts/untertitel/FiraSans-ExtraBold.otf") format("opentype"); }
@font-face { font-family: "Fira Sans Condensed"; font-weight: 800; font-display: swap; src: url("../../fonts/untertitel/FiraSansCondensed-Heavy.otf") format("opentype"); }
@font-face { font-family: "Barlow"; font-weight: 800; font-display: swap; src: url("../../fonts/untertitel/Barlow-ExtraBold.otf") format("opentype"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 800; font-display: swap; src: url("../../fonts/untertitel/BarlowCondensed-Black.otf") format("opentype"); }
@font-face { font-family: "Barlow Semi Condensed"; font-weight: 800; font-display: swap; src: url("../../fonts/untertitel/BarlowSemiCondensed-Black.otf") format("opentype"); }
@font-face { font-family: "Noto Sans"; font-weight: 700; font-display: swap; src: url("../../fonts/untertitel/NotoSans-Bold.ttf") format("truetype"); }
@font-face { font-family: "Noto Sans Mono"; font-weight: 700; font-display: swap; src: url("../../fonts/untertitel/NotoSansMono-Bold.ttf") format("truetype"); }
@font-face { font-family: "Overpass Mono"; font-weight: 700; font-display: swap; src: url("../../fonts/untertitel/overpass-mono-bold.otf") format("opentype"); }
@font-face { font-family: "Nunito"; font-weight: 200 1000; font-display: swap; src: url("../../fonts/untertitel/Nunito-Variable.ttf") format("truetype"); }
@font-face { font-family: "Merriweather"; font-weight: 900; font-display: swap; src: url("../../fonts/untertitel/Merriweather-Black.otf") format("opentype"); }
@font-face { font-family: "Vollkorn"; font-weight: 900; font-display: swap; src: url("../../fonts/untertitel/Vollkorn-Black.ttf") format("truetype"); }
@font-face { font-family: "Karrik"; font-weight: 800; font-display: swap; src: url("../../fonts/untertitel/Karrik-Regular.otf") format("opentype"); }
@font-face { font-family: "B612"; font-weight: 700; font-display: swap; src: url("../../fonts/untertitel/B612-Bold.ttf") format("truetype"); }
@font-face { font-family: "Arimo"; font-weight: 700; font-display: swap; src: url("../../fonts/untertitel/Arimo-Bold.ttf") format("truetype"); }

/* Die Auswahl selbst zeigt die gewaehlte Schrift; jede Zeile der Liste ihre
   eigene (Chrome und Edge zeichnen option-Schriften, Firefox teilweise). */
[data-shorts-production-modal] select[name="caption_font"],
select[name="caption_font"] { font-weight: 800; }
select[name="caption_font"] option { font-weight: 800; font-size: 14px; }