

Have fun dealing with all the fun that comes with !important overriding styles and making you css a nightmare to maintain. AI may have gotten it to work, but it’s using some horrible practices when it comes to CSS. !important should only be used in very limited case (example a utility class that makes an element hidden and does nothing else). I would also recommend moving those color values into CSS variables to make it easier to modify it (assuming you want a consistent color scheme). My German is mittelmäßig so I can’t confidently translate this for you (I assume German is your first language due to the comments).
Which is why people are so hostile to genAI code. It may work now, but it’s not built to be maintained and usually has some glaring issues that lay people will not notice.