CSS Style of excerpt spills over into access restricted message

As can be seen in this example, the CSS of the excerpt ist being taken over by the content restriction message, making it look weird and messy.

I add here my custom html code for this message:

<div style="background-color: lightgrey; padding: 15px;">
<p style="text-align: left; color: #ffffff;">Der Rest ist leider nur für FUSION-Abonnenten sichtbar.<br /><a href="https://www.eir.de/abo/fusabo">Abonnieren Sie FUSION und Sie erhalten <strong>gratis</strong> Zugang zu dem Online-Kanal.</a> <br /><strong>Sie sind schon Abonnent/in?</strong> <a href="https://fusionmagazin.de/anmeldung">Hier k?nnen Sie sich anmelden.</a></p>
</div>

The page I need help with: [log in to see the link]