Immernoch: die verschiedenen Seiten der Anwendungen werden über bzw. untereinander angezeigt, aber es soll natürlich immer nur die Aktuelle Ansicht zu sehen sein. Außerdem soll in der Timeline die aktuelle Zeit mit einer Linie markiert werden.

script.js

@@ -127,16 +127,23 @@ function switchView(view) {
         btn.classList.toggle('active', btn.dataset.view === view);
     });
     
-    // Update views
+    // Hide all views first
     document.querySelectorAll('.view').forEach(v => {
-        v.classList.toggle('active', v.id === `${view}-view`);
+        v.classList.remove('active');
+        v.style.display = 'none';
     });
     
+    // Show only the active view
+    const activeView = document.getElementById(`${view}-view`);
+    if (activeView) {
+        activeView.style.display = 'block';
+        activeView.classList.add('active');
+    }
+    
     if (view === 'timeline') {
         renderTimeline();
     }
 }
-
 // Task Management
 function addTask(task) {
     const newTask = {
@@ -454,15 +461,59 @@ function renderTimeline() {
     // Render scheduled tasks
     renderScheduledTasks();
 }
-
 function highlightCurrentHour() {
     const now = new Date();
     const currentHour = now.getHours();
-    const hourElement = document.querySelector(`.timeline-hour[data-hour="${currentHour}"]`);
+    const currentMinute = now.getMinutes();
+    
+    // Highlight current hour
+    document.querySelectorAll('.timeline-hour').forEach(el => {
+        el.classList.remove('bg-gray-750');
+    });
     
+    const hourElement = document.querySelector(`.timeline-hour[data-hour="${currentHour}"]`);
     if (hourElement) {
         hourElement.classList.add('bg-gray-750');
-        hourElement.classList.remove('bg-gray-800');
+    }
+    
+    // Add current time indicator line
+    document.getElementById('current-time-indicator')?.remove();
+    
+    const timelineContainer = document.getElementById('timeline-hours');
+    if (timelineContainer) {
+        const indicator = document.createElement('div');
+        indicator.id = 'current-time-indicator';
+        indicator.style.position = 'absolute';
+        indicator.style.left = '0';
+        indicator.style.right = '0';
+        indicator.style.height = '2px';
+        indicator.style.backgroundColor = '#ef4444';
+        indicator.style.zIndex = '10';
+        
+        const hourElement = document.querySelector(`.timeline-hour[data-hour="${currentHour}"]`);
+        if (hourElement) {
+            const hourTop = hourElement.offsetTop;
+            const hourHeight = hourElement.offsetHeight;
+            const minutePosition = (currentMinute / 60) * hourHeight;
+            
+            indicator.style.top = `${hourTop + minutePosition}px`;
+            timelineContainer.appendChild(indicator);
+            
+            // Add time label
+            const timeLabel = document.createElement('div');
+            timeLabel.textContent = now.toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' });
+            timeLabel.style.position = 'absolute';
+            timeLabel.style.left = '0';
+            timeLabel.style.top = `${hourTop + minutePosition - 10}px`;
+            timeLabel.style.backgroundColor = '#ef4444';
+            timeLabel.style.color = 'white';
+            timeLabel.style.padding = '2px 8px';
+            timeLabel.style.borderRadius = '4px';
+            timeLabel.style.fontSize = '12px';
+            timeLabel.style.zIndex = '10';
+            
+            indicator.appendChild(timeLabel);
+        }
     }
 }
 function renderScheduledTasks() {

style.css

@@ -61,8 +61,8 @@
 .timeline-hour {
     @apply relative border-b border-gray-700;
     min-height: 60px;
+    position: relative;
 }
-
 .timeline-task-block {
     @apply absolute rounded-lg cursor-move transition-all;
     transition: all 0.2s ease;
@@ -103,11 +103,11 @@ input[type="color"] {
 
 /* View transitions */
 .view {
-    @apply hidden;
+    display: none;
 }
 
 .view.active {
-    @apply block;
+    display: block;
     animation: fadeIn 0.3s ease-in-out;
 }
 @keyframes fadeIn {