tests

src/App/App.css

@@ -41,6 +41,7 @@
     --warning-title-color: var(--text-primary);
     --warning-code-bg-color: var(--lightorange); 
 
+    --markmap-a-color: var(--text-primary) !important; 
 }
 
 
@@ -2807,4 +2808,5 @@ span{
 .diagram-hp{
   height: 300px; 
   width: 100%;
-}
\ No newline at end of file
+}
+

src/components/mindmap/mindmap-hooks.tsx

@@ -2,9 +2,10 @@
 import React, { useState, useRef, useEffect } from 'react';
 import { Markmap } from 'markmap-view';
 import { transformer } from './mindmap';
-import 'markmap-toolbar/dist/style.css';
 
-const initValue = `# Stakeholders
+
+const initValue = `
+# Stakeholders
 - Patients
   - hi 
 - Industry

src/contents/human-practices.tsx

@@ -13,7 +13,7 @@ import { AllPopus } from "../components/HorizontalTimeline";
 import { BFHStyleTabs, ButtonRowTabs } from "../components/Tabs";
 import { TabButtonRow, openTab } from "../components/Buttons";
 import { BlockQuoteB } from "../components/Quotes";
-import MarkmapHooks from "../components/mindmap/mindmap-hooks";
+
 
 
 let timelinebuttonrowdata = [
@@ -113,7 +113,7 @@ let timelinepersontabs =[
     cssname: "Weber"
   },
 ]
-// die height für class="timeline row align-items-center" muss angepasst werden, damit die Boxen höher sein können
+// die height für className="timeline row align-items-center" muss angepasst werden, damit die Boxen höher sein können
 
 
 export function HumanPractices() {
@@ -127,8 +127,8 @@ export function HumanPractices() {
     <div className="center">
       <h3 className="col personalstyleone">Overview</h3>
     </div>
-    <MarkmapHooks/>
-    <div className="center">
+
+     <div className="center">
       <h3 className="col personalstyleone">Timeline</h3>
     </div>
     <TabButtonRow data={timelinebuttonrowdata} classy="" opentype="timelinecardtabs" closing="timelinepersontabs" />