/* ATC 25.08.2026 -- Lange Hero-Überschriften brechen nicht mehr mitten im Wort. ======================================================================== Dima, mit Screenshot vom iPhone: "bei Softwareentwicklung bricht ein Satz sofort, er darf nicht so brechen auf Mobile." GEMESSEN (iPhone-Profil, 390 px): H1 = 48 px, verfügbare Breite 350 px, word-break: break-word. "Softwareentwicklung" braucht bei 48 px rund 460 px -- es passt nicht in eine Zeile, und break-word trennt dann an beliebiger Stelle: "Softwareentwicklu / ng". Betroffen sind zwei der vier Leistungsseiten (Softwareentwicklung, Softwareoptimierung); "Autoglas" und "DPF-Reinigung" passen und bleiben unberührt. LÖSUNG: nicht die Schrift verkleinern (das Design bleibt), sondern sauber trennen lassen. hyphens: auto nutzt die Silbentrennung des Browsers und setzt einen Bindestrich -- "Software-/entwicklung" statt "Softwareentwicklu/ng". Voraussetzung ist eine Sprachangabe, und die steht im Dokument (). word-break wird dabei auf normal zurückgesetzt, sonst bliebe der harte Bruch die erste Wahl des Browsers. Gilt nur bis 760 px. Auf Tablet und Rechner passt die Überschrift in eine Zeile, dort ändert sich nichts. NACHTRAG 25.08.2026 -- WO DIESE DATEI EINGEBUNDEN WIRD, IST TEIL DER REGEL. Sie lag zuerst auch auf der Startseite. Dort besteht die H1 aus kurzen Wörtern ("Weil wir Autos lieben."), und hyphens: auto trennt nicht nur im Notfall, sondern immer dann, wenn der Browser es für den besseren Umbruch hält -- aus der zweizeiligen Überschrift wurde "Weil wir Autos lie-/ben.". Ein Bindestrich, wo gar kein Platzproblem war. CSS kann "nur wenn ein einzelnes Wort sonst überläuft" nicht ausdrücken. Deshalb entscheidet die Einbindung: diese Datei gehört ausschliesslich auf die vier Leistungsdetailseiten, deren H1 immer ein einzelner Servicename ist. Nicht auf die Startseite, nicht auf /service, nicht global. Wer sie woanders einbindet, holt sich den Bindestrich zurück. */ @media (max-width: 760px) { #main h1 { word-break: normal; overflow-wrap: break-word; /* Notnagel für Extremfälle bleibt */ hyphens: auto; -webkit-hyphens: auto; } }