Sprungmarken brechen um statt zu scrollen, keine Silbentrennung in Ueberschriften

Rueckmeldung 22.08.2026: "ich will nicht dass man die hin und her
schieben muss man soll die alle sehen aber nicht schieben muessen."

Richtig, und aus zwei Gruenden: Eine Wischleiste verbirgt, DASS es noch
mehr gibt -- was rechts aus dem Bild ragt, existiert fuer die meisten
Menschen schlicht nicht. Dazu kam ein haesslicher Scrollbalken quer ueber
die Seite. Jetzt brechen die Knoepfe um, alle fuenf sind auf einen Blick
da, auch bei 320px.

Der Text in den Knoepfen darf dabei mitbrechen (white-space: normal) --
ohne das sprengt ein langer Name wie "Buchhaltungs- &
Steuerverwaltungsseiten" auf schmalen Bildschirmen die Zeile und der
waagerechte Ueberlauf waere durch die Hintertuer zurueck.

Dabei mitgefunden: "hyphens: auto" auf Ueberschriften. Auf dem Handy
stand dadurch "Alles, was vorher ge-klaert sein sollte". Der Browser
trennt damit nach Silben, auch wenn ueberhaupt kein Platzproblem
besteht. In Fliesstext ist das ein Gewinn, in grossen Ueberschriften
sieht es billig aus -- und genau die sind das Erste, was jemand sieht.
overflow-wrap: break-word bleibt und faengt echte Ueberlaeufe weiterhin ab.

Pruefskript: die Sprungmarken-Leisten waren als "absichtlich scrollbar"
von der Ueberlaufpruefung ausgenommen. Diese Ausnahme ist raus -- sonst
wuerde ein zurueckkehrender Ueberlauf dort nie auffallen. 45/45 weiterhin
sauber.

Co-Authored-By: Claude Opus 5 <[email protected]>

assets/css/webdesign.css

@@ -146,10 +146,19 @@ body.wd::after {
   letter-spacing: -.015em;
   margin: 0 0 .5em;
   color: var(--wd-text);
-  /* Verhindert, dass lange deutsche Komposita ("Buchhaltungsverwaltungs-
-     seiten") auf dem Handy aus dem Kasten laufen. */
+  /* Lange deutsche Komposita ("Buchhaltungsverwaltungsseiten") duerfen auf
+     dem Handy nicht aus dem Kasten laufen — dafuer reicht
+     overflow-wrap: break-word. Es greift NUR im Notfall, wenn ein Wort
+     sonst wirklich ueberlaufen wuerde.
+
+     "hyphens: auto" stand hier zusaetzlich und ist wieder raus: der
+     Browser trennt damit nach Silben, auch wenn gar kein Platzproblem
+     besteht. Auf dem Handy stand dadurch "Alles, was vorher ge-klaert
+     sein sollte" in der Ueberschrift. In Fliesstext ist Silbentrennung
+     ein Gewinn, in grossen Ueberschriften sieht sie schlicht billig aus —
+     und genau die sind das Erste, was jemand von der Seite sieht. */
   overflow-wrap: break-word;
-  hyphens: auto;
+  hyphens: manual;
 }
 .wd h1 { font-size: clamp(2.15rem, 5.6vw, 3.9rem); font-weight: 800; }
 .wd h2 { font-size: clamp(1.75rem, 4.2vw, 2.75rem); font-weight: 800; }