diff --git a/src/components/Tabs.tsx b/src/components/Tabs.tsx
index 42396a732bd8e1a77224d3e94e521cb40e193b4e..4c52c8d176090f9397d5aacb06bd620167140399 100644
--- a/src/components/Tabs.tsx
+++ b/src/components/Tabs.tsx
@@ -19,6 +19,7 @@ export function ButtonRowTabs({data, cla}: {data: Array<TabDatensatz>, cla: stri
 import React from "react";
 import { BlockQuoteB } from "./Quotes";
 import { TimelineDatenpunkt } from "../data/hptimelinedata";
+import Collapsible from "./Collapsible";
 
 /* import { stringToSlug } from "../utils"; */
   
@@ -136,7 +137,13 @@ import { TimelineDatenpunkt } from "../data/hptimelinedata";
         <img src={data[i].pictureurl_aim} className="hp-timeline-img hti-left"/> 
    </div></>
       }
-
+      let int = <></>; 
+      if (data[i].interview) {
+          int = <Collapsible title="Interview" id="joshuainv">
+            {data[i].interview}
+          </Collapsible>
+      }
+    
 
       let node = <>
                 <br/>
@@ -182,6 +189,7 @@ import { TimelineDatenpunkt } from "../data/hptimelinedata";
                      
                     {imp_img}
                   </div>
+                  {int}
                   {refs}
             </>
       if(problem){
@@ -214,6 +222,8 @@ import { TimelineDatenpunkt } from "../data/hptimelinedata";
     return rows; 
   }
 
+  /* Interview */
+ 
   export function OLDBFHStyleTabs({data, cla}: {data: Array<NodeDatensatz>, cla: string}) {
     let rows = []
     for ( let i = 0;  i < data.length; i++ ){