diff --git a/src/App/mediarules.css b/src/App/mediarules.css
index 6102f1d972ae5c0eca9b7d9c95a75a812fc64ff3..0a4919df9ea83f5014ca81a312c3414e07cc2bca 100644
--- a/src/App/mediarules.css
+++ b/src/App/mediarules.css
@@ -90,6 +90,22 @@
         width: 100em !important;
         max-width: 250px !important;
     }
+    .sidebar, #eng-sidebar {
+    display: block;       /* Sicherstellen, dass die Sidebar sichtbar ist */
+    width: 100%;          /* Die Sidebar nimmt die volle Breite ein */
+    position: relative;   /* Sidebar bleibt relativ zum Inhalt */
+    padding: 10px;        /* Etwas Abstand für die Sidebar */
+    background-color: #f8f9fa; /* Beispiel Hintergrundfarbe */
+    z-index: 1000;        /* Sicherstellen, dass es über dem Inhalt bleibt */
+  }
+
+  /* Hauptinhalt unter der Sidebar */
+  .content {
+    width: 100%;          /* Der Inhalt nimmt die volle Breite ein */
+    margin-top: 20px;     /* Etwas Platz unter der Sidebar */
+  }
+}
+    
     .tag{
         width: min-content !important;
     }
diff --git a/src/contents/engineering.tsx b/src/contents/engineering.tsx
index dc13142a8d3c97d6a27277d1a15aaf3c607fa3ec..760589bbb7d852f9ba56eee4b5480bf357ed1e11 100644
--- a/src/contents/engineering.tsx
+++ b/src/contents/engineering.tsx
@@ -107,7 +107,7 @@ export function Engineering() {
                </section>
             </div>
             
-            <div className="enginneeringtab" id="tab-pe-systems" style={{display: "none"}}>
+            <div className="enginneeringtab" id="tab-pe-systems" style={{display: ""}}>
             <section id="PE Systems sec" >
                   <div className="eng-box box" >
                      <H3 id="PE Systems" text="PE Systems"></H3>