/* bO. inline mark — ersetzt den Schriftzug "bO." durch das binomOne-Logo. © binomOne — Teil des Brand-Pakets 2026. Theme: Dark ist Default. Auf hellen Seiten oder Klasse .bo-light am Vorfahren setzen. */ :root { --bo-mark-img: url("./bo-mark-on-dark.png"); /* Seitenverhältnis des Marks: 1086 / 577 */ --bo-mark-h: 0.92em; --bo-mark-w: calc(var(--bo-mark-h) * 1.882); --bo-mark-shift: -0.05em; } [data-theme="light"], .bo-light { --bo-mark-img: url("./bo-mark-on-light.png"); } .bo-mark { display: inline-block; position: relative; width: var(--bo-mark-w); height: var(--bo-mark-h); vertical-align: var(--bo-mark-shift); } .bo-mark::after { content: ""; position: absolute; inset: 0; background: var(--bo-mark-img) no-repeat center / contain; } /* Screenreader + Copy-Paste behalten den Originaltext "bO." */ .bo-mark-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }