Explanation for highlight-snippet

For now, there is no explanation what the color-codes in the highlight-snippet mean.
We should add an headline with the type.

**Example: "Persönlicher Tipp":**
<img width="857" alt="Image" src="https://github.com/user-attachments/assets/f2cb6174-64ed-48c3-bd18-6e7f1e26ccfd" />