/* Selbst gehostet (GDPR: nie vom CDN laden). Alias-Regel: die echten
   Familiennamen (Google) duerfen hier und in importiertem CSS NIE auftauchen,
   sonst laedt Oxygens Webfont-Autoloader sie vom CDN.
   MPO Display = Newsreader (500 / 500 italic / 600)
   MPO Text    = Karla (400 / 500 / 600 / 700) */

@font-face {
	font-family: "MPO Display";
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("fonts/Newsreader-500.woff2") format("woff2");
}
@font-face {
	font-family: "MPO Display";
	font-weight: 500;
	font-style: italic;
	font-display: swap;
	src: url("fonts/Newsreader-500i.woff2") format("woff2");
}
@font-face {
	font-family: "MPO Display";
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url("fonts/Newsreader-600.woff2") format("woff2");
}

@font-face {
	font-family: "MPO Text";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("fonts/Karla-400.woff2") format("woff2");
}
@font-face {
	font-family: "MPO Text";
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("fonts/Karla-500.woff2") format("woff2");
}
@font-face {
	font-family: "MPO Text";
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url("fonts/Karla-600.woff2") format("woff2");
}
@font-face {
	font-family: "MPO Text";
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("fonts/Karla-700.woff2") format("woff2");
}

/* Entrance-Gate Ebene 1 (import-gotchas.md § Pflicht-Gate): Oxygens
   entrance.css setzt UNGEGATET [data-entrance]{visibility:hidden}. Ohne JS
   bliebe jedes animierte Element dauerhaft unsichtbar. Ebene 2 (html:not) und
   Ebene 3 (noscript) stehen im PHP; hier steht die Regel, die den Marker
   nachweislich im ausgelieferten CSS verankert (nojs-check Lauf 3). */
html:not(.mpo-js) [data-entrance] {
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
}