Ein Knopf, von dem niemand weiss, dass es ihn gibt, ist keiner

„Intro überspringen" lag im Web in der Bedienleiste und verschwand mit
ihr. Am Fernseher sieht man die Leiste gar nicht — der Knopf war also
da und trotzdem unsichtbar. Jetzt liegt er als eigene Schicht über dem
Bild und bleibt stehen, solange die Marke läuft.

**Im Abspann ist „überspringen" ohnehin die falsche Frage.** Was man
dort will, ist die nächste Folge; ans Ende dieser zu springen bringt
niemanden weiter. Gibt es eine, heisst der Knopf jetzt so — im Web wie
in der App, und in der App nicht mehr erst, wenn alles durchgelaufen
ist. Bei einem Film gibt es nichts danach: dort heisst „Abspann
überspringen" jetzt wirklich Schluss, statt auf ein stehendes Bild zu
spulen und den Spieler offen zu lassen.

Dazu der Titel über dem Spieler. Dort stand bei einer Folge „S1 E6" und
bei einer aus der Detailseite gestarteten sogar nur „Wiedergabe". Auf
einer Kachel ist die Kurzform richtig, dort zählt jeder Buchstabe; über
dem Spieler steht eine Zeile in einer leeren Fläche. Jetzt steht da
„Küstenwache · Staffel 1 · Folge 6 · Der Nebel kommt". In der App hiess
es „Episode" statt „Folge" — das eine Wort, das sonst nirgends steht.

Und drei Prüfungen für die Marken auf dem Weg in die App: aus einer
Serverantwort mit Vorspann und Abspann werden zwei Marken an der
richtigen Stelle. Die Übersetzung war nicht der Grund, warum der Knopf
dort fehlte.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

web/app/src/style.css

@@ -922,10 +922,18 @@ textarea.feld {
  *
  * Als eigene Zeile im Bedienblock, nicht als Überzug über dem Bild: so
  * blendet er mit der Bedienung ein und aus und verdeckt nie die Leiste. */
+/* **Eigene Schicht, nicht Teil der Bedienung.**
+ *
+ * In der Leiste verschwand er mit ihr — und am Fernseher sieht man die
+ * Leiste gar nicht. Hier liegt er über dem Bild, rechts über der Stelle,
+ * an der die Leiste erscheinen würde, und bleibt stehen, solange die Marke
+ * läuft. */
 .pl-ueberspringen {
-  align-self: flex-end;
-  margin: 0 0 2px auto;
-  display: block;
+  position: absolute;
+  right: var(--s-section);
+  bottom: calc(var(--s-section) * 3.5);
+  z-index: 3;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, .6);
 }
 
 .pl-unten {