Breitere Fahrbahn, Schale in der Radspur

Drei Anpassungen am Fahrbild:

Die Zeichenflaeche ist 15 % breiter (viewBox 294,4 statt 256, mittig um den
Wagen), und die max-width waechst mit auf 297 px - das Fahrzeug bleibt also
gleich gross, es kommt nur Platz daneben dazu. Die beiden Markierungen
ruecken um dieselben 15 % nach aussen (x -23,7 und 247,7), damit zwischen Rad
und Fahrbahnrand Luft fuer den Fahrtwind bleibt.

Die Markierung ist 4,2 statt 3,15 breit und etwas heller. Massstaeblich waere
3,15; so hebt sie sich aber deutlich vom Fahrtwind ab, der mit 2,5 daneben
laeuft - und darum ging es.

Die Bananenschale liegt jetzt in der linken Radspur (x 16, die Raeder stehen
zwischen 5 und 26) statt frei auf der Fahrbahn. Unter dem Reifen hat sie ihre
Wirkung, und dass der Wagen danach nach rechts ausbricht, passt zur Seite, auf
der er den Halt verliert.

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

css/solar.css

@@ -1121,7 +1121,7 @@ input[type='range']::-webkit-slider-runnable-track {
    Radstand von 2765 mm die Lage der Raeder. */
 .skoda-auto {
   width: 100%;
-  max-width: 258px;   /* die viewBox traegt 16 Einheiten Rand je Seite */
+  max-width: 297px;   /* 294,4 Einheiten viewBox, eine Einheit ein Bildpunkt */
   height: auto;
 }
 
@@ -1151,8 +1151,9 @@ input[type='range']::-webkit-slider-runnable-track {
 }
 
 .skoda-auto .strasse line {
-  stroke: rgba(232, 237, 233, 0.42);
+  stroke: rgba(232, 237, 233, 0.5);
-  stroke-width: 3.15;      /* 0,12 m im Viertelmassstab */
+  stroke-width: 4.2;       /* etwas breiter als massstaeblich (3,15), damit
+                              sich die Markierung vom Fahrtwind abhebt */
 }
 
 .skoda-auto .strasse .leitlinie {

restricted/skoda.php

@@ -74,7 +74,7 @@
                      hebt beim Überfahren das zugehörige Teil hervor - Farbe
                      allein soll die Aussage nicht tragen. -->
                 <div class="skoda-bild">
-                  <svg id="skodaAuto" class="skoda-auto" viewBox="-16 -8 256 516"
+                  <svg id="skodaAuto" class="skoda-auto" viewBox="-35.2 -8 294.4 516"
                        role="img" aria-label="Draufsicht des Fahrzeugs mit Ladestand der Batterie und dem Zustand von Türen, Fenstern, Klappen und Licht">
 
                     <defs>
@@ -138,9 +138,11 @@
                            rechts  Fahrbahnbegrenzung, durchgezogen
                            beide   3,15 breit
 
-                         Die Fahrbahnbreite war ohnehin nie maßstäblich - neben
+                         Die Fahrbahn ist breiter als der Wagen, aber nicht so
-                         dem Wagen bleiben zwanzig Zentimeter Platz statt einer
+                         breit wie eine echte Spur: die Zeichenfläche misst 294
-                         halben Fahrspur.
+                         Einheiten, gut ein Drittel mehr als das Fahrzeug, und
+                         zwischen Rad und Markierung bleibt Platz für den
+                         Fahrtwind.
 
                          Die Leitlinie wandert um genau eine Strich-Lücken-
                          Länge (472,5); danach steht das Muster wieder so da wie
@@ -149,9 +151,9 @@
                          die Striche ziehen im selben Takt vorbei wie zuvor,
                          nur ruhiger. -->
                     <g class="strasse" aria-hidden="true">
-                      <rect class="belag" x="-16" y="-8" width="256" height="516"/>
+                      <rect class="belag" x="-35.2" y="-8" width="294.4" height="516"/>
-                      <line class="leitlinie" x1="-6" y1="-520" x2="-6" y2="1020"/>
+                      <line class="leitlinie" x1="-23.7" y1="-520" x2="-23.7" y2="1020"/>
-                      <line class="begrenzung" x1="230" y1="-8" x2="230" y2="508"/>
+                      <line class="begrenzung" x1="247.7" y1="-8" x2="247.7" y2="508"/>
                     </g>
 
                     <!-- Ostergruß: ganz selten liegt eine Bananenschale auf
@@ -159,11 +161,17 @@
                          Ausgelöst wird das in js/solar/skodaMQTT.js, gezeichnet
                          wird es hier.
 
-                         Sie liegt zwischen Straße und Fahrzeug im Markup, wird
+                         Sie liegt in der linken Radspur (x 16, die Räder stehen
+                         zwischen 5 und 26): unter dem Reifen hat sie ihre
+                         Wirkung, und dass der Wagen danach nach rechts
+                         ausbricht, passt zur Seite, auf der er den Halt
+                         verliert.
+
+                         Im Markup steht sie zwischen Straße und Fahrzeug, wird
                          also von der Karosserie verdeckt, sobald der Wagen
                          darüberrollt - so, wie es sich gehört. -->
                     <g class="bananenschale" aria-hidden="true">
-                      <g class="schale" transform="translate(95 0) scale(1.4)">
+                      <g class="schale" transform="translate(16 0) scale(1.4)">
                         <use href="#bananenZipfel"/>
                         <use href="#bananenZipfel" transform="rotate(120)"/>
                         <use href="#bananenZipfel" transform="rotate(240)"/>