/* Arabisch (RTL). Wird nur geladen, wenn die Seite von rechts nach links laeuft. */
@font-face {
  font-family: "Noto Sans Arabic";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../fonts/noto-sans-arabic-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+200C-200F, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFC;
}
html[dir="rtl"] {
  --font-display: "Raleway", "Noto Sans Arabic", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body:    "Arimo", "Noto Sans Arabic", "Liberation Sans", Arial, Helvetica, sans-serif;
}
/* Buchstabenabstand trennt arabische Buchstaben, Grossschreibung gibt es nicht. */
html[dir="rtl"] body, html[dir="rtl"] body * { letter-spacing: 0 !important; }
html[dir="rtl"] .eyebrow, html[dir="rtl"] .kicker { text-transform: none; }
html[dir="rtl"] body { line-height: 1.7; }
html[dir="rtl"] :is(h1, h2, h3) { line-height: 1.35; }

/* Navigation */
html[dir="rtl"] .skip { left: auto; right: 12px; }
html[dir="rtl"] .nav__logo { margin-right: 0; margin-left: auto; }
html[dir="rtl"] .nav__toggle { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .nav__menu { left: auto; right: 0; }
html[dir="rtl"] .nav__menu--lang { right: auto; left: 0; }
html[dir="rtl"] .nav__group--cta .nav__menu { right: auto; left: 0; }
html[dir="rtl"] .nav__menu--cols .nav__col + .nav__col { border-left: 0; padding-left: 0; border-right: 1px solid var(--line); padding-right: 6px; }
html[dir="rtl"] .crumbs li + li::before { content: "\2039"; margin-right: 0; margin-left: 8px; }
html[dir="rtl"] .progress { left: auto; right: 0; }

/* Pfeile zeigen nach links */
html[dir="rtl"] .btn__arrow, html[dir="rtl"] .dl__go { transform: scaleX(-1); }
html[dir="rtl"] .btn:hover .btn__arrow { transform: scaleX(-1) translateX(3px); }
html[dir="rtl"] .pcard:hover .pcard__foot .btn__arrow, html[dir="rtl"] .post:hover .post__go .btn__arrow { transform: scaleX(-1) translateX(4px); }
html[dir="rtl"] .dl__go { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .dl:hover .dl__go { transform: scaleX(-1) translateX(3px); }

/* Listen, Hinweise, FAQ */
html[dir="rtl"] .ticks li { padding-left: 0; padding-right: 26px; }
html[dir="rtl"] .ticks li::before { left: auto; right: 0; }
html[dir="rtl"] .dflow__steps li { padding-left: 0; padding-right: 30px; }
html[dir="rtl"] .dflow__steps li::before { left: auto; right: 0; }
html[dir="rtl"] .nerdnote { border-left: 0; border-right: 3px solid var(--accent); }
html[dir="rtl"] .callout { border-left: 0; border-right: 3px solid var(--brand); }
html[dir="rtl"] .faq summary { padding: 16px 0 16px 36px; }
html[dir="rtl"] .faq summary::after { right: auto; left: 6px; }
html[dir="rtl"] .switch { margin-right: 0; margin-left: auto; }
html[dir="rtl"] .switch__track { direction: ltr; }
html[dir="rtl"] .swiss > span + span { margin-left: 0; margin-right: 12px; }
html[dir="rtl"] .dljump strong { margin-right: 0; margin-left: 4px; }
html[dir="rtl"] .s-d66b439 { padding-left: 0 !important; padding-right: 20px !important; }

/* Tabellen und Bildunterschriften */
html[dir="rtl"] :is(table.spec, .wp-block-table.spec) :is(th, td),
html[dir="rtl"] table.spec caption, html[dir="rtl"] .wp-block-table.spec figcaption,
html[dir="rtl"] .tl__photo figcaption, html[dir="rtl"] .wp-block-image.duo figcaption { text-align: right; }

/* Ueberlappende Spalten */
@media (min-width: 900px) {
  html[dir="rtl"] .lap--2 > :last-child { margin-left: 0; margin-right: clamp(-80px, -5vw, -32px); }
  html[dir="rtl"] .lap--2 > :first-child { padding-right: clamp(26px, 3.2vw, 46px); padding-left: clamp(46px, 7vw, 116px); }
  html[dir="rtl"] .lap--up > :last-child { margin-right: 0; }
}

/* Verbindungslinien zwischen Karten (horizontal) */
@media (min-width: 900px) {
  html[dir="rtl"] .flow--auto > .card + .card::before { left: auto; right: -70px; }
  html[dir="rtl"] .flow--auto > .card + .card::after { left: auto; right: -47.5px; }
}

/* Dekoration spiegeln */
html[dir="rtl"] .deco--tr { right: auto; left: -12%; }
html[dir="rtl"] .deco--bl { left: auto; right: -14%; }
html[dir="rtl"] .hero--sheet .globe { right: auto; left: -22%; }

/* Formulare: Pfeil im Auswahlfeld links */
html[dir="rtl"] .field select, html[dir="rtl"] .emz select.zammad-form-control, html[dir="rtl"] .wpforms-container select { padding-right: 14px; padding-left: 40px; background-position: 14px 21px, 20px 21px; }
html[dir="rtl"] .emz .zammad-form-group:has([type="checkbox"]) label { padding-left: 0; padding-right: 34px; }
html[dir="rtl"] .emz .zammad-form-checkbox { left: auto; right: 0; }
html[dir="rtl"] :is(input[type="email"], input[type="tel"], input[type="url"]) { direction: ltr; text-align: right; }

/* Code, Adressen, Telefonnummern bleiben links nach rechts */
html[dir="rtl"] :is(pre, code, kbd, samp) { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] pre { text-align: left; }

/* Animationen und Diagramme laufen weiter von links nach rechts */
html[dir="rtl"] :is(.mcg__stage, .gwa__stage, .pl__stage, .hub__stage, .dflow__row, .dflow__bar, .marquee, .flow__rail) { direction: ltr; }
html[dir="rtl"] :is(.gwa__stage, .dflow__row, .marquee) :is(span, b, strong, em, p, li, div) { unicode-bidi: plaintext; }
html[dir="rtl"] .dflow__node { text-align: right; }