Resolve "Forum 3"

Closes #5146

Merge request studip/studip!3845

57 files changed, 57 insertions, 0 deletions

diff --git a/public/assets/images/forum/forum-keyvisual-positive.svg b/public/assets/images/forum/forum-keyvisual-positive.svg
new file mode 100644
index 0000000..2dafbf3
--- /dev/null
+++ b/public/assets/images/forum/forum-keyvisual-positive.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 373 164"><path d="M349.5 96c-10.4 0-19.3 6.7-22.3 15.9L259.8 99c1.5-3.4 2.2-6.8 2.2-10.4s-.8-7.3-2.4-10.7l20.1-4.2c3.9 10.7 14.2 18.4 26.3 18.4s28-12.5 28-28-12.5-28-28-28-28 12.5-28 28 .1 3.2.4 4.7l-21.3 4.5c-3.3-4.9-8.2-9.3-14.5-13.1 3.4-5.9 5.4-12.8 5.4-20.1 0-22.1-17.9-40-40-40s-40 17.9-40 40 .5 7.3 1.5 10.7c-8.5 1.9-16.3 4.9-23 8.8-2 1.1-3.8 2.3-5.5 3.6L97.9 44.5c0-.8.1-1.6.1-2.3 0-12.7-10.5-23-23.5-23S51 29.5 51 42.2s10.5 23 23.5 23 19.2-6.6 22.3-15.7l39.9 17.3c-6.9 6.4-10.6 14-10.6 21.9v.8l-71.6 3.1c-2.6-12.2-13.7-21.4-26.9-21.4S0 83.1 0 98s12.3 27 27.5 27S55 112.9 55 98v-.6l71.7-3.1c1.5 6.5 5.6 12.6 12 17.8l-16.8 7.9c-5.1-8.4-14.3-14-24.8-14-16 0-29 13-29 29s13 29 29 29 29-13 29-29-.7-7.3-2-10.5l19.2-9c1 .7 2.1 1.4 3.2 2 12.7 7.4 29.6 11.5 47.6 11.5s32.7-3.6 45.1-10.1l14.4 8.7c-1.6 3.1-2.5 6.7-2.5 10.4 0 12.7 10.5 23 23.5 23s23.5-10.3 23.5-23-10.5-23-23.5-23-13.9 3.3-18.2 8.4l-12.3-7.4c5.7-3.7 10.2-7.9 13.2-12.5l68.9 13.2c0 .7-.1 1.5-.1 2.3 0 12.7 10.5 23 23.5 23s23.5-10.3 23.5-23-10.5-23-23.5-23ZM194 124c-34.7 0-63-15.9-63-35.5S159.3 53 194 53s63 15.9 63 35.5-28.3 35.5-63 35.5" fill="#e7ebf0"/><path fill="none" d="M182 10h54v54h-54z"/><g fill="#28497c"><path d="M222 21.5h-31c-3 0-5.4 2.4-5.5 5.5v16.4c0 3 2.4 5.4 5.5 5.5h5.3v8.8c5.3 0 10-3.6 11.3-8.8H222c3 0 5.4-2.4 5.5-5.5V27c0-3-2.4-5.4-5.5-5.5m2.5 21.8c0 1.4-1.1 2.5-2.5 2.5h-17c0 3.7-2.3 7-5.8 8.3v-8.3H191c-1.4 0-2.5-1.1-2.5-2.5V26.9c0-1.4 1.1-2.5 2.5-2.5h31c1.4 0 2.5 1.1 2.5 2.5z"/><path d="M227 16.6h-31.3c-2 0-3.8 1.1-4.7 2.9h36.5c1.1.3 1.9 1.3 1.9 2.4v21.4c1.8-.9 2.9-2.7 2.9-4.7V22c0-2.9-2.4-5.3-5.3-5.3Z"/><path d="M192.3 29.3h29.3v3.9h-29.3zm0 6.8h29.3V40h-29.3z"/></g><path fill="none" d="M133 66h49v49h-49z"/><g fill="#28497c"><path d="M165.2 77.7c-2.1 0-3.9 1.7-3.9 3.9s1.7 3.9 3.9 3.9 3.9-1.7 3.9-3.9c0-2.1-1.7-3.9-3.9-3.9m0-3.1c3.8 0 7 3.1 7 7 0 3.8-3.1 7-7 7-3.8 0-7-3.1-7-7 0-3.8 3.1-7 7-7m-5.4 18.5c-1.7 0-3.1 1.4-3.1 3.1v6.1c2.7 1.2 5.7 1.8 8.6 1.6 4.6 0 7.1-1 8.4-1.6v-6.1c0-1.7-1.4-3.1-3.1-3.1zm0-3h10.8c3.4 0 6.2 2.8 6.2 6.2v7.7s-3.1 3.1-11.5 3.1-11.7-3.1-11.7-3.1v-7.7c0-3.4 2.8-6.2 6.2-6.2m-10.8-14c-1.7 0-3.1 1.4-3.1 3.1s1.4 3.1 3.1 3.1 3.1-1.4 3.1-3.1-1.4-3.1-3.1-3.1m0-3c3.4 0 6.2 2.8 6.2 6.2s-2.8 6.2-6.2 6.2-6.2-2.8-6.2-6.2 2.8-6.2 6.2-6.2"/><path d="M144 87.5h10.1c1.2 0 2.3.3 3.2 1-1.7 0-3.3.8-4.4 2.1H144c-1.5 0-2.7 1.2-2.7 2.7v5.5q3.75 1.65 7.8 1.5h2.2v3.1h-2.2c-8 0-10.9-2.9-10.9-2.9v-7.2c0-3.2 2.6-5.8 5.8-5.8"/></g><path fill="none" d="M206 50h50v49h-50z"/><g fill="#28497c"><path d="M223.2 61.6c2.1 0 3.9 1.7 3.9 3.9s-1.7 3.9-3.9 3.9-3.9-1.7-3.9-3.9c0-2.1 1.7-3.9 3.9-3.9m0-3.1c-3.8 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7m5.4 18.6c1.7 0 3.1 1.4 3.1 3.1v6.1c-2.7 1.2-5.7 1.8-8.6 1.6-4.6 0-7.1-1-8.4-1.6v-6.1c0-1.7 1.4-3.1 3.1-3.1zm0-3.1h-10.8c-3.4 0-6.2 2.8-6.2 6.2v7.7s3.1 3.1 11.5 3.1 11.7-3.1 11.7-3.1v-7.7c0-3.4-2.8-6.2-6.2-6.2m10.8-13.9c1.7 0 3.1 1.4 3.1 3.1s-1.4 3.1-3.1 3.1-3.1-1.4-3.1-3.1 1.4-3.1 3.1-3.1m0-3.1c-3.4 0-6.2 2.8-6.2 6.2s2.8 6.2 6.2 6.2 6.2-2.8 6.2-6.2-2.8-6.2-6.2-6.2"/><path d="M244.5 71.5h-10.1c-1.2 0-2.3.3-3.2 1 1.7 0 3.3.8 4.4 2.1h8.9c1.5 0 2.7 1.2 2.7 2.7v5.5q-3.75 1.65-7.8 1.5h-2.2v3.1h2.2c8 0 10.9-2.9 10.9-2.9v-7.2c0-3.2-2.6-5.8-5.8-5.8"/></g><path fill="none" d="M269 131h12v12h-12z"/><path d="M273 134.4h-.7l1.3-1.3v-1.9l-3.7 3.7 3.7 3.7v-1.9l-1.3-1.3h.7c3.4 0 6.2 2.8 6.2 6.2h1.1c0-4-3.3-7.3-7.3-7.3Z" fill="#28497c"/><path fill="none" d="M261 125h27v28h-27z"/><path d="M284.2 128.1h-18.3c-1.5 0-2.8 1.2-2.8 2.8v10.9c0 1.5 1.2 2.8 2.8 2.8h3.7v4.5c2.7 0 5.1-1.9 5.8-4.5h8.9c1.5 0 2.8-1.2 2.8-2.8v-10.9c0-1.5-1.2-2.8-2.8-2.8Zm1.3 13.7c0 .7-.6 1.3-1.3 1.3h-10.1c0 1.9-1.2 3.6-3 4.2v-4.2h-5.2c-.7 0-1.3-.6-1.3-1.3v-10.9c0-.7.6-1.3 1.3-1.3h18.3c.7 0 1.3.6 1.3 1.3z" fill="#28497c"/><path fill="none" d="M286 43h40v40h-40z"/><g fill="#28497c"><path d="M310.3 74.1h-8.1c-.6 0-1.1.5-1.1 1.1s.5 1.1 1.1 1.1h8.1c.6 0 1.1-.5 1.1-1.1s-.5-1.1-1.1-1.1m-.8 3.7h-6.7c-.6 0-1.1.5-1.1 1.1s.5 1.1 1.1 1.1h6.7c.6 0 1.1-.5 1.1-1.1s-.5-1.1-1.1-1.1m-3.3-33.3c-6.9 0-12.6 5.6-12.6 12.6 0 4.4 2.3 8.4 6 10.7.4.3.7.7.7 1.2v2.5c0 .6.5 1.1 1.1 1.1h9.6c.6 0 1.1-.5 1.1-1.1V69c0-.5.2-1 .7-1.2 5.9-3.6 7.8-11.4 4.1-17.3-2.3-3.7-6.3-6-10.7-6m5.4 21.4c-1.1.7-1.7 1.9-1.7 3.1v1.4h-7.4V69c0-1.3-.6-2.5-1.7-3.1-4.9-3-6.4-9.4-3.4-14.2 1.7-2.7 4.5-4.5 7.6-4.9h1.2c5.7 0 10.4 4.6 10.4 10.4 0 3.6-1.9 6.9-4.9 8.8Z"/><path d="M310.2 49a9.4 9.4 0 0 0-11.5 3.2c-.4.6-.3 1.4.3 1.8s1.4.3 1.8-.3c1.3-1.8 3.4-2.9 5.6-2.9 1 0 1.9.2 2.8.6.3.1.7.2 1 0 .7-.3 1-1 .7-1.7-.1-.3-.4-.6-.7-.7m-11.4 5.3c-.7-.2-1.4.2-1.6.9s-.3 1.5-.3 2.2 0 1.3.2 2c.1.6.6 1 1.2 1h.3c.7-.2 1.1-.8 1-1.5-.1-.5-.2-1-.2-1.4 0-.5 0-1.1.2-1.6 0-.3 0-.7-.1-1-.2-.3-.5-.5-.8-.6Z"/></g><path fill="none" d="M79 118h33v34H79z"/><path d="M95.5 143c-2.2 0-4 1.6-4.1 3.8 0 2.2 1.6 4 3.8 4.1h.2c2.2 0 4.1-1.6 4.2-3.8 0-2.2-1.6-4.1-3.8-4.2h-.4Zm.7-22.5c-2.7 0-5.3.6-7.7 1.8l1.6 4.8c1.4-.8 3-1.3 4.6-1.3 2.3 0 3.4 1.1 3.4 2.6s-1.2 2.9-2.7 4.6c-1.8 1.8-2.8 4.3-2.7 6.8v1.1h6.2v-.8c0-2.1.8-4.1 2.4-5.5 1.8-1.8 3.9-4 3.9-7.3s-2.8-6.8-8.9-6.8Z" fill="#28497c"/><path fill="none" d="M177 80h43v43h-43z"/><path d="M198.4 86c2.5 0 4.5 2 4.5 4.5s-2 4.5-4.5 4.5-4.5-2-4.5-4.5 2-4.5 4.5-4.5m0-3.6c-4.5 0-8.1 3.6-8.1 8.1s3.6 8.1 8.1 8.1 8.1-3.6 8.1-8.1-3.6-8.1-8.1-8.1m6.3 21.5c2 0 3.6 1.6 3.6 3.6v7c-1.5.8-4.6 1.9-10 1.9s-8.2-1.1-9.7-1.9v-7c0-2 1.6-3.6 3.6-3.6zm0-3.6h-12.5c-3.9 0-7.2 3.2-7.2 7.1v8.9s3.6 3.6 13.3 3.6 13.6-3.6 13.6-3.6v-8.9c0-3.9-3.2-7.1-7.2-7.1" fill="#28497c"/><path fill="none" d="M165 47h27v27h-27z"/><path d="M178.1 51.1c1.6 0 2.9 1.3 2.9 2.9s-1.3 2.9-2.9 2.9-2.9-1.3-2.9-2.9 1.3-2.9 2.9-2.9m0-2.3c-2.8 0-5.1 2.3-5.1 5.1s2.3 5.1 5.1 5.1 5.1-2.3 5.1-5.1-2.3-5.1-5.1-5.1m4 13.7c1.3 0 2.3 1 2.3 2.3v4.5c-2 .9-4.2 1.3-6.4 1.2-2.1.1-4.3-.3-6.2-1.2v-4.5c0-1.3 1-2.3 2.3-2.3zm0-2.3h-8c-2.5 0-4.6 2-4.6 4.5v5.7s2.3 2.3 8.5 2.3 8.6-2.3 8.6-2.3v-5.7c0-2.5-2.1-4.5-4.6-4.5Z" fill="#28497c"/><path fill="none" d="M55 27h35v33H55z"/><g fill="#28497c"><path d="m73.6 53.6-.6-4.9c2.6-1.5 4.9-3.3 7-5.4 7.2-7.2 6.3-13.7 6.3-13.7s-6.9-.5-13.7 6.3c-2.1 2.1-3.9 4.4-5.4 7l-4.9-.6c-.3 0-.6 0-.8.3l-3.1 3.1c-.4.4-.4 1 0 1.4.1.1.3.2.4.3l5.1 1.5-.6.9 3 3 .9-.6 1.5 5.1c.2.5.7.8 1.2.7.2 0 .3-.1.4-.2l3.1-3.1c.2-.2.3-.5.3-.8Zm-1.9-6.5c-1 .5-2.3.1-2.8-.9-.3-.6-.3-1.3 0-1.9 1.4-2.5 3.2-4.8 5.2-6.8 2.7-2.8 6.2-4.8 10-5.5-.4 2.2-1.6 6-5.6 10-2 2.1-4.3 3.8-6.8 5.2Z"/><circle cx="75.9" cy="40" r="2.1"/><circle cx="79.6" cy="36.3" r="1.6"/><circle cx="72.2" cy="43.7" r="1.6"/><path d="m78.7 50.3-.9 2.4-2.4.9 2.4.9.9 2.4.9-2.4 2.4-.9-2.4-.9zm-14.4-9.9 1.3-3.4 3.4-1.3-3.4-1.3-1.3-3.4-1.3 3.4-3.4 1.3L63 37zm19 9.1.8-2.2 2.2-.8-2.2-.8-.8-2.2-.8 2.2-2.2.8 2.2.8z"/></g><path d="M343.7 111.4c1.7 0 3.8.8 4.5 2.6l.6 1.7c.2.6.9.9 1.5.7.3-.1.5-.4.7-.7l.6-1.7c.7-1.8 2.7-2.6 4.5-2.6 1.3 0 2.6.5 3.6 1.4.9 1.1 1.4 2.5 1.2 4-.1 2.3-2 4.4-5.1 7.3-2.8 2.6-4.7 4.2-5.8 5-1.1-.8-3-2.4-5.8-5-3.1-2.9-5-5-5.1-7.3-.2-1.4.3-2.9 1.2-4 1-.9 2.3-1.4 3.6-1.4Zm12.3-1.8c-2.6 0-5.2 1.3-6.2 3.7-.9-2.4-3.5-3.7-6.2-3.7s-6.9 2.3-6.6 7.3c.2 3 2.5 5.6 5.7 8.5 2.2 2.1 4.6 4.1 7.1 5.9 2.5-1.8 4.8-3.8 7.1-5.9 3.2-3 5.5-5.5 5.7-8.5.3-5-3.2-7.3-6.6-7.3" fill="#28497c"/><path fill="none" d="M12 85h27v27H12z"/><path d="M37.5 90.8H27.3v2.6c0 4.6.7 9.3 2.3 13.6h3.7c-.2-.3-.3-.7-.5-1.1-.6-1.6-1.1-3.2-1.4-4.9h6.1zm-13.6 0H13.7v2.6c0 4.6.7 9.3 2.3 13.6h3.7c-.2-.3-.3-.7-.5-1.1-.6-1.6-1.1-3.2-1.4-4.9h6.1z" fill="#28497c"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/black/add-reaction.svg b/public/assets/images/icons/black/add-reaction.svg
new file mode 100644
index 0000000..cdbfeaf
--- /dev/null
+++ b/public/assets/images/icons/black/add-reaction.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="signs &amp;amp; feedback" fill="#000000"><path d="M48 4h4v20h-4z"/><path d="M40 12h20v4H40zm-1.89 17.97c2.55-.17 4.45-2.95 4.24-6.18s-2.47-5.73-5.02-5.56-4.45 2.95-4.24 6.18c.21 3.24 2.47 5.74 5.02 5.57Zm-12.81.7c2.55-.17 4.45-2.94 4.24-6.18-.21-3.23-2.47-5.73-5.02-5.56s-4.45 2.94-4.24 6.17c.21 3.24 2.47 5.74 5.02 5.57M32 51.93c-9.93 0-18-6.23-18-13.88 0-.53.21-1.07.59-1.44s.93-.64 1.42-.61l32 .06c1.1 0 2 .9 2 2 0 7.65-8.07 13.88-18 13.88ZM18.3 40c1.34 4.48 7.07 7.93 13.7 7.93s12.35-3.45 13.7-7.88z"/><path d="M53.81 22c1.87 4.07 2.64 8.74 1.92 13.64-1.56 10.51-10.1 18.84-20.64 20.16-15.65 1.97-28.86-11.25-26.9-26.9C9.51 18.36 17.85 9.82 28.35 8.26c4.9-.73 9.57.04 13.64 1.92.75.35 1.64.17 2.23-.41 1-1 .67-2.67-.62-3.26-4.13-1.89-8.8-2.8-13.71-2.44-13.65 1-24.74 12.02-25.8 25.66C2.74 46.97 17.02 61.25 34.26 59.9c13.64-1.07 24.66-12.16 25.66-25.8.36-4.91-.55-9.58-2.44-13.71-.59-1.29-2.26-1.62-3.26-.62-.59.59-.76 1.47-.41 2.23"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/black/pin.svg b/public/assets/images/icons/black/pin.svg
new file mode 100644
index 0000000..403a300
--- /dev/null
+++ b/public/assets/images/icons/black/pin.svg
@@ -0,0 +1 @@
+<svg fill="#000000" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="Icons – Sammlung"><path d="M48 20c0-8.84-7.16-16-16-16s-16 7.16-16 16c0 7.81 5.6 14.3 13 15.71V57c0 1.66 1.34 3 3 3s3-1.34 3-3V35.71c7.4-1.41 13-7.9 13-15.71M32 32c-6.62 0-12-5.38-12-12S25.38 8 32 8s12 5.38 12 12-5.38 12-12 12"/><circle cx="28" cy="16" r="4"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/black/quote.svg b/public/assets/images/icons/black/quote.svg
new file mode 100644
index 0000000..1719331
--- /dev/null
+++ b/public/assets/images/icons/black/quote.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M60 14H36.17c-.11 1.97-.17 3.96-.17 6 0 12.44 2.04 23.72 5.36 32h8.76c-.38-.75-.77-1.59-1.15-2.53-1.37-3.31-2.46-7.22-3.28-11.47h14.33V14Zm-32 0H4.17C4.06 15.97 4 17.96 4 20c0 12.44 2.04 23.72 5.36 32h8.76c-.38-.75-.77-1.59-1.15-2.53-1.37-3.31-2.46-7.22-3.28-11.47h14.33V14Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/black/quote2.svg b/public/assets/images/icons/black/quote2.svg
new file mode 100644
index 0000000..161cebb
--- /dev/null
+++ b/public/assets/images/icons/black/quote2.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#000000"><path d="M53.48 7.54H10.53c-3.59 0-6.52 2.94-6.52 6.52v25.45c0 3.59 2.94 6.52 6.52 6.52h8.65l.03 10.5c6.46-.02 11.93-4.5 13.5-10.5h20.78c3.59 0 6.52-2.94 6.52-6.52V14.06c0-3.59-2.94-6.52-6.52-6.52Zm3.02 31.98c0 1.67-1.36 3.02-3.02 3.02H29.67c0 4.55-2.92 8.44-6.98 9.89l-.02-9.89H10.53c-1.67 0-3.02-1.36-3.02-3.02V14.06c0-1.67 1.36-3.02 3.02-3.02h42.95c1.67 0 3.02 1.36 3.02 3.02v25.45Z"/><path d="M46 17H34.08c-.05.98-.08 1.98-.08 3 0 6.22 1.02 11.86 2.68 16h4.38c-.19-.38-.38-.79-.58-1.26-.68-1.65-1.23-3.61-1.64-5.74H46zm-16 0H18.08c-.05.98-.08 1.98-.08 3 0 6.22 1.02 11.86 2.68 16h4.38c-.19-.38-.38-.79-.58-1.26-.68-1.65-1.23-3.61-1.64-5.74H30z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/black/subscription-all.svg b/public/assets/images/icons/black/subscription-all.svg
new file mode 100644
index 0000000..800ecff
--- /dev/null
+++ b/public/assets/images/icons/black/subscription-all.svg
@@ -0,0 +1 @@
+<svg fill="#000000" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M25 58c-2.46 0-4.58-1.84-4.94-4.29L19.81 52H9v-2.23c3.1-.68 5.28-2.96 5.96-6.38 1.01-5.06 2.11-19.62 2.16-20.24.72-6.12 5.3-11.27 11.39-12.72l1.73-.41-.25-2.04c0-1.07.9-1.97 2-1.97s2 .9 2 2l-.03.24-.22 1.77 1.74.42c6.09 1.45 10.67 6.6 11.4 12.81.04.53 1.14 15.1 2.15 20.16.68 3.42 2.86 5.7 5.96 6.38v2.23H30.18l-.25 1.71c-.36 2.45-2.48 4.29-4.94 4.29Z"/><path d="m32 11.65 3.02.72c5.25 1.25 9.21 5.68 9.87 11.02.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22H28.46l-.5 3.42C27.75 54.89 26.47 56 25 56s-2.75-1.11-2.96-2.58l-.5-3.42h-8.33c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39.66-5.34 4.62-9.76 9.87-11.02zM32 4c-2.21 0-4 1.79-4 4 0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57v-6.01c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/black/subscription-end.svg b/public/assets/images/icons/black/subscription-end.svg
new file mode 100644
index 0000000..57e237f
--- /dev/null
+++ b/public/assets/images/icons/black/subscription-end.svg
@@ -0,0 +1 @@
+<svg fill="#000000" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="m43.33 38.67-6.65-6.64 6.65-6.65-4.68-4.68L32 27.34l-6.65-6.64-4.67 4.68 6.64 6.64-6.65 6.65 4.69 4.68 6.65-6.65 6.64 6.65z"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/black/subscription-none.svg b/public/assets/images/icons/black/subscription-none.svg
new file mode 100644
index 0000000..a5260aa
--- /dev/null
+++ b/public/assets/images/icons/black/subscription-none.svg
@@ -0,0 +1 @@
+<svg fill="#000000" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/black/subscription-quotes.svg b/public/assets/images/icons/black/subscription-quotes.svg
new file mode 100644
index 0000000..61add1b
--- /dev/null
+++ b/public/assets/images/icons/black/subscription-quotes.svg
@@ -0,0 +1 @@
+<svg fill="#000000" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M43 27.07h-9.36c-.04.77-.07 1.56-.07 2.36 0 4.89.8 9.32 2.1 12.57h3.44c-.15-.3-.3-.62-.45-.99-.54-1.3-.97-2.84-1.29-4.51H43zm-12.57 0h-9.36c-.04.77-.07 1.56-.07 2.36 0 4.89.8 9.32 2.1 12.57h3.44c-.15-.3-.3-.62-.45-.99-.54-1.3-.97-2.84-1.29-4.51h5.63z"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/blue/add-reaction.svg b/public/assets/images/icons/blue/add-reaction.svg
new file mode 100644
index 0000000..75997f3
--- /dev/null
+++ b/public/assets/images/icons/blue/add-reaction.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="signs &amp;amp; feedback" fill="#28497c"><path d="M48 4h4v20h-4z"/><path d="M40 12h20v4H40zm-1.89 17.97c2.55-.17 4.45-2.95 4.24-6.18s-2.47-5.73-5.02-5.56-4.45 2.95-4.24 6.18c.21 3.24 2.47 5.74 5.02 5.57Zm-12.81.7c2.55-.17 4.45-2.94 4.24-6.18-.21-3.23-2.47-5.73-5.02-5.56s-4.45 2.94-4.24 6.17c.21 3.24 2.47 5.74 5.02 5.57M32 51.93c-9.93 0-18-6.23-18-13.88 0-.53.21-1.07.59-1.44s.93-.64 1.42-.61l32 .06c1.1 0 2 .9 2 2 0 7.65-8.07 13.88-18 13.88ZM18.3 40c1.34 4.48 7.07 7.93 13.7 7.93s12.35-3.45 13.7-7.88z"/><path d="M53.81 22c1.87 4.07 2.64 8.74 1.92 13.64-1.56 10.51-10.1 18.84-20.64 20.16-15.65 1.97-28.86-11.25-26.9-26.9C9.51 18.36 17.85 9.82 28.35 8.26c4.9-.73 9.57.04 13.64 1.92.75.35 1.64.17 2.23-.41 1-1 .67-2.67-.62-3.26-4.13-1.89-8.8-2.8-13.71-2.44-13.65 1-24.74 12.02-25.8 25.66C2.74 46.97 17.02 61.25 34.26 59.9c13.64-1.07 24.66-12.16 25.66-25.8.36-4.91-.55-9.58-2.44-13.71-.59-1.29-2.26-1.62-3.26-.62-.59.59-.76 1.47-.41 2.23"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/blue/pin.svg b/public/assets/images/icons/blue/pin.svg
new file mode 100644
index 0000000..958cd0f
--- /dev/null
+++ b/public/assets/images/icons/blue/pin.svg
@@ -0,0 +1 @@
+<svg fill="#28497c" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="Icons – Sammlung"><path d="M48 20c0-8.84-7.16-16-16-16s-16 7.16-16 16c0 7.81 5.6 14.3 13 15.71V57c0 1.66 1.34 3 3 3s3-1.34 3-3V35.71c7.4-1.41 13-7.9 13-15.71M32 32c-6.62 0-12-5.38-12-12S25.38 8 32 8s12 5.38 12 12-5.38 12-12 12"/><circle cx="28" cy="16" r="4"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/blue/quote.svg b/public/assets/images/icons/blue/quote.svg
new file mode 100644
index 0000000..f4661e5
--- /dev/null
+++ b/public/assets/images/icons/blue/quote.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M60 14H36.17c-.11 1.97-.17 3.96-.17 6 0 12.44 2.04 23.72 5.36 32h8.76c-.38-.75-.77-1.59-1.15-2.53-1.37-3.31-2.46-7.22-3.28-11.47h14.33V14Zm-32 0H4.17C4.06 15.97 4 17.96 4 20c0 12.44 2.04 23.72 5.36 32h8.76c-.38-.75-.77-1.59-1.15-2.53-1.37-3.31-2.46-7.22-3.28-11.47h14.33V14Z" fill="#28497c"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/blue/quote2.svg b/public/assets/images/icons/blue/quote2.svg
new file mode 100644
index 0000000..97b7272
--- /dev/null
+++ b/public/assets/images/icons/blue/quote2.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#28497c"><path d="M53.48 7.54H10.53c-3.59 0-6.52 2.94-6.52 6.52v25.45c0 3.59 2.94 6.52 6.52 6.52h8.65l.03 10.5c6.46-.02 11.93-4.5 13.5-10.5h20.78c3.59 0 6.52-2.94 6.52-6.52V14.06c0-3.59-2.94-6.52-6.52-6.52Zm3.02 31.98c0 1.67-1.36 3.02-3.02 3.02H29.67c0 4.55-2.92 8.44-6.98 9.89l-.02-9.89H10.53c-1.67 0-3.02-1.36-3.02-3.02V14.06c0-1.67 1.36-3.02 3.02-3.02h42.95c1.67 0 3.02 1.36 3.02 3.02v25.45Z"/><path d="M46 17H34.08c-.05.98-.08 1.98-.08 3 0 6.22 1.02 11.86 2.68 16h4.38c-.19-.38-.38-.79-.58-1.26-.68-1.65-1.23-3.61-1.64-5.74H46zm-16 0H18.08c-.05.98-.08 1.98-.08 3 0 6.22 1.02 11.86 2.68 16h4.38c-.19-.38-.38-.79-.58-1.26-.68-1.65-1.23-3.61-1.64-5.74H30z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/blue/subscription-all.svg b/public/assets/images/icons/blue/subscription-all.svg
new file mode 100644
index 0000000..a9bdc0c
--- /dev/null
+++ b/public/assets/images/icons/blue/subscription-all.svg
@@ -0,0 +1 @@
+<svg fill="#28497c" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M25 58c-2.46 0-4.58-1.84-4.94-4.29L19.81 52H9v-2.23c3.1-.68 5.28-2.96 5.96-6.38 1.01-5.06 2.11-19.62 2.16-20.24.72-6.12 5.3-11.27 11.39-12.72l1.73-.41-.25-2.04c0-1.07.9-1.97 2-1.97s2 .9 2 2l-.03.24-.22 1.77 1.74.42c6.09 1.45 10.67 6.6 11.4 12.81.04.53 1.14 15.1 2.15 20.16.68 3.42 2.86 5.7 5.96 6.38v2.23H30.18l-.25 1.71c-.36 2.45-2.48 4.29-4.94 4.29Z"/><path d="m32 11.65 3.02.72c5.25 1.25 9.21 5.68 9.87 11.02.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22H28.46l-.5 3.42C27.75 54.89 26.47 56 25 56s-2.75-1.11-2.96-2.58l-.5-3.42h-8.33c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39.66-5.34 4.62-9.76 9.87-11.02zM32 4c-2.21 0-4 1.79-4 4 0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57v-6.01c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/blue/subscription-end.svg b/public/assets/images/icons/blue/subscription-end.svg
new file mode 100644
index 0000000..d9f6583
--- /dev/null
+++ b/public/assets/images/icons/blue/subscription-end.svg
@@ -0,0 +1 @@
+<svg fill="#28497c" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="m43.33 38.67-6.65-6.64 6.65-6.65-4.68-4.68L32 27.34l-6.65-6.64-4.67 4.68 6.64 6.64-6.65 6.65 4.69 4.68 6.65-6.65 6.64 6.65z"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/blue/subscription-none.svg b/public/assets/images/icons/blue/subscription-none.svg
new file mode 100644
index 0000000..8b2f6ad
--- /dev/null
+++ b/public/assets/images/icons/blue/subscription-none.svg
@@ -0,0 +1 @@
+<svg fill="#28497c" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/blue/subscription-quotes.svg b/public/assets/images/icons/blue/subscription-quotes.svg
new file mode 100644
index 0000000..477b75e
--- /dev/null
+++ b/public/assets/images/icons/blue/subscription-quotes.svg
@@ -0,0 +1 @@
+<svg fill="#28497c" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M43 27.07h-9.36c-.04.77-.07 1.56-.07 2.36 0 4.89.8 9.32 2.1 12.57h3.44c-.15-.3-.3-.62-.45-.99-.54-1.3-.97-2.84-1.29-4.51H43zm-12.57 0h-9.36c-.04.77-.07 1.56-.07 2.36 0 4.89.8 9.32 2.1 12.57h3.44c-.15-.3-.3-.62-.45-.99-.54-1.3-.97-2.84-1.29-4.51h5.63z"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/green/add-reaction.svg b/public/assets/images/icons/green/add-reaction.svg
new file mode 100644
index 0000000..daf0741
--- /dev/null
+++ b/public/assets/images/icons/green/add-reaction.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="signs &amp;amp; feedback" fill="#00962d"><path d="M48 4h4v20h-4z"/><path d="M40 12h20v4H40zm-1.89 17.97c2.55-.17 4.45-2.95 4.24-6.18s-2.47-5.73-5.02-5.56-4.45 2.95-4.24 6.18c.21 3.24 2.47 5.74 5.02 5.57Zm-12.81.7c2.55-.17 4.45-2.94 4.24-6.18-.21-3.23-2.47-5.73-5.02-5.56s-4.45 2.94-4.24 6.17c.21 3.24 2.47 5.74 5.02 5.57M32 51.93c-9.93 0-18-6.23-18-13.88 0-.53.21-1.07.59-1.44s.93-.64 1.42-.61l32 .06c1.1 0 2 .9 2 2 0 7.65-8.07 13.88-18 13.88ZM18.3 40c1.34 4.48 7.07 7.93 13.7 7.93s12.35-3.45 13.7-7.88z"/><path d="M53.81 22c1.87 4.07 2.64 8.74 1.92 13.64-1.56 10.51-10.1 18.84-20.64 20.16-15.65 1.97-28.86-11.25-26.9-26.9C9.51 18.36 17.85 9.82 28.35 8.26c4.9-.73 9.57.04 13.64 1.92.75.35 1.64.17 2.23-.41 1-1 .67-2.67-.62-3.26-4.13-1.89-8.8-2.8-13.71-2.44-13.65 1-24.74 12.02-25.8 25.66C2.74 46.97 17.02 61.25 34.26 59.9c13.64-1.07 24.66-12.16 25.66-25.8.36-4.91-.55-9.58-2.44-13.71-.59-1.29-2.26-1.62-3.26-.62-.59.59-.76 1.47-.41 2.23"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/green/pin.svg b/public/assets/images/icons/green/pin.svg
new file mode 100644
index 0000000..0510655
--- /dev/null
+++ b/public/assets/images/icons/green/pin.svg
@@ -0,0 +1 @@
+<svg fill="#00962d" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="Icons – Sammlung"><path d="M48 20c0-8.84-7.16-16-16-16s-16 7.16-16 16c0 7.81 5.6 14.3 13 15.71V57c0 1.66 1.34 3 3 3s3-1.34 3-3V35.71c7.4-1.41 13-7.9 13-15.71M32 32c-6.62 0-12-5.38-12-12S25.38 8 32 8s12 5.38 12 12-5.38 12-12 12"/><circle cx="28" cy="16" r="4"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/green/quote.svg b/public/assets/images/icons/green/quote.svg
new file mode 100644
index 0000000..0c94106
--- /dev/null
+++ b/public/assets/images/icons/green/quote.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M60 14H36.17c-.11 1.97-.17 3.96-.17 6 0 12.44 2.04 23.72 5.36 32h8.76c-.38-.75-.77-1.59-1.15-2.53-1.37-3.31-2.46-7.22-3.28-11.47h14.33V14Zm-32 0H4.17C4.06 15.97 4 17.96 4 20c0 12.44 2.04 23.72 5.36 32h8.76c-.38-.75-.77-1.59-1.15-2.53-1.37-3.31-2.46-7.22-3.28-11.47h14.33V14Z" fill="#00962d"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/green/quote2.svg b/public/assets/images/icons/green/quote2.svg
new file mode 100644
index 0000000..ea1095e
--- /dev/null
+++ b/public/assets/images/icons/green/quote2.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#00962d"><path d="M53.48 7.54H10.53c-3.59 0-6.52 2.94-6.52 6.52v25.45c0 3.59 2.94 6.52 6.52 6.52h8.65l.03 10.5c6.46-.02 11.93-4.5 13.5-10.5h20.78c3.59 0 6.52-2.94 6.52-6.52V14.06c0-3.59-2.94-6.52-6.52-6.52Zm3.02 31.98c0 1.67-1.36 3.02-3.02 3.02H29.67c0 4.55-2.92 8.44-6.98 9.89l-.02-9.89H10.53c-1.67 0-3.02-1.36-3.02-3.02V14.06c0-1.67 1.36-3.02 3.02-3.02h42.95c1.67 0 3.02 1.36 3.02 3.02v25.45Z"/><path d="M46 17H34.08c-.05.98-.08 1.98-.08 3 0 6.22 1.02 11.86 2.68 16h4.38c-.19-.38-.38-.79-.58-1.26-.68-1.65-1.23-3.61-1.64-5.74H46zm-16 0H18.08c-.05.98-.08 1.98-.08 3 0 6.22 1.02 11.86 2.68 16h4.38c-.19-.38-.38-.79-.58-1.26-.68-1.65-1.23-3.61-1.64-5.74H30z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/green/subscription-all.svg b/public/assets/images/icons/green/subscription-all.svg
new file mode 100644
index 0000000..40f3e4d
--- /dev/null
+++ b/public/assets/images/icons/green/subscription-all.svg
@@ -0,0 +1 @@
+<svg fill="#00962d" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M25 58c-2.46 0-4.58-1.84-4.94-4.29L19.81 52H9v-2.23c3.1-.68 5.28-2.96 5.96-6.38 1.01-5.06 2.11-19.62 2.16-20.24.72-6.12 5.3-11.27 11.39-12.72l1.73-.41-.25-2.04c0-1.07.9-1.97 2-1.97s2 .9 2 2l-.03.24-.22 1.77 1.74.42c6.09 1.45 10.67 6.6 11.4 12.81.04.53 1.14 15.1 2.15 20.16.68 3.42 2.86 5.7 5.96 6.38v2.23H30.18l-.25 1.71c-.36 2.45-2.48 4.29-4.94 4.29Z"/><path d="m32 11.65 3.02.72c5.25 1.25 9.21 5.68 9.87 11.02.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22H28.46l-.5 3.42C27.75 54.89 26.47 56 25 56s-2.75-1.11-2.96-2.58l-.5-3.42h-8.33c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39.66-5.34 4.62-9.76 9.87-11.02zM32 4c-2.21 0-4 1.79-4 4 0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57v-6.01c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/green/subscription-end.svg b/public/assets/images/icons/green/subscription-end.svg
new file mode 100644
index 0000000..decbb13
--- /dev/null
+++ b/public/assets/images/icons/green/subscription-end.svg
@@ -0,0 +1 @@
+<svg fill="#00962d" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="m43.33 38.67-6.65-6.64 6.65-6.65-4.68-4.68L32 27.34l-6.65-6.64-4.67 4.68 6.64 6.64-6.65 6.65 4.69 4.68 6.65-6.65 6.64 6.65z"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/green/subscription-none.svg b/public/assets/images/icons/green/subscription-none.svg
new file mode 100644
index 0000000..44aa356
--- /dev/null
+++ b/public/assets/images/icons/green/subscription-none.svg
@@ -0,0 +1 @@
+<svg fill="#00962d" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/green/subscription-quotes.svg b/public/assets/images/icons/green/subscription-quotes.svg
new file mode 100644
index 0000000..414391d
--- /dev/null
+++ b/public/assets/images/icons/green/subscription-quotes.svg
@@ -0,0 +1 @@
+<svg fill="#00962d" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M43 27.07h-9.36c-.04.77-.07 1.56-.07 2.36 0 4.89.8 9.32 2.1 12.57h3.44c-.15-.3-.3-.62-.45-.99-.54-1.3-.97-2.84-1.29-4.51H43zm-12.57 0h-9.36c-.04.77-.07 1.56-.07 2.36 0 4.89.8 9.32 2.1 12.57h3.44c-.15-.3-.3-.62-.45-.99-.54-1.3-.97-2.84-1.29-4.51h5.63z"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/grey/add-reaction.svg b/public/assets/images/icons/grey/add-reaction.svg
new file mode 100644
index 0000000..4d8fde0
--- /dev/null
+++ b/public/assets/images/icons/grey/add-reaction.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="signs &amp;amp; feedback" fill="#6e6e6e"><path d="M48 4h4v20h-4z"/><path d="M40 12h20v4H40zm-1.89 17.97c2.55-.17 4.45-2.95 4.24-6.18s-2.47-5.73-5.02-5.56-4.45 2.95-4.24 6.18c.21 3.24 2.47 5.74 5.02 5.57Zm-12.81.7c2.55-.17 4.45-2.94 4.24-6.18-.21-3.23-2.47-5.73-5.02-5.56s-4.45 2.94-4.24 6.17c.21 3.24 2.47 5.74 5.02 5.57M32 51.93c-9.93 0-18-6.23-18-13.88 0-.53.21-1.07.59-1.44s.93-.64 1.42-.61l32 .06c1.1 0 2 .9 2 2 0 7.65-8.07 13.88-18 13.88ZM18.3 40c1.34 4.48 7.07 7.93 13.7 7.93s12.35-3.45 13.7-7.88z"/><path d="M53.81 22c1.87 4.07 2.64 8.74 1.92 13.64-1.56 10.51-10.1 18.84-20.64 20.16-15.65 1.97-28.86-11.25-26.9-26.9C9.51 18.36 17.85 9.82 28.35 8.26c4.9-.73 9.57.04 13.64 1.92.75.35 1.64.17 2.23-.41 1-1 .67-2.67-.62-3.26-4.13-1.89-8.8-2.8-13.71-2.44-13.65 1-24.74 12.02-25.8 25.66C2.74 46.97 17.02 61.25 34.26 59.9c13.64-1.07 24.66-12.16 25.66-25.8.36-4.91-.55-9.58-2.44-13.71-.59-1.29-2.26-1.62-3.26-.62-.59.59-.76 1.47-.41 2.23"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/grey/pin.svg b/public/assets/images/icons/grey/pin.svg
new file mode 100644
index 0000000..b987ec9
--- /dev/null
+++ b/public/assets/images/icons/grey/pin.svg
@@ -0,0 +1 @@
+<svg fill="#6e6e6e" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="Icons – Sammlung"><path d="M48 20c0-8.84-7.16-16-16-16s-16 7.16-16 16c0 7.81 5.6 14.3 13 15.71V57c0 1.66 1.34 3 3 3s3-1.34 3-3V35.71c7.4-1.41 13-7.9 13-15.71M32 32c-6.62 0-12-5.38-12-12S25.38 8 32 8s12 5.38 12 12-5.38 12-12 12"/><circle cx="28" cy="16" r="4"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/grey/quote.svg b/public/assets/images/icons/grey/quote.svg
new file mode 100644
index 0000000..400ac85
--- /dev/null
+++ b/public/assets/images/icons/grey/quote.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M60 14H36.17c-.11 1.97-.17 3.96-.17 6 0 12.44 2.04 23.72 5.36 32h8.76c-.38-.75-.77-1.59-1.15-2.53-1.37-3.31-2.46-7.22-3.28-11.47h14.33V14Zm-32 0H4.17C4.06 15.97 4 17.96 4 20c0 12.44 2.04 23.72 5.36 32h8.76c-.38-.75-.77-1.59-1.15-2.53-1.37-3.31-2.46-7.22-3.28-11.47h14.33V14Z" fill="#6e6e6e"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/grey/quote2.svg b/public/assets/images/icons/grey/quote2.svg
new file mode 100644
index 0000000..41d576c
--- /dev/null
+++ b/public/assets/images/icons/grey/quote2.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#6e6e6e"><path d="M53.48 7.54H10.53c-3.59 0-6.52 2.94-6.52 6.52v25.45c0 3.59 2.94 6.52 6.52 6.52h8.65l.03 10.5c6.46-.02 11.93-4.5 13.5-10.5h20.78c3.59 0 6.52-2.94 6.52-6.52V14.06c0-3.59-2.94-6.52-6.52-6.52Zm3.02 31.98c0 1.67-1.36 3.02-3.02 3.02H29.67c0 4.55-2.92 8.44-6.98 9.89l-.02-9.89H10.53c-1.67 0-3.02-1.36-3.02-3.02V14.06c0-1.67 1.36-3.02 3.02-3.02h42.95c1.67 0 3.02 1.36 3.02 3.02v25.45Z"/><path d="M46 17H34.08c-.05.98-.08 1.98-.08 3 0 6.22 1.02 11.86 2.68 16h4.38c-.19-.38-.38-.79-.58-1.26-.68-1.65-1.23-3.61-1.64-5.74H46zm-16 0H18.08c-.05.98-.08 1.98-.08 3 0 6.22 1.02 11.86 2.68 16h4.38c-.19-.38-.38-.79-.58-1.26-.68-1.65-1.23-3.61-1.64-5.74H30z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/grey/subscription-all.svg b/public/assets/images/icons/grey/subscription-all.svg
new file mode 100644
index 0000000..777b726
--- /dev/null
+++ b/public/assets/images/icons/grey/subscription-all.svg
@@ -0,0 +1 @@
+<svg fill="#6e6e6e" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M25 58c-2.46 0-4.58-1.84-4.94-4.29L19.81 52H9v-2.23c3.1-.68 5.28-2.96 5.96-6.38 1.01-5.06 2.11-19.62 2.16-20.24.72-6.12 5.3-11.27 11.39-12.72l1.73-.41-.25-2.04c0-1.07.9-1.97 2-1.97s2 .9 2 2l-.03.24-.22 1.77 1.74.42c6.09 1.45 10.67 6.6 11.4 12.81.04.53 1.14 15.1 2.15 20.16.68 3.42 2.86 5.7 5.96 6.38v2.23H30.18l-.25 1.71c-.36 2.45-2.48 4.29-4.94 4.29Z"/><path d="m32 11.65 3.02.72c5.25 1.25 9.21 5.68 9.87 11.02.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22H28.46l-.5 3.42C27.75 54.89 26.47 56 25 56s-2.75-1.11-2.96-2.58l-.5-3.42h-8.33c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39.66-5.34 4.62-9.76 9.87-11.02zM32 4c-2.21 0-4 1.79-4 4 0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57v-6.01c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/grey/subscription-end.svg b/public/assets/images/icons/grey/subscription-end.svg
new file mode 100644
index 0000000..88deffc
--- /dev/null
+++ b/public/assets/images/icons/grey/subscription-end.svg
@@ -0,0 +1 @@
+<svg fill="#6e6e6e" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="m43.33 38.67-6.65-6.64 6.65-6.65-4.68-4.68L32 27.34l-6.65-6.64-4.67 4.68 6.64 6.64-6.65 6.65 4.69 4.68 6.65-6.65 6.64 6.65z"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/grey/subscription-none.svg b/public/assets/images/icons/grey/subscription-none.svg
new file mode 100644
index 0000000..9330871
--- /dev/null
+++ b/public/assets/images/icons/grey/subscription-none.svg
@@ -0,0 +1 @@
+<svg fill="#6e6e6e" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/grey/subscription-quotes.svg b/public/assets/images/icons/grey/subscription-quotes.svg
new file mode 100644
index 0000000..ec7200f
--- /dev/null
+++ b/public/assets/images/icons/grey/subscription-quotes.svg
@@ -0,0 +1 @@
+<svg fill="#6e6e6e" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M43 27.07h-9.36c-.04.77-.07 1.56-.07 2.36 0 4.89.8 9.32 2.1 12.57h3.44c-.15-.3-.3-.62-.45-.99-.54-1.3-.97-2.84-1.29-4.51H43zm-12.57 0h-9.36c-.04.77-.07 1.56-.07 2.36 0 4.89.8 9.32 2.1 12.57h3.44c-.15-.3-.3-.62-.45-.99-.54-1.3-.97-2.84-1.29-4.51h5.63z"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/red/add-reaction.svg b/public/assets/images/icons/red/add-reaction.svg
new file mode 100644
index 0000000..ce083e4
--- /dev/null
+++ b/public/assets/images/icons/red/add-reaction.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="signs &amp;amp; feedback" fill="#cb1800"><path d="M48 4h4v20h-4z"/><path d="M40 12h20v4H40zm-1.89 17.97c2.55-.17 4.45-2.95 4.24-6.18s-2.47-5.73-5.02-5.56-4.45 2.95-4.24 6.18c.21 3.24 2.47 5.74 5.02 5.57Zm-12.81.7c2.55-.17 4.45-2.94 4.24-6.18-.21-3.23-2.47-5.73-5.02-5.56s-4.45 2.94-4.24 6.17c.21 3.24 2.47 5.74 5.02 5.57M32 51.93c-9.93 0-18-6.23-18-13.88 0-.53.21-1.07.59-1.44s.93-.64 1.42-.61l32 .06c1.1 0 2 .9 2 2 0 7.65-8.07 13.88-18 13.88ZM18.3 40c1.34 4.48 7.07 7.93 13.7 7.93s12.35-3.45 13.7-7.88z"/><path d="M53.81 22c1.87 4.07 2.64 8.74 1.92 13.64-1.56 10.51-10.1 18.84-20.64 20.16-15.65 1.97-28.86-11.25-26.9-26.9C9.51 18.36 17.85 9.82 28.35 8.26c4.9-.73 9.57.04 13.64 1.92.75.35 1.64.17 2.23-.41 1-1 .67-2.67-.62-3.26-4.13-1.89-8.8-2.8-13.71-2.44-13.65 1-24.74 12.02-25.8 25.66C2.74 46.97 17.02 61.25 34.26 59.9c13.64-1.07 24.66-12.16 25.66-25.8.36-4.91-.55-9.58-2.44-13.71-.59-1.29-2.26-1.62-3.26-.62-.59.59-.76 1.47-.41 2.23"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/red/pin.svg b/public/assets/images/icons/red/pin.svg
new file mode 100644
index 0000000..b1e869d
--- /dev/null
+++ b/public/assets/images/icons/red/pin.svg
@@ -0,0 +1 @@
+<svg fill="#cb1800" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="Icons – Sammlung"><path d="M48 20c0-8.84-7.16-16-16-16s-16 7.16-16 16c0 7.81 5.6 14.3 13 15.71V57c0 1.66 1.34 3 3 3s3-1.34 3-3V35.71c7.4-1.41 13-7.9 13-15.71M32 32c-6.62 0-12-5.38-12-12S25.38 8 32 8s12 5.38 12 12-5.38 12-12 12"/><circle cx="28" cy="16" r="4"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/red/quote.svg b/public/assets/images/icons/red/quote.svg
new file mode 100644
index 0000000..3191c5a
--- /dev/null
+++ b/public/assets/images/icons/red/quote.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M60 14H36.17c-.11 1.97-.17 3.96-.17 6 0 12.44 2.04 23.72 5.36 32h8.76c-.38-.75-.77-1.59-1.15-2.53-1.37-3.31-2.46-7.22-3.28-11.47h14.33V14Zm-32 0H4.17C4.06 15.97 4 17.96 4 20c0 12.44 2.04 23.72 5.36 32h8.76c-.38-.75-.77-1.59-1.15-2.53-1.37-3.31-2.46-7.22-3.28-11.47h14.33V14Z" fill="#cb1800"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/red/quote2.svg b/public/assets/images/icons/red/quote2.svg
new file mode 100644
index 0000000..218d4b6
--- /dev/null
+++ b/public/assets/images/icons/red/quote2.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#cb1800"><path d="M53.48 7.54H10.53c-3.59 0-6.52 2.94-6.52 6.52v25.45c0 3.59 2.94 6.52 6.52 6.52h8.65l.03 10.5c6.46-.02 11.93-4.5 13.5-10.5h20.78c3.59 0 6.52-2.94 6.52-6.52V14.06c0-3.59-2.94-6.52-6.52-6.52Zm3.02 31.98c0 1.67-1.36 3.02-3.02 3.02H29.67c0 4.55-2.92 8.44-6.98 9.89l-.02-9.89H10.53c-1.67 0-3.02-1.36-3.02-3.02V14.06c0-1.67 1.36-3.02 3.02-3.02h42.95c1.67 0 3.02 1.36 3.02 3.02v25.45Z"/><path d="M46 17H34.08c-.05.98-.08 1.98-.08 3 0 6.22 1.02 11.86 2.68 16h4.38c-.19-.38-.38-.79-.58-1.26-.68-1.65-1.23-3.61-1.64-5.74H46zm-16 0H18.08c-.05.98-.08 1.98-.08 3 0 6.22 1.02 11.86 2.68 16h4.38c-.19-.38-.38-.79-.58-1.26-.68-1.65-1.23-3.61-1.64-5.74H30z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/red/subscription-all.svg b/public/assets/images/icons/red/subscription-all.svg
new file mode 100644
index 0000000..bd57981
--- /dev/null
+++ b/public/assets/images/icons/red/subscription-all.svg
@@ -0,0 +1 @@
+<svg fill="#cb1800" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M25 58c-2.46 0-4.58-1.84-4.94-4.29L19.81 52H9v-2.23c3.1-.68 5.28-2.96 5.96-6.38 1.01-5.06 2.11-19.62 2.16-20.24.72-6.12 5.3-11.27 11.39-12.72l1.73-.41-.25-2.04c0-1.07.9-1.97 2-1.97s2 .9 2 2l-.03.24-.22 1.77 1.74.42c6.09 1.45 10.67 6.6 11.4 12.81.04.53 1.14 15.1 2.15 20.16.68 3.42 2.86 5.7 5.96 6.38v2.23H30.18l-.25 1.71c-.36 2.45-2.48 4.29-4.94 4.29Z"/><path d="m32 11.65 3.02.72c5.25 1.25 9.21 5.68 9.87 11.02.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22H28.46l-.5 3.42C27.75 54.89 26.47 56 25 56s-2.75-1.11-2.96-2.58l-.5-3.42h-8.33c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39.66-5.34 4.62-9.76 9.87-11.02zM32 4c-2.21 0-4 1.79-4 4 0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57v-6.01c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/red/subscription-end.svg b/public/assets/images/icons/red/subscription-end.svg
new file mode 100644
index 0000000..fe68849
--- /dev/null
+++ b/public/assets/images/icons/red/subscription-end.svg
@@ -0,0 +1 @@
+<svg fill="#cb1800" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="m43.33 38.67-6.65-6.64 6.65-6.65-4.68-4.68L32 27.34l-6.65-6.64-4.67 4.68 6.64 6.64-6.65 6.65 4.69 4.68 6.65-6.65 6.64 6.65z"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/red/subscription-none.svg b/public/assets/images/icons/red/subscription-none.svg
new file mode 100644
index 0000000..e4e136d
--- /dev/null
+++ b/public/assets/images/icons/red/subscription-none.svg
@@ -0,0 +1 @@
+<svg fill="#cb1800" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/red/subscription-quotes.svg b/public/assets/images/icons/red/subscription-quotes.svg
new file mode 100644
index 0000000..d724b86
--- /dev/null
+++ b/public/assets/images/icons/red/subscription-quotes.svg
@@ -0,0 +1 @@
+<svg fill="#cb1800" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M43 27.07h-9.36c-.04.77-.07 1.56-.07 2.36 0 4.89.8 9.32 2.1 12.57h3.44c-.15-.3-.3-.62-.45-.99-.54-1.3-.97-2.84-1.29-4.51H43zm-12.57 0h-9.36c-.04.77-.07 1.56-.07 2.36 0 4.89.8 9.32 2.1 12.57h3.44c-.15-.3-.3-.62-.45-.99-.54-1.3-.97-2.84-1.29-4.51h5.63z"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/white/add-reaction.svg b/public/assets/images/icons/white/add-reaction.svg
new file mode 100644
index 0000000..4b378cd
--- /dev/null
+++ b/public/assets/images/icons/white/add-reaction.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="signs &amp;amp; feedback" fill="#ffffff"><path d="M48 4h4v20h-4z"/><path d="M40 12h20v4H40zm-1.89 17.97c2.55-.17 4.45-2.95 4.24-6.18s-2.47-5.73-5.02-5.56-4.45 2.95-4.24 6.18c.21 3.24 2.47 5.74 5.02 5.57Zm-12.81.7c2.55-.17 4.45-2.94 4.24-6.18-.21-3.23-2.47-5.73-5.02-5.56s-4.45 2.94-4.24 6.17c.21 3.24 2.47 5.74 5.02 5.57M32 51.93c-9.93 0-18-6.23-18-13.88 0-.53.21-1.07.59-1.44s.93-.64 1.42-.61l32 .06c1.1 0 2 .9 2 2 0 7.65-8.07 13.88-18 13.88ZM18.3 40c1.34 4.48 7.07 7.93 13.7 7.93s12.35-3.45 13.7-7.88z"/><path d="M53.81 22c1.87 4.07 2.64 8.74 1.92 13.64-1.56 10.51-10.1 18.84-20.64 20.16-15.65 1.97-28.86-11.25-26.9-26.9C9.51 18.36 17.85 9.82 28.35 8.26c4.9-.73 9.57.04 13.64 1.92.75.35 1.64.17 2.23-.41 1-1 .67-2.67-.62-3.26-4.13-1.89-8.8-2.8-13.71-2.44-13.65 1-24.74 12.02-25.8 25.66C2.74 46.97 17.02 61.25 34.26 59.9c13.64-1.07 24.66-12.16 25.66-25.8.36-4.91-.55-9.58-2.44-13.71-.59-1.29-2.26-1.62-3.26-.62-.59.59-.76 1.47-.41 2.23"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/white/pin.svg b/public/assets/images/icons/white/pin.svg
new file mode 100644
index 0000000..5ab8bec
--- /dev/null
+++ b/public/assets/images/icons/white/pin.svg
@@ -0,0 +1 @@
+<svg fill="#ffffff" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="Icons – Sammlung"><path d="M48 20c0-8.84-7.16-16-16-16s-16 7.16-16 16c0 7.81 5.6 14.3 13 15.71V57c0 1.66 1.34 3 3 3s3-1.34 3-3V35.71c7.4-1.41 13-7.9 13-15.71M32 32c-6.62 0-12-5.38-12-12S25.38 8 32 8s12 5.38 12 12-5.38 12-12 12"/><circle cx="28" cy="16" r="4"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/white/quote.svg b/public/assets/images/icons/white/quote.svg
new file mode 100644
index 0000000..f188165
--- /dev/null
+++ b/public/assets/images/icons/white/quote.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M60 14H36.17c-.11 1.97-.17 3.96-.17 6 0 12.44 2.04 23.72 5.36 32h8.76c-.38-.75-.77-1.59-1.15-2.53-1.37-3.31-2.46-7.22-3.28-11.47h14.33V14Zm-32 0H4.17C4.06 15.97 4 17.96 4 20c0 12.44 2.04 23.72 5.36 32h8.76c-.38-.75-.77-1.59-1.15-2.53-1.37-3.31-2.46-7.22-3.28-11.47h14.33V14Z" fill="#ffffff"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/white/quote2.svg b/public/assets/images/icons/white/quote2.svg
new file mode 100644
index 0000000..debca48
--- /dev/null
+++ b/public/assets/images/icons/white/quote2.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#ffffff"><path d="M53.48 7.54H10.53c-3.59 0-6.52 2.94-6.52 6.52v25.45c0 3.59 2.94 6.52 6.52 6.52h8.65l.03 10.5c6.46-.02 11.93-4.5 13.5-10.5h20.78c3.59 0 6.52-2.94 6.52-6.52V14.06c0-3.59-2.94-6.52-6.52-6.52Zm3.02 31.98c0 1.67-1.36 3.02-3.02 3.02H29.67c0 4.55-2.92 8.44-6.98 9.89l-.02-9.89H10.53c-1.67 0-3.02-1.36-3.02-3.02V14.06c0-1.67 1.36-3.02 3.02-3.02h42.95c1.67 0 3.02 1.36 3.02 3.02v25.45Z"/><path d="M46 17H34.08c-.05.98-.08 1.98-.08 3 0 6.22 1.02 11.86 2.68 16h4.38c-.19-.38-.38-.79-.58-1.26-.68-1.65-1.23-3.61-1.64-5.74H46zm-16 0H18.08c-.05.98-.08 1.98-.08 3 0 6.22 1.02 11.86 2.68 16h4.38c-.19-.38-.38-.79-.58-1.26-.68-1.65-1.23-3.61-1.64-5.74H30z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/white/subscription-all.svg b/public/assets/images/icons/white/subscription-all.svg
new file mode 100644
index 0000000..73fccbd
--- /dev/null
+++ b/public/assets/images/icons/white/subscription-all.svg
@@ -0,0 +1 @@
+<svg fill="#ffffff" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M25 58c-2.46 0-4.58-1.84-4.94-4.29L19.81 52H9v-2.23c3.1-.68 5.28-2.96 5.96-6.38 1.01-5.06 2.11-19.62 2.16-20.24.72-6.12 5.3-11.27 11.39-12.72l1.73-.41-.25-2.04c0-1.07.9-1.97 2-1.97s2 .9 2 2l-.03.24-.22 1.77 1.74.42c6.09 1.45 10.67 6.6 11.4 12.81.04.53 1.14 15.1 2.15 20.16.68 3.42 2.86 5.7 5.96 6.38v2.23H30.18l-.25 1.71c-.36 2.45-2.48 4.29-4.94 4.29Z"/><path d="m32 11.65 3.02.72c5.25 1.25 9.21 5.68 9.87 11.02.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22H28.46l-.5 3.42C27.75 54.89 26.47 56 25 56s-2.75-1.11-2.96-2.58l-.5-3.42h-8.33c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39.66-5.34 4.62-9.76 9.87-11.02zM32 4c-2.21 0-4 1.79-4 4 0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57v-6.01c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/white/subscription-end.svg b/public/assets/images/icons/white/subscription-end.svg
new file mode 100644
index 0000000..8444a64
--- /dev/null
+++ b/public/assets/images/icons/white/subscription-end.svg
@@ -0,0 +1 @@
+<svg fill="#ffffff" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="m43.33 38.67-6.65-6.64 6.65-6.65-4.68-4.68L32 27.34l-6.65-6.64-4.67 4.68 6.64 6.64-6.65 6.65 4.69 4.68 6.65-6.65 6.64 6.65z"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/white/subscription-none.svg b/public/assets/images/icons/white/subscription-none.svg
new file mode 100644
index 0000000..8b704dd
--- /dev/null
+++ b/public/assets/images/icons/white/subscription-none.svg
@@ -0,0 +1 @@
+<svg fill="#ffffff" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/white/subscription-quotes.svg b/public/assets/images/icons/white/subscription-quotes.svg
new file mode 100644
index 0000000..2f2fecc
--- /dev/null
+++ b/public/assets/images/icons/white/subscription-quotes.svg
@@ -0,0 +1 @@
+<svg fill="#ffffff" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M43 27.07h-9.36c-.04.77-.07 1.56-.07 2.36 0 4.89.8 9.32 2.1 12.57h3.44c-.15-.3-.3-.62-.45-.99-.54-1.3-.97-2.84-1.29-4.51H43zm-12.57 0h-9.36c-.04.77-.07 1.56-.07 2.36 0 4.89.8 9.32 2.1 12.57h3.44c-.15-.3-.3-.62-.45-.99-.54-1.3-.97-2.84-1.29-4.51h5.63z"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/yellow/add-reaction.svg b/public/assets/images/icons/yellow/add-reaction.svg
new file mode 100644
index 0000000..33904d2
--- /dev/null
+++ b/public/assets/images/icons/yellow/add-reaction.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="signs &amp;amp; feedback" fill="#ffad00"><path d="M48 4h4v20h-4z"/><path d="M40 12h20v4H40zm-1.89 17.97c2.55-.17 4.45-2.95 4.24-6.18s-2.47-5.73-5.02-5.56-4.45 2.95-4.24 6.18c.21 3.24 2.47 5.74 5.02 5.57Zm-12.81.7c2.55-.17 4.45-2.94 4.24-6.18-.21-3.23-2.47-5.73-5.02-5.56s-4.45 2.94-4.24 6.17c.21 3.24 2.47 5.74 5.02 5.57M32 51.93c-9.93 0-18-6.23-18-13.88 0-.53.21-1.07.59-1.44s.93-.64 1.42-.61l32 .06c1.1 0 2 .9 2 2 0 7.65-8.07 13.88-18 13.88ZM18.3 40c1.34 4.48 7.07 7.93 13.7 7.93s12.35-3.45 13.7-7.88z"/><path d="M53.81 22c1.87 4.07 2.64 8.74 1.92 13.64-1.56 10.51-10.1 18.84-20.64 20.16-15.65 1.97-28.86-11.25-26.9-26.9C9.51 18.36 17.85 9.82 28.35 8.26c4.9-.73 9.57.04 13.64 1.92.75.35 1.64.17 2.23-.41 1-1 .67-2.67-.62-3.26-4.13-1.89-8.8-2.8-13.71-2.44-13.65 1-24.74 12.02-25.8 25.66C2.74 46.97 17.02 61.25 34.26 59.9c13.64-1.07 24.66-12.16 25.66-25.8.36-4.91-.55-9.58-2.44-13.71-.59-1.29-2.26-1.62-3.26-.62-.59.59-.76 1.47-.41 2.23"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/yellow/pin.svg b/public/assets/images/icons/yellow/pin.svg
new file mode 100644
index 0000000..ef2a97f
--- /dev/null
+++ b/public/assets/images/icons/yellow/pin.svg
@@ -0,0 +1 @@
+<svg fill="#ffad00" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="Icons – Sammlung"><path d="M48 20c0-8.84-7.16-16-16-16s-16 7.16-16 16c0 7.81 5.6 14.3 13 15.71V57c0 1.66 1.34 3 3 3s3-1.34 3-3V35.71c7.4-1.41 13-7.9 13-15.71M32 32c-6.62 0-12-5.38-12-12S25.38 8 32 8s12 5.38 12 12-5.38 12-12 12"/><circle cx="28" cy="16" r="4"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/yellow/quote.svg b/public/assets/images/icons/yellow/quote.svg
new file mode 100644
index 0000000..bc16425
--- /dev/null
+++ b/public/assets/images/icons/yellow/quote.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M60 14H36.17c-.11 1.97-.17 3.96-.17 6 0 12.44 2.04 23.72 5.36 32h8.76c-.38-.75-.77-1.59-1.15-2.53-1.37-3.31-2.46-7.22-3.28-11.47h14.33V14Zm-32 0H4.17C4.06 15.97 4 17.96 4 20c0 12.44 2.04 23.72 5.36 32h8.76c-.38-.75-.77-1.59-1.15-2.53-1.37-3.31-2.46-7.22-3.28-11.47h14.33V14Z" fill="#ffad00"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/yellow/quote2.svg b/public/assets/images/icons/yellow/quote2.svg
new file mode 100644
index 0000000..ca6f4bc
--- /dev/null
+++ b/public/assets/images/icons/yellow/quote2.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#ffad00"><path d="M53.48 7.54H10.53c-3.59 0-6.52 2.94-6.52 6.52v25.45c0 3.59 2.94 6.52 6.52 6.52h8.65l.03 10.5c6.46-.02 11.93-4.5 13.5-10.5h20.78c3.59 0 6.52-2.94 6.52-6.52V14.06c0-3.59-2.94-6.52-6.52-6.52Zm3.02 31.98c0 1.67-1.36 3.02-3.02 3.02H29.67c0 4.55-2.92 8.44-6.98 9.89l-.02-9.89H10.53c-1.67 0-3.02-1.36-3.02-3.02V14.06c0-1.67 1.36-3.02 3.02-3.02h42.95c1.67 0 3.02 1.36 3.02 3.02v25.45Z"/><path d="M46 17H34.08c-.05.98-.08 1.98-.08 3 0 6.22 1.02 11.86 2.68 16h4.38c-.19-.38-.38-.79-.58-1.26-.68-1.65-1.23-3.61-1.64-5.74H46zm-16 0H18.08c-.05.98-.08 1.98-.08 3 0 6.22 1.02 11.86 2.68 16h4.38c-.19-.38-.38-.79-.58-1.26-.68-1.65-1.23-3.61-1.64-5.74H30z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/yellow/subscription-all.svg b/public/assets/images/icons/yellow/subscription-all.svg
new file mode 100644
index 0000000..fda754d
--- /dev/null
+++ b/public/assets/images/icons/yellow/subscription-all.svg
@@ -0,0 +1 @@
+<svg fill="#ffad00" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M25 58c-2.46 0-4.58-1.84-4.94-4.29L19.81 52H9v-2.23c3.1-.68 5.28-2.96 5.96-6.38 1.01-5.06 2.11-19.62 2.16-20.24.72-6.12 5.3-11.27 11.39-12.72l1.73-.41-.25-2.04c0-1.07.9-1.97 2-1.97s2 .9 2 2l-.03.24-.22 1.77 1.74.42c6.09 1.45 10.67 6.6 11.4 12.81.04.53 1.14 15.1 2.15 20.16.68 3.42 2.86 5.7 5.96 6.38v2.23H30.18l-.25 1.71c-.36 2.45-2.48 4.29-4.94 4.29Z"/><path d="m32 11.65 3.02.72c5.25 1.25 9.21 5.68 9.87 11.02.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22H28.46l-.5 3.42C27.75 54.89 26.47 56 25 56s-2.75-1.11-2.96-2.58l-.5-3.42h-8.33c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39.66-5.34 4.62-9.76 9.87-11.02zM32 4c-2.21 0-4 1.79-4 4 0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57v-6.01c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/yellow/subscription-end.svg b/public/assets/images/icons/yellow/subscription-end.svg
new file mode 100644
index 0000000..bd5f165
--- /dev/null
+++ b/public/assets/images/icons/yellow/subscription-end.svg
@@ -0,0 +1 @@
+<svg fill="#ffad00" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="m43.33 38.67-6.65-6.64 6.65-6.65-4.68-4.68L32 27.34l-6.65-6.64-4.67 4.68 6.64 6.64-6.65 6.65 4.69 4.68 6.65-6.65 6.64 6.65z"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/yellow/subscription-none.svg b/public/assets/images/icons/yellow/subscription-none.svg
new file mode 100644
index 0000000..e6a4d30
--- /dev/null
+++ b/public/assets/images/icons/yellow/subscription-none.svg
@@ -0,0 +1 @@
+<svg fill="#ffad00" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/yellow/subscription-quotes.svg b/public/assets/images/icons/yellow/subscription-quotes.svg
new file mode 100644
index 0000000..7323021
--- /dev/null
+++ b/public/assets/images/icons/yellow/subscription-quotes.svg
@@ -0,0 +1 @@
+<svg fill="#ffad00" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><path d="M43 27.07h-9.36c-.04.77-.07 1.56-.07 2.36 0 4.89.8 9.32 2.1 12.57h3.44c-.15-.3-.3-.62-.45-.99-.54-1.3-.97-2.84-1.29-4.51H43zm-12.57 0h-9.36c-.04.77-.07 1.56-.07 2.36 0 4.89.8 9.32 2.1 12.57h3.44c-.15-.3-.3-.62-.45-.99-.54-1.3-.97-2.84-1.29-4.51h5.63z"/><path d="M57 47.99c-3.68-.01-5.47-2.31-6-4.99-1-5-2.13-20-2.13-20-.84-7.12-6.08-12.89-12.92-14.52.02-.16.05-.32.05-.48 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 .16.03.32.05.48-6.85 1.63-12.08 7.4-12.92 14.52 0 0-1.13 15-2.13 20-.53 2.67-2.32 4.97-6 4.99V54h11.08c.49 3.37 3.42 6 6.92 6s6.43-2.63 6.92-6H57zM13.21 50c1.87-1.42 3.18-3.55 3.71-6.22 1.01-5.03 2.08-19.01 2.19-20.39C19.91 16.89 25.44 12 32 12s12.09 4.89 12.89 11.39c.1 1.38 1.18 15.37 2.19 20.39.53 2.66 1.84 4.79 3.71 6.22z"/></svg>
\ No newline at end of file