/* FOKALiS – en.css
   Nur für die englischen Seiten unter /en/ (lädt dort als letzte CSS-Datei, nach der Seiten-CSS).
   Enthält ausschließlich, was die englische Fassung zusätzlich braucht – die deutschen Seiten laden diese Datei nicht. */

/* ---------- Menü- und Fußlinks, die auf deutsche Seiten führen (Shop, Insights) ---------- */
.nav-de{display:inline-flex;align-items:center;flex:none;margin-left:7px;padding:2px 5px 1px;border:1px solid var(--line-dark);border-radius:999px;
  font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.12em;line-height:1.3;text-transform:uppercase;color:var(--on-dark-muted);
  vertical-align:2px;transition:color .5s,border-color .5s}
.nav-list>li>a:hover .nav-de,.footer-col a:hover .nav-de{color:var(--white);border-color:rgba(255,255,255,.35)}
@media (max-width:1199px){
  /* Handy-Menü: Name und Kennzeichen zusammen links, der Goldpunkt bleibt rechts */
  .nav-list>li>a[hreflang="de"]{justify-content:flex-start}
  .nav-list>li>a[hreflang="de"]::after{margin-left:auto}
  .nav-list>li>a .nav-de{align-self:center;margin-left:12px;font-size:10px;padding:3px 7px 2px}
}

/* ---------- Fuß: Hinweis zu den Rechtstexten (nur auf Deutsch) ---------- */
.footer-legal-note{flex-basis:100%;max-width:72ch;font-size:12px;line-height:1.6;color:var(--on-dark-muted);opacity:.85}

/* ---------- Kundenstimmen: Original auf Deutsch, darunter die Übersetzung ---------- */
.quote-translation,.voice-translation{margin:0;font-family:var(--font-body);font-weight:300;font-size:14px;line-height:1.6;color:var(--on-dark-muted)}
.quote-translation-label{display:block;margin-bottom:4px;font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--on-dark-muted)}
.quote{gap:20px}
.voice-text{display:grid;gap:16px;min-width:0}
.voice-translation{font-size:15px;max-width:52ch}

/* ---------- Texte, die in der Seiten-CSS stehen (content:) ---------- */
.dt-block--routine::before{content:"free"}                                   /* AI Automation: frei gewordener Platz */
.wall-item::before{content:"No. " counter(wall,decimal-leading-zero)}        /* Clients: Nummer im Kundenarchiv */
.no-js .booking-widget[data-termine]:empty::before{content:"Preview: the FOKALiS CMS adds online booking here when the site is published."}