Die Transportleiste steht am Handy in einer Reihe

Auf dem Bildschirmfoto nach dem Umbau lagen der runde Play-Knopf und
seine Nachbarn uebereinander. `pruef-handy` meldete das nicht: Sie
fragt, ob die MITTE eines Knopfes frei ist -- zwei Knoepfe koennen
sich an den Raendern ueberlagern und beide „erreichbar" sein. Wer
danebentippt, trifft trotzdem den falschen.

GEMESSEN (neue Stelle in mess-reaktion, die jedes Knopfpaar der
Leiste auf Ueberschneidung prueft):

    tempo-auf / v-spiel   21 x 44 px
    v-spiel / v-tauschen  21 x 38 px

URSACHE: `grid-template-columns: auto 1fr auto`. Tempo links und
„Wechseln zu <Videotitel>" rechts nahmen so viel, dass die mittlere
Spalte schmaler wurde als der 58 Pixel breite Play-Knopf -- und ein
zentrierter Inhalt, der breiter ist als seine Spalte, ragt ueber
BEIDE Raender.

Jetzt `minmax(0, auto) max-content minmax(0, auto)`: Die Mitte ist
so breit wie ihre drei Knoepfe zusammen und schrumpft nie, die
Seiten geben nach. `min-content` war dabei die falsche Zwischenstufe
-- damit war die Spalte so breit wie ihr BREITESTER Knopf, und
„−10" und „+10" brachen darunter um.

GEPRUEFT: pruef-handy, -tippziele, -css-klassen, -reaktion und
mess-quer alle EXIT 0; mess-reaktion meldet „Kein Knopf der
Transportleiste liegt ueber einem anderen" und 133 Pixel sichtbares
Bild.

workspace/aufgaben.html

@@ -12,19 +12,19 @@
      Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
      eine Flaeche sind statt zweier. -->
 <meta name="theme-color" content="#06090f" />
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609291246" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609291246" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609291246" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609291246" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609291246" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609291246" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609291311" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609291311" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609291311" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609291311" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609291311" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609291311" />
 <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
      Auf der Agenturadresse ist sie leer -- das Haus hier IST der
      Grundzustand. Auf der Adresse von Team Dogi biegt der Server
      genau diesen Dateinamen auf crew-haus.css um, und die Seite
      kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
      ohne Umfaerben im Browser, ohne Flackern. -->
-<link rel="stylesheet" href="assets/css/haus.css?v=202609291246" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609291311" />
 </head>
 
 <body class="start">
@@ -391,22 +391,22 @@
 <!-- TEXTFORM ZUERST (21.09.2026): Die Seite fragt beim Zeichnen nach
      `window.Textform`. Kaeme sie spaeter, waere der erste Eintrag ohne
      Gestaltung. Kein `defer`, damit sie wirklich vorher dasteht. -->
-<script src="assets/js/textform.js?v=202609291246"></script>
-<script src="assets/js/meldung.js?v=202609291246" defer></script>
-<script src="assets/js/hochladen.js?v=202609291246" defer></script>
-<script src="assets/js/nachfrage.js?v=202609291246" defer></script>
+<script src="assets/js/textform.js?v=202609291311"></script>
+<script src="assets/js/meldung.js?v=202609291311" defer></script>
+<script src="assets/js/hochladen.js?v=202609291311" defer></script>
+<script src="assets/js/nachfrage.js?v=202609291311" defer></script>
 
-<script src="assets/js/wahl.js?v=202609291246" defer></script>
-<script src="assets/js/bereiche.js?v=202609291246" defer></script>
-<script src="assets/js/installieren.js?v=202609291246" defer></script>
-<script src="assets/js/kopf.js?v=202609291246" defer></script>
-<script src="assets/js/glocke.js?v=202609291246" defer></script>
-<script src="assets/js/zuteilung.js?v=202609291246" defer></script>
+<script src="assets/js/wahl.js?v=202609291311" defer></script>
+<script src="assets/js/bereiche.js?v=202609291311" defer></script>
+<script src="assets/js/installieren.js?v=202609291311" defer></script>
+<script src="assets/js/kopf.js?v=202609291311" defer></script>
+<script src="assets/js/glocke.js?v=202609291311" defer></script>
+<script src="assets/js/zuteilung.js?v=202609291311" defer></script>
 <!-- Der Vorlagenkatalog stand bis zum 23.09.2026 mitten in
      aufgaben.js. Er bedient jetzt zwei Seiten und hat deshalb eine
      eigene Datei; hier zeigt er den Creator-Katalog.
      Vor aufgaben.js, weil die Seite ihn beim Start einrichtet. -->
-<script src="assets/js/vorlagenbrett.js?v=202609291246" defer></script>
-<script src="assets/js/aufgaben.js?v=202609291246" defer></script>
+<script src="assets/js/vorlagenbrett.js?v=202609291311" defer></script>
+<script src="assets/js/aufgaben.js?v=202609291311" defer></script>
 </body>
 </html>