/* RTL-Ergänzung für Sprachfassungen mit dir="rtl" (z. B. /ar/). Wird NUR dort geladen, nach stil.css.
   Spiegelt richtungsabhängige Regeln aus stil.css; Schrift IBM Plex Sans Arabic (OFL, selbst gehostet). */
@font-face{font-family:"Plex Arabic";src:url(/fonts/plex-arabic-400.woff2)format("woff2");font-weight:300 500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+060C,U+061B,U+061F,U+066B-066C}
@font-face{font-family:"Plex Arabic";src:url(/fonts/plex-arabic-600.woff2)format("woff2");font-weight:600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+060C,U+061B,U+061F,U+066B-066C}
@font-face{font-family:"Plex Arabic";src:url(/fonts/plex-arabic-700.woff2)format("woff2");font-weight:700 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+060C,U+061B,U+061F,U+066B-066C}
[dir=rtl]{--sans:"Plex Arabic","Inter",system-ui,"Segoe UI",Tahoma,"Geeza Pro","Noto Sans Arabic",sans-serif}
[dir=rtl] body{font-family:var(--sans)}
/* Arabische Buchstaben verbinden sich: keine Sperrung, keine Versalien-Effekte, etwas mehr Zeilenhöhe */
[dir=rtl] *{letter-spacing:0!important}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{line-height:1.35}
[dir=rtl] h1{font-size:clamp(2rem,4.6vw,3.9rem)}
[dir=rtl] p,[dir=rtl] li,[dir=rtl] .antwort{line-height:1.85}
[dir=rtl] .held h1{max-width:18ch}
/* Zahlen, Telefonnummern, E-Mail bleiben LTR */
[dir=rtl] bdi,[dir=rtl] [dir=ltr]{unicode-bidi:isolate}
[dir=rtl] input[type=tel],[dir=rtl] input[type=email],[dir=rtl] input[type=number],[dir=rtl] input[type=date]{direction:ltr;text-align:right}

