Problem bei der Gestaltung mit dem Safari-Browser

Es ist noch nicht lange her, dass ich mit Drupal gestartet bin, der Schwerpunkt meine Arbeit lag bisher auf der Programmierung eines Moduls. Das ist nun (fast abgeschlossen) und es geht gerade darum die Elemente im Header und Sidebarfirst ordentlich zu gestalten.
Das Projekt hatte ich unter Drupal 9 begonnen, mittlerweile aber nach Drupal 10 portiert. Als Thema benutze ich weiter Bartik, besser gesagt ein eigenes Subthema von Bartik, da die Formatierung des Content schon recht speziell ist.

Ich habe aktuell folgendes Problem: Ändere ich in meiner style.css (vom Subthema) die Schriftgröße für die Beschriftung Dropdowns, wird diese Änderung im Firefox und im Chrome übernommen. Dem Safari ist egal, was ich da angebe, es bleibt mikrig klein. Dargestellt im 1. Bild

Wie schafft es der Safari zu ignorieren, was alle anderen verstehen? und das ist nicht der einzige Punkt, wo der Safari sich komisch verhält.

Ich komme noch aus einer Zeit, in der es in der Samstagausgabe der lokalen Zeitung diese Suchbilder gab, bei denen man die Unterschiede finden mußte.
Ich habe die Fenster mal anders übereinander gelegt, wer findet den Fehler, den der Safari (und nur der Safari macht) im Bild 2

P.S.: Ich bin kein Apple-Hasser und arbeite seit gut 20 Jahren wann immer es geht auf einem Mac