/* ATC 26.08.2026 -- Der Anspruch-Slogan auf "Über uns" passt aufs Handy.
   ========================================================================
   Dima: "der ist auf mobile noch viel zu groß und das bricht in so viele
   Zeilen. Vielleicht kürzen oder leicht kleiner machen. Aber es muss immer
   noch in Relation sein mit der Subline. Deswegen würde ich es einfach
   kürzen, dass es maximal auf drei Zeilen ist auf mobile, aber es natürlich
   genau dasselbe bedeuten."

   GEMESSEN vorher (390 px): 130 Zeichen, 36 px Schrift, 313 px verfügbare
   Breite -- also rund 17 Zeichen je Zeile und entsprechend viele Zeilen.

   ZWEI SCHRITTE, weil einer allein nicht reicht:
   1. Der Text ist gekürzt (130 → 74 Zeichen), ohne die Aussage zu ändern:
      "Wer bei uns anfragt" bleibt wörtlich, "das richtige Teil" bleibt
      wörtlich, und "keine Nummer auf Verdacht" sagt dasselbe wie "nicht
      mit einer Nummer, bei der wir uns selbst nicht sicher sind" -- nur
      kürzer. Geändert im Markup UND in der Ersetzungstabelle des Exports,
      sonst schreibt die eine die andere wieder zurück.
   2. Die Schrift wird auf dem Handy kleiner. Der Abstand zur Subline
      bleibt dabei gewahrt: 16 px Subline gegen 30 px Slogan ist Faktor
      1,9 -- der Slogan bleibt klar die Hauptstimme.

   Gilt nur bis 760 px. Auf Tablet und Rechner bleibt alles wie es war. */
/* Der Absatz bezieht seine Größe aus Framers eigener Variable
   (--framer-font-size: 28px im style-Attribut). Ein font-size hier würde
   dagegen anlaufen; die Variable selbst zu setzen lässt Framers Logik
   unangetastet und wirkt trotzdem. Der Bereichsselektor trifft
   ausschliesslich diesen einen Block. */
@media (max-width: 760px) {
  #main .framer-19h57gl p.framer-text,
  #main .framer-19h57gl p.framer-text span {
    /* Die Variable allein reichte nicht -- gemessen: line-height sprang
       auf 41,4px (also 115% von 36), die Schriftgröße blieb bei 36. Der
       innere span holt sie sich aus einer eigenen Regel. Deshalb beides:
       Variable für Framers Logik, font-size direkt für den span. */
    --framer-font-size: 28px !important;
    --framer-line-height: 115% !important;
    font-size: 28px !important;
    line-height: 1.15 !important;
  }
}