Frage zum Einbinden eines Widgets

Hallo,

ich habe in einer Seite ein Widget drin. Dafür habe ich ein separates WYSIWYG-Modul erstellt mit einer eigenen Modulposition. Diese lade ich dann in die Seite.

In dem Modul hatte ich dann drin:

"<div id="xxx-widget"></div>
<p>
<script type="text/javascript" src="https://widget.xxx.com/lib.js" data-tenant-key="xxx"></script>
</p>"

Das hat soweit gut funktioniert, jedoch passte die Optik nicht zu meiner Seite. Daraufhin hat mir der Anbieter diesen Code gesendet:

"<template id="xxx-widget-styles">
<style>
#root div *{
color:#405c1f!important;
}
</style>
</template>
<xxx-widget styles-template-id="xxx-widget-styles" widget-id="xxx"></xxx-widget><script type="text/javascript" src="https://widgets.xxx.com/product/v1/xxx-widget.min.js"></script>"

Habt ihr einen Tip, wie ich sowas in Joomla eingebettet bekomme?

Vielen Dank für euer Mitdenken

Micha