/* ========================================================================= RTL-Overrides für die arabische Sprachversion (ar/*.html) Wird NUR auf Seiten mit nachgeladen, nach styles.css. Das grüne "L" (body::before) bleibt bewusst links – Marken-Signatur, keine Lese-Richtungs-Komponente, siehe SPEC §1 / CLAUDE.md. ========================================================================= */ /* Der -9999px-Offscreen-Trick (styles.css) erzeugt unter dir="rtl" einen riesigen Scrollbereich - RTL behandelt grosse negative x-Werte als gueltigen Inhaltsbereich, egal ob ueber left oder right gesetzt. Mobile Browser starten den Scroll bei dir=rtl ganz am Anfang der Leserichtung (rechts) und landen dadurch auf der leeren Flaeche -> Seite wirkt komplett leer. Fix: Clip statt Offset, erzeugt keinerlei Scrollbereich. */ [dir="rtl"] .skip-link{left:0;right:auto;clip-path:inset(50%);white-space:nowrap} [dir="rtl"] .skip-link:focus{clip-path:none} [dir="rtl"] .nav-links{margin-left:0;margin-right:auto} [dir="rtl"] .nav-cta{margin-left:0;margin-right:8px} [dir="rtl"] .lang-switch{margin-left:0;margin-right:10px;padding-left:0;padding-right:10px; border-left:0;border-right:1px solid var(--linie)} [dir="rtl"] .wk-card::before{left:0;right:0} [dir="rtl"] .ortband .credit{right:auto;left:10px} [dir="rtl"] .persoenlich .emblem-wrap .cap{padding-left:0;padding-right:16px;border-left:0;border-right:3px solid #2FA15A} [dir="rtl"] .persoenlich .p-quote{border-left:0;border-right:4px solid var(--gruen-flagge);padding-left:0;padding-right:22px} [dir="rtl"] .card li{padding-left:0;padding-right:20px} [dir="rtl"] .card li::before{left:auto;right:0} [dir="rtl"] .quote{border-left:0;border-right:4px solid var(--rot);padding:6px 26px 6px 0} [dir="rtl"] .beleg blockquote{border-left:0;border-right:3px solid var(--linie);padding:4px 20px 4px 0} [dir="rtl"] .beleg th,[dir="rtl"] .beleg td{text-align:right} [dir="rtl"] .beleg ul.quellen li{padding-left:0;padding-right:18px} [dir="rtl"] .beleg ul.quellen li::before{left:auto;right:0} @media (max-width:900px){ [dir="rtl"] .menu-toggle{margin-left:0;margin-right:auto} } @media (max-width:900px){ [dir="rtl"] .nav-links{left:0;right:0} [dir="rtl"] .lang-switch{margin-right:0;padding-right:0;border-right:0} }