First prototype of new mockup

electron/main/script.js

@@ -215,3 +215,24 @@ function generateThumbnail(path){
   videoElement.style.maxHeight = 40;
   videoElement.autoplay = false;
 }
+
+const steps = document.querySelectorAll(".step");
+const stepButtons = document.querySelectorAll(".step-item");
+
+function showStep(stepNumber) {
+  // Steps ein/ausblenden
+  steps.forEach(step => step.style.display = "none");
+  document.getElementById("step" + stepNumber).style.display = "block";
+
+  // Navigation highlighten
+  stepButtons.forEach(btn => btn.classList.remove("active"));
+  document.querySelector(`.step-item[data-step="${stepNumber}"]`).classList.add("active");
+}
+
+// Klick-Events
+stepButtons.forEach(btn => {
+  btn.addEventListener("click", () => {
+    const step = btn.dataset.step;
+    showStep(step);
+  });
+});