Titel-Slide auf Ueberschrift und Mockup reduziert

Beschreibungstext und der Swipe-Hinweis fallen weg, dazu das ungenutzte
CSS und die SVG-Konstante. Der Hinweis hing am else-Zweig der Feature-
Slides und lag damit ohnehin nur auf der Titel-Slide.

Die Ueberschrift liegt jetzt ueber dem Mockup. Das Geraet steht im DOM
nach ihr und lag deshalb darueber: gross gezogen hat es die Ueberschrift
verdeckt und im Bearbeiten-Modus die Klicks geschluckt, sodass man nicht
mehr an sie herankam.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

post1.html

@@ -663,6 +663,13 @@
   .szene { position: relative; width: 880px; }
   .szene-dev { width: 100%; height: auto; display: block; }
 
+  /* Das Mockup steht im DOM nach der Ueberschrift und lag damit darueber.
+     Ein gross gezogenes Geraet hat sie deshalb verdeckt und im
+     Bearbeiten-Modus die Klicks geschluckt, sodass man nicht mehr an sie
+     herankam. Die Zeile oben liegt jetzt darueber. */
+  .page.title[data-layout="szene"] .title-top { position: relative; z-index: 3; }
+  .page.title[data-layout="szene"] .szene { z-index: 1; }
+
   .laptop-missing {
     width: 940px; padding: 80px 40px; text-align: center;
     border: 3px dashed var(--shape-line); color: var(--body-color);
@@ -718,15 +725,6 @@
     color: var(--body-color); max-width: 760px;
   }
 
-  /* Swipe cue, bottom right — carousels live or die on slide 2 being opened. */
-  .swipe {
-    position: absolute; z-index: 3; right: 92px; bottom: 62px;
-    display: flex; align-items: center; gap: 14px;
-    font-size: 24px; font-weight: 700; letter-spacing: .04em;
-    text-transform: uppercase; color: var(--body-color);
-  }
-  .swipe svg { width: 34px; height: 34px; }
-
 
   /* ─── Variant: dunkel ────────────────────────────────────────────────── */
   .slide[data-variant="dunkel"] {
@@ -1325,10 +1323,6 @@
     statusEl.className = "status" + (kind ? " " + kind : "");
   };
 
-  const SWIPE_SVG =
-    '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" ' +
-    'stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>';
-
   // FeatherMoreVertical aus dem Kopf der StickyNote: drei Punkte, keine Linien.
   const NOTE_MENU_SVG =
     '<svg viewBox="0 0 24 24" fill="rgba(66,66,66,.72)">' +
@@ -1418,10 +1412,10 @@
         ? '<div class="szene"><img class="szene-dev" alt="HiveGrid" src="' +
             assets["./assets/mockups/macbook-fels.png"] + '"></div>'
         : '<div class="laptop-missing">Mockup fehlt.<br>Das freigestellte PNG als <b>assets/mockups/macbook-fels.png</b> ablegen.</div>';
+      // Nur Ueberschrift und Mockup: der Beschreibungstext faellt hier weg.
       return '<div class="title-top">' +
                '<p class="wabe-tagline">Vom Handwerker<br>für <span class="a">Handwerker</span></p>' +
-             '</div>' + dev +
-             '<p class="wabe-claim">' + s.sub + '</p>';
+             '</div>' + dev;
     }
     if (layoutState[i] === "laptop-footer") {
       const dev = assets["./assets/mockups/laptop.png"]
@@ -1575,11 +1569,6 @@
           '<div class="note-grip"><i></i><i></i></div>';
         page.appendChild(el3);
       }
-    } else {
-      const sw = document.createElement("div");
-      sw.className = "swipe";
-      sw.innerHTML = "<span>Swipe</span>" + SWIPE_SVG;
-      page.appendChild(sw);
     }
 
     renderPage(page, j);