@font-face { font-family: 'mp-roboto'; font-weight: 400; font-display: swap; src: url('roboto-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-roboto'; font-weight: 700; font-display: swap; src: url('roboto-bold.woff2') format('woff2'); }
@font-face { font-family: 'mp-montserrat'; font-weight: 400; font-display: swap; src: url('montserrat-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-montserrat'; font-weight: 700; font-display: swap; src: url('montserrat-bold.woff2') format('woff2'); }
@font-face { font-family: 'mp-oswald'; font-weight: 400; font-display: swap; src: url('oswald-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-oswald'; font-weight: 700; font-display: swap; src: url('oswald-bold.woff2') format('woff2'); }
@font-face { font-family: 'mp-playfair'; font-weight: 400; font-display: swap; src: url('playfair-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-playfair'; font-weight: 700; font-display: swap; src: url('playfair-bold.woff2') format('woff2'); }
@font-face { font-family: 'mp-lora'; font-weight: 400; font-display: swap; src: url('lora-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-lora'; font-weight: 700; font-display: swap; src: url('lora-bold.woff2') format('woff2'); }
@font-face { font-family: 'mp-poppins'; font-weight: 400; font-display: swap; src: url('poppins-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-poppins'; font-weight: 700; font-display: swap; src: url('poppins-bold.woff2') format('woff2'); }
@font-face { font-family: 'mp-raleway'; font-weight: 400; font-display: swap; src: url('raleway-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-raleway'; font-weight: 700; font-display: swap; src: url('raleway-bold.woff2') format('woff2'); }
@font-face { font-family: 'mp-merriweather'; font-weight: 400; font-display: swap; src: url('merriweather-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-merriweather'; font-weight: 700; font-display: swap; src: url('merriweather-bold.woff2') format('woff2'); }
/* Familien mit nur einem Schnitt stehen für normal und fett auf derselben Datei — sonst erzeugt der Browser ein künstliches Fett */
@font-face { font-family: 'mp-bebas'; font-weight: 400; font-display: swap; src: url('bebas-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-bebas'; font-weight: 700; font-display: swap; src: url('bebas-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-anton'; font-weight: 400; font-display: swap; src: url('anton-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-anton'; font-weight: 700; font-display: swap; src: url('anton-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-archivoblack'; font-weight: 400; font-display: swap; src: url('archivoblack-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-archivoblack'; font-weight: 700; font-display: swap; src: url('archivoblack-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-dmserif'; font-weight: 400; font-display: swap; src: url('dmserif-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-dmserif'; font-weight: 700; font-display: swap; src: url('dmserif-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-abril'; font-weight: 400; font-display: swap; src: url('abril-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-abril'; font-weight: 700; font-display: swap; src: url('abril-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-cormorant'; font-weight: 400; font-display: swap; src: url('cormorant-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-cormorant'; font-weight: 700; font-display: swap; src: url('cormorant-bold.woff2') format('woff2'); }
@font-face { font-family: 'mp-inter'; font-weight: 400; font-display: swap; src: url('inter-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-inter'; font-weight: 700; font-display: swap; src: url('inter-bold.woff2') format('woff2'); }
@font-face { font-family: 'mp-spacegrotesk'; font-weight: 400; font-display: swap; src: url('spacegrotesk-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-spacegrotesk'; font-weight: 700; font-display: swap; src: url('spacegrotesk-bold.woff2') format('woff2'); }
@font-face { font-family: 'mp-spacemono'; font-weight: 400; font-display: swap; src: url('spacemono-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-spacemono'; font-weight: 700; font-display: swap; src: url('spacemono-bold.woff2') format('woff2'); }
@font-face { font-family: 'mp-courierprime'; font-weight: 400; font-display: swap; src: url('courierprime-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-courierprime'; font-weight: 700; font-display: swap; src: url('courierprime-bold.woff2') format('woff2'); }
@font-face { font-family: 'mp-marker'; font-weight: 400; font-display: swap; src: url('marker-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-marker'; font-weight: 700; font-display: swap; src: url('marker-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-caveat'; font-weight: 400; font-display: swap; src: url('caveat-regular.woff2') format('woff2'); }
@font-face { font-family: 'mp-caveat'; font-weight: 700; font-display: swap; src: url('caveat-bold.woff2') format('woff2'); }