Tutorial Schritt 21: Bubble unter Kachel, Kachel hoeher, scrollIntoView

- position: bottom statt top (Bubble verschwindet nicht mehr oben)
- Kachel auf min h=5 vergroessert (Detail-Panel passt rein)
- scrollIntoView auf die Kachel damit alles sichtbar ist

src/static/js/tutorial.js

@@ -914,18 +914,21 @@ const Tutorial = {
                     + '<strong>Punkte</strong> - Meldungen und Lageberichte auf der Zeitachse<br>'
                     + '<strong>Detail-Panel</strong> - Zeigt Quelle, Titel und Zeitstempel<br><br>'
                     + 'So k\u00f6nnen Sie auch \u00e4ltere Lagebilder abrufen und den Verlauf nachvollziehen.',
-                position: 'top',
+                position: 'bottom',
                 disableNav: true,
                 onEnter: function() {
-                    // Timeline-Kachel vergroessern damit Detail-Panel sichtbar
+                    // Timeline-Kachel vergroessern damit Detail-Panel + Achse sichtbar
                     var tile = document.querySelector('[gs-id="timeline"]');
                     if (tile && typeof LayoutManager !== 'undefined' && LayoutManager._grid) {
                         var node = LayoutManager._grid.engine.nodes.find(function(n) { return n.el === tile; });
                         if (node) {
                             Tutorial._savedTimelineH = node.h;
-                            LayoutManager._grid.update(tile, { h: Math.max(node.h, 4) });
+                            LayoutManager._grid.update(tile, { h: Math.max(node.h, 5) });
+                            LayoutManager._grid.compact();
                         }
                     }
+                    // Kachel in den sichtbaren Bereich scrollen
+                    if (tile) tile.scrollIntoView({ behavior: 'smooth', block: 'start' });
                     Tutorial._runDemo(Tutorial._simulateTimeline);
                 },
                 onExit: function() {