/* Arabische Fassung: Schreibrichtung rechts nach links.
   Das Grundlayout nutzt Flex und Grid und dreht sich dadurch von selbst.
   Hier stehen nur die Stellen, die feste Seitenangaben haben. */
/* Arabische Schrift, lokal vom eigenen Server – kein externer Aufruf.
   Noto Sans Arabic, SIL Open Font License 1.1 (siehe fonts/noto-sans-arabic-LICENSE.txt) */
@font-face{font-family:"Noto Sans Arabic";src:url("../fonts/noto-arabic-400.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,
                U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"Noto Sans Arabic";src:url("../fonts/noto-arabic-700.woff2") format("woff2");
  font-weight:700;font-style:normal;font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,
                U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}

[dir="rtl"]{--sans:"Noto Sans Arabic","Nunito Sans","Segoe UI",system-ui,sans-serif;
            --serif:"Noto Sans Arabic","Montserrat","Segoe UI",system-ui,sans-serif}

/* Arabisch kennt keine Kursive – schräg gestellte Buchstaben wirken dort fehlerhaft */
[dir="rtl"] em,[dir="rtl"] i,[dir="rtl"] .it{font-style:normal}
[dir="rtl"] .it{font-weight:600;letter-spacing:0}

[dir="rtl"] body{text-align:right}
[dir="rtl"] .lead,[dir="rtl"] p,[dir="rtl"] li,[dir="rtl"] h1,[dir="rtl"] h2,
[dir="rtl"] h3,[dir="rtl"] h4{letter-spacing:0}

/* Aufzählungen und Einrückungen spiegeln */
[dir="rtl"] ul,[dir="rtl"] ol{padding-right:1.2em;padding-left:0}
[dir="rtl"] .crumbs ol{flex-direction:row-reverse;justify-content:flex-end}

/* Elemente mit fester Seitenangabe */
[dir="rtl"] .eyebrow::before,[dir="rtl"] .bs-head .eyebrow::before{right:0;left:auto}
[dir="rtl"] .checks li{padding-right:38px;padding-left:0}
[dir="rtl"] .checks li::before{right:0;left:auto}
[dir="rtl"] .cl ul li{padding-right:22px;padding-left:0}
[dir="rtl"] .cl ul li::before{right:0;left:auto}
[dir="rtl"] .hc-txt{text-align:right}
[dir="rtl"] .note,[dir="rtl"] .hc-note{border-right:3px solid var(--navy-3);border-left:0;
  border-radius:10px 0 0 10px;padding-right:16px;padding-left:14px}

/* Pfeil-Symbole in Links und Knöpfen spiegeln */
[dir="rtl"] .bs-link svg,[dir="rtl"] .card-link svg,[dir="rtl"] .btn svg.arrow{transform:scaleX(-1)}

/* Zahlen und Preise bleiben linksläufig lesbar */
[dir="rtl"] .num,[dir="rtl"] .price,[dir="rtl"] table td.num,[dir="rtl"] .rr-num{
  direction:ltr;unicode-bidi:embed;text-align:left}
[dir="rtl"] a[href^="tel:"],[dir="rtl"] .tb-l a{direction:ltr;unicode-bidi:embed}

/* Außerhalb des Bildes geparkte Elemente (Sprungmarke, Honigtopf im Formular)
   stehen links bei negativen Werten. In der arabischen Fassung erzeugt das eine
   waagrechte Bildlaufleiste – deshalb hier nach rechts spiegeln. */
[dir="rtl"] .skip{left:auto;right:-999px}
[dir="rtl"] .skip:focus{left:auto;right:12px}
[dir="rtl"] .hp{left:auto!important;right:-9999px!important}

/* Mobile Aktionsleiste */
[dir="rtl"] .mobile-bar{direction:rtl}
[dir="rtl"] .wa-float{left:18px;right:auto}