/* --- Spiegelungen zu stil.css --- */
[dir=rtl] .skip{left:auto;right:10px}
[dir=rtl] 
[dir=rtl] .link:hover:after,[dir=rtl] .dienst:hover:after{transform:translateX(-4px)}
[dir=rtl] .link:after{display:inline-block;transform:scaleX(-1)}
[dir=rtl] .marke{transform-origin:right center}
[dir=rtl] .nav{margin-left:0;margin-right:12px}
[dir=rtl] .dd>button:after{margin-left:0;margin-right:8px}
[dir=rtl] .dd-panel{left:auto;right:0}
[dir=rtl] .dd-panel small{margin-left:0;margin-right:auto}
[dir=rtl] .kopf-rechts{margin-left:0;margin-right:auto}
[dir=rtl] .suche label small,[dir=rtl] .faq-suche small,[dir=rtl] .filter-zeile label small{left:auto;right:16px}
[dir=rtl] .suche select,[dir=rtl] .filter-zeile select{background-position:left 14px center;padding-right:16px;padding-left:36px}
[dir=rtl] .typ small{text-align:left}
[dir=rtl] .auto .marke-tag{left:auto;right:12px}
[dir=rtl] .spar-badge{left:auto;right:12px}
[dir=rtl] .merken{right:auto;left:12px}
[dir=rtl] .m-zahl{right:auto;left:-3px}
[dir=rtl] .text ul{padding-left:0;padding-right:20px}
[dir=rtl] .toc ol{padding-left:0;padding-right:18px}
[dir=rtl] .krumen li+li:before{content:"‹";margin-right:0;margin-left:8px}
[dir=rtl] .galerie .pfeil.l{left:auto;right:14px}
[dir=rtl] .galerie .pfeil.r{right:auto;left:14px}
[dir=rtl] .galerie .pfeil svg{transform:scaleX(-1)}
[dir=rtl] .galerie .zaehler{right:auto;left:14px}
[dir=rtl] .fakten dd,[dir=rtl] .bf-preis dd,[dir=rtl] .p-monat{text-align:left}
[dir=rtl] .aufruf:after{right:auto;left:-10px}
[dir=rtl] .schwebend{right:auto;left:calc(18px + env(safe-area-inset-left))}
[dir=rtl] .band-teil{padding-right:0;padding-left:14px}
[dir=rtl] .band-spur{direction:ltr}
[dir=rtl] .dienst:before{transform-origin:right}
[dir=rtl] .dienst:after{content:"←";right:auto;left:24px}
[dir=rtl] .kurz li{padding-left:0;padding-right:26px}
[dir=rtl] ul.haken li{padding-left:0;padding-right:28px}
[dir=rtl] .kurz li:before,[dir=rtl] ul.haken li:before{left:auto;right:1px}
[dir=rtl] .tabelle th,[dir=rtl] .vd-tabelle th,[dir=rtl] .vd-tabelle td{text-align:right}
[dir=rtl] .vd-tabelle th{left:auto;right:0}
[dir=rtl] .treffer{text-align:left}
[dir=rtl] .filter-zeile .treffer{text-align:left}
[dir=rtl] .fortschritt,[dir=rtl] .sc-fortschritt span,[dir=rtl] .bf-balken span{transform-origin:100% 50%}
[dir=rtl] .sc-text{left:auto;right:clamp(20px,4vw,56px)}
[dir=rtl] .fakten-box summary:after{float:left}
[dir=rtl] .fp-feld{background-position:left 10px center}
[dir=rtl] .bd-auto{margin-left:0;margin-right:auto}
[dir=rtl] .sd-liste em small{margin-left:0;margin-right:2px}
[dir=rtl] .consent{left:auto;right:16px}
[dir=rtl] .st-kopf small{margin-left:0;margin-right:auto}
[dir=rtl] .sw-menue a span,[dir=rtl] .sw-menue button span,[dir=rtl] .ks-liste a span,[dir=rtl] .ks-liste button span{text-align:right}
[dir=rtl] .vergleich-leiste{padding:8px 10px 8px 8px}
[dir=rtl] .vl-autos img{margin-left:0;margin-right:-10px}
[dir=rtl] .vl-autos img:first-child{margin-right:0}
[dir=rtl] .preisleiste span{margin-left:0;margin-right:4px}
[dir=rtl] .fd legend{float:right}
[dir=rtl] .doppel{direction:ltr}
[dir=rtl] .mitte .lead{margin-left:auto;margin-right:auto}
[dir=rtl] .bew-pfeil svg{transform:scaleX(-1)}
[dir=rtl] .bewertung blockquote{direction:ltr;text-align:left}
@media (max-width:1080px){
  [dir=rtl] .typ .t-text{left:14px;right:14px}
}
@media (max-width:720px){
  [dir=rtl] .consent{left:8px;right:8px}
  [dir=rtl] .tabbar .m-zahl{right:auto;left:calc(50% - 22px)}
  [dir=rtl] .typ small{text-align:right}
}
/* Off-screen-Elemente: in RTL ist Überlauf nach LINKS scrollbar -> nach rechts schieben */
[dir=rtl] .hp{left:auto!important;right:-9999px}
/* Galerie/Schieber laufen technisch LTR (app.js rechnet mit scrollLeft >= 0) */
[dir=rtl] .galerie .spur,[dir=rtl] .galerie .daumen,[dir=rtl] .marken-slider,[dir=rtl] .sc-buehne{direction:ltr}
[dir=rtl] .sc-text{direction:rtl}
[dir=rtl] .galerie .zaehler{direction:ltr}
[dir=rtl] .bf-kal .dayContainer,[dir=rtl] .bf-kal .flatpickr-weekdaycontainer,[dir=rtl] .bf-kal .flatpickr-current-month{direction:rtl}
[dir=rtl] .bf-kal .flatpickr-months .flatpickr-prev-month{left:auto;right:0}
[dir=rtl] .bf-kal .flatpickr-months .flatpickr-next-month{right:auto;left:0}
[dir=rtl] .bf-kal .flatpickr-months svg{transform:scaleX(-1)}
[dir=rtl] .bf-kal .flatpickr-current-month .numInputWrapper{direction:ltr;width:6.5ch}
[dir=rtl] .bf-kal .flatpickr-current-month input.cur-year{direction:ltr;text-align:left;padding:0 0 0 .3ch}
[dir=rtl] .bf-kal .flatpickr-day.startRange{border-radius:0 50px 50px 0}
[dir=rtl] .bf-kal .flatpickr-day.endRange{border-radius:50px 0 0 50px}
[dir=rtl] .bf-kal .flatpickr-day.startRange.endRange{border-radius:50px}
[dir=rtl] .bf-kal .flatpickr-day.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:10px 0 0 var(--ink)!important}
/* v8-qa: Brotkrumen-Leiste mobil – Ausblendung auf der Leserichtungs-Endseite (links) statt rechts */
@media (max-width:720px){[dir=rtl] .krumen{-webkit-mask-image:linear-gradient(270deg,#000 88%,transparent);mask-image:linear-gradient(270deg,#000 88%,transparent);padding-right:0;padding-left:24px}}