Added Richtext support

components/Card.jsx

@@ -4,6 +4,7 @@ import React, { useState } from 'react';
 import styles from '/styles/Card.module.css';
 import Image from 'next/image';
 import Link from 'next/link'
+import ReactMarkdown from 'react-markdown'
 
 function Card({props, locale}) {
     // representation of a partner inside of partner navigator
@@ -49,7 +50,7 @@ function Card({props, locale}) {
                             </Image>
                             <div className={styles.content_container}>
                                 <h3 className={styles.h3}>{overview_headline}</h3>
-                                <div className={styles.content}>{overview_description}</div>
+                                <div className={styles.content}><ReactMarkdown children={overview_description} /></div>
                                 {partnerTags.map(tag => {
                                     return(
                                         <div

components/Feature.jsx

@@ -1,8 +1,7 @@
 import React from 'react';
 import styles from '/styles/Feature.module.css';
 import Image from 'next/image';
-
-
+import ReactMarkdown from 'react-markdown'
 
 function Feature({props, locale}) {
 
@@ -55,7 +54,7 @@ function Feature({props, locale}) {
                         </div>
 
                         <div className={styles.feature_item}>
-                            <p>{description}</p>
+                            <ReactMarkdown children={description} />
                         </div>
                     </div>
                 </div>

components/Overview.jsx

@@ -1,6 +1,7 @@
 import styles from '/styles/Overview.module.css';
 import Image from 'next/image';
 import Link from 'next/link'
+import ReactMarkdown from 'react-markdown'
 
 
 function Overview({props, locale}) {
@@ -49,7 +50,7 @@ function Overview({props, locale}) {
                         </div>
 
                         <div className={styles.item_overview}>
-                            <p>{description}</p>
+                            <ReactMarkdown children={description} />
                             <p className={styles.no_margin}>Product type: {product_type}</p>
                             <p className={styles.no_margin}>Provider: {company}</p>
                             <p className={styles.no_margin}>Website: <Link href={website}>{website}</Link></p>

components/Quotation.jsx

@@ -3,6 +3,7 @@
 import React from 'react';
 import styles from '@/styles/Quotation.module.css';
 import Image from 'next/image';
+import ReactMarkdown from 'react-markdown'
 
 
 function Quotation({props, locale}) {
@@ -37,7 +38,7 @@ function Quotation({props, locale}) {
                         <div className={styles.quote_icon}>”</div>                   
                         <div className={styles.quote_text}>
                             {quotation && (
-                                <b>{quotation}</b>
+                                <b><ReactMarkdown children={quotation} /></b>
                             )}                            
                             <div className={styles.quote_footer}>
                                 {quotation_footer && (

components/Teaser.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import styles from '/styles/Teaser.module.css';
 import Image from 'next/image';
+import ReactMarkdown from 'react-markdown'
 
 
 function Teaser({props, locale}) {
@@ -28,7 +29,7 @@ function Teaser({props, locale}) {
                     <div className={styles.teaser_container}>
                         <div className={styles.teaser_item}>
                             <h2>{headline}</h2>
-                            <p>{description}</p>
+                            <ReactMarkdown children={description} />
                         </div>
                         <div className={styles.teaser_item}>
                             {mediaType === 'video' && (

package.json

@@ -23,6 +23,7 @@
     "node-fetch": "^3.3.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
+    "react-markdown": "^9.0.1",
     "serve": "^14.2.1",
     "styled-components": "^6.1.9",
     "url-loader": "^4.1.1"