/* Landingpages „Web Rot/Schwarz“ – mobile-first, keine externen Ressourcen.
   Tokens + Kontraste: docs/design/tokens.md (Abschnitt „Web Rot/Schwarz“).
   Prinzip: Header, Hero, Footer und die Partner-Seite liegen immer auf Schwarz/Anthrazit (.ink),
   lange Fließtexte der Kundenseiten auf heller Fläche (im Dark Mode ebenfalls dunkel).
   Mehrsprachig + RTL (ar): NUR logische Eigenschaften (margin-inline, padding-inline, inset-inline, border-inline,
   text-align:start/end) – kein left/right. Richtungs-Icons: .ico-dir. Preise/Zahlen: <bdi dir="ltr">. */
:root{
  --primary:#B3261E;--primary-hover:#8C1D18;--on-primary:#fff;
  --ink:#141212;--ink-2:#1E1B1A;
  --bg:#fff;--card:#FBF8F7;--surface-2:#F5F2F1;
  --text:#1D1B1A;--muted:#5C5552;--border:#D8C2BF;--outline:#857370;
  --link:#B3261E;--accent:#B3261E;--success:#2E7D32;--warning:#B26A00;
  --warn-bg:#FCEBD2;--on-warn:#4A2C00;--focus:#1D1B1A;
  --radius:12px;--radius-l:16px;--wrap:70rem;
  --shadow:0 1px 2px rgb(0 0 0/.06),0 4px 16px rgb(0 0 0/.06);
  color-scheme:light dark;
}
/* Dunkle Flächen: gleiche Werte für .ink (immer) und für den System-Dark-Mode. */
.ink{
  --primary-hover:#C22921;
  --bg:#141212;--card:#1E1B1A;--surface-2:#262221;
  --text:#fff;--muted:#D3C8C5;--border:#3D3735;--outline:#9C8E8B;
  --link:#F2776D;--accent:#F2776D;--success:#66BB6A;--warning:#E8A33D;
  --warn-bg:#4A3000;--on-warn:#FFE0B2;--focus:#fff;--shadow:none;
  background:var(--bg);color:var(--text);
}
@media (prefers-color-scheme:dark){
  :root{
    --primary-hover:#C22921;
    --bg:#141212;--card:#1E1B1A;--surface-2:#262221;
    --text:#fff;--muted:#D3C8C5;--border:#3D3735;--outline:#9C8E8B;
    --link:#F2776D;--accent:#F2776D;--success:#66BB6A;--warning:#E8A33D;
    --warn-bg:#4A3000;--on-warn:#FFE0B2;--focus:#fff;--shadow:none;
  }
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;background:var(--ink);color:var(--text);
  font:400 1.125rem/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif;
  padding-bottom:calc(5.5rem + env(safe-area-inset-bottom));overflow-wrap:break-word}
/* Arabisch: Systemschriften mit guter Lesbarkeit, mehr Zeilenhöhe, nie Laufweite (trennt verbundene Buchstaben). */
:lang(ar){font-family:system-ui,"Segoe UI","SF Arabic","Geeza Pro","Noto Sans Arabic","Noto Naskh Arabic","Droid Arabic Naskh",Tahoma,Arial,sans-serif;letter-spacing:0!important}
html:lang(ar) body{line-height:1.75}
html:lang(ar) :is(h1,h2,h3,h4){line-height:1.4}
[dir=rtl] .ico-dir{transform:scaleX(-1)}
bdi[dir=ltr]{white-space:nowrap}
main{display:block;background:var(--bg)}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(1.85rem,6vw,3rem);font-weight:800;letter-spacing:-.015em}
h2{font-size:clamp(1.45rem,4vw,2rem);font-weight:800;letter-spacing:-.01em}
h3{font-size:1.15rem;font-weight:700}
p{margin:0 0 1em}
a{color:var(--link);text-underline-offset:.15em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
img,svg{max-width:100%}
ul,ol{padding:0;margin:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:1rem}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:-999px;top:0;background:#fff;color:#141212;padding:.75rem 1rem;z-index:10}
.skip:focus{inset-inline-start:0}
.ico{width:1.25em;height:1.25em;flex:none;vertical-align:-.25em}

/* Header (immer dunkel, rote Linie als Markenzeichen) */
.site-header{border-bottom:3px solid var(--primary);position:sticky;top:0;z-index:5}
.header-row{display:flex;align-items:center;justify-content:space-between;min-height:4rem;gap:.5rem}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--text);font-weight:800;font-size:1.15rem;min-height:48px;min-width:0}
.brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand-mark{width:2.25rem;height:2.25rem;flex:none;color:var(--primary)}
.header-nav{display:flex;align-items:center;gap:.25rem;flex:none}
.header-link{display:inline-flex;align-items:center;min-height:48px;padding:0 .6rem;color:var(--text);font-weight:700;font-size:1rem;text-decoration:none;white-space:nowrap}
.header-link:hover{text-decoration:underline}
.header-pill{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;margin-inline-start:.25rem;
  border:2px solid var(--outline);border-radius:999px;color:var(--text);text-decoration:none;font-weight:700;font-size:1rem;white-space:nowrap}
.header-pill:hover{border-color:var(--text)}

/* Sprachumschalter (<details>, ohne JS) + Hinweis-Balken „auch auf {Sprache}“ */
.lang{position:relative;margin-inline-start:.25rem}
.lang summary{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:0 .7rem;border:2px solid var(--outline);border-radius:999px;
  font-weight:700;font-size:1rem;cursor:pointer;list-style:none;white-space:nowrap;user-select:none}
.lang summary::-webkit-details-marker{display:none}
.lang summary:hover,.lang[open] summary{border-color:var(--text)}
.lang-code{text-transform:uppercase}
.lang-name{display:none}
.lang ul{position:absolute;inset-inline-end:0;top:calc(100% + .4rem);z-index:7;list-style:none;min-width:12rem;padding:.3rem;
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 32px rgb(0 0 0/.45);
  max-height:calc(100vh - 6rem);overflow:auto}
.lang a{display:flex;align-items:center;min-height:48px;padding:0 .9rem;border-radius:8px;border-inline-start:4px solid transparent;
  color:var(--text);text-decoration:none;font-weight:600}
.lang a:hover{background:var(--surface-2)}
.lang a[aria-current]{background:var(--surface-2);border-inline-start-color:var(--accent)}
.lang-hint{position:relative;--bg:#262221;border-bottom:1px solid var(--border);font-size:1rem}
.lang-hint p{display:flex;gap:.5rem;align-items:flex-start;margin-block:0;padding-block:.7rem;padding-inline-end:3.75rem}
.lang-hint .ico{color:var(--accent);margin-top:.15em}
.lang-hint a{font-weight:700;color:var(--text);white-space:nowrap}
/* Schließen ohne JS: unsichtbare Checkbox + Label (×); angehakt → Balken weg. search.js merkt die Wahl im Cookie. */
.lang-hint label{position:absolute;inset-inline-end:.4rem;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;
  cursor:pointer;display:grid;place-items:center;font-size:1.7rem;line-height:1;color:var(--text)}
.lang-hint label:hover{background:var(--border)}
.lang-hint-x:focus-visible+label{outline:3px solid var(--focus);outline-offset:-3px}
.lang-hint-x:checked~*{display:none}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:56px;padding:.8rem 1.4rem;
  border-radius:var(--radius);font-weight:700;font-size:1.125rem;text-decoration:none;text-align:center;
  border:2px solid transparent;cursor:pointer;line-height:1.25;transition:background-color .15s,border-color .15s}
.btn-primary{background:var(--primary);color:var(--on-primary)}
.btn-primary:hover,.btn-primary:active{background:var(--primary-hover);text-decoration:none}
.btn-primary:active{transform:translateY(1px)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--outline)}
.btn-ghost:hover{border-color:var(--text)}
.btn-ghost .ico{color:var(--accent)}
.btn-block{display:flex;width:100%}
.btn-xl{min-height:64px;font-size:1.25rem}

/* Hero (immer dunkel, gedeckter roter Schein oben rechts) */
.hero{padding:2rem 0 2.25rem;border-bottom:1px solid var(--border);
  background:radial-gradient(48rem 26rem at 100% 0,rgb(179 38 30/.26),transparent 62%),var(--bg)}
[dir=rtl] .hero{background:radial-gradient(48rem 26rem at 0 0,rgb(179 38 30/.26),transparent 62%),var(--bg)}
.hero-inner>*{max-width:44rem}
.eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:.875rem;margin-bottom:.75rem}
.lead{font-size:1.2rem;color:var(--muted)}
.hero-points{list-style:none;display:grid;gap:.4rem}
.hero-points li{display:flex;gap:.5rem;align-items:center;font-weight:600}
.hero-points .ico,.check-list .ico{color:var(--success)}
.hero-points{margin:1.25rem 0 0;font-size:1rem}
.cta-note{font-size:.95rem;color:var(--muted);margin:0}
.price-line{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.25rem}
.price-from{font-size:1.75rem;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}
.price-hint{color:var(--muted)}

/* Suche (Hero) – funktioniert ohne JS als GET-Formular auf /buchen/ */
.search{display:grid;gap:.75rem;max-width:40rem;scroll-margin-top:6rem}
.search-label{font-weight:700;font-size:1.1rem}
.search-row{display:grid;gap:.75rem}
.search-field{position:relative}
.search-field>.ico{position:absolute;inset-inline-start:1rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;color:#B3261E;pointer-events:none}
.search input[type=text]{width:100%;min-height:64px;padding:.8rem 1rem;padding-inline-start:3.1rem;font:inherit;font-size:1.2rem;color:#1D1B1A;background:#fff;
  border:2px solid #fff;border-radius:var(--radius)}
.search input[type=text]::placeholder{color:#5C5552;opacity:1}
.search input[type=text]:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-color:var(--primary)}
.suggest{position:absolute;z-index:4;inset-inline:0;top:calc(100% + .35rem);list-style:none;text-align:start;background:#fff;color:#1D1B1A;border:1px solid #D8C2BF;border-radius:var(--radius);
  box-shadow:0 12px 32px rgb(0 0 0/.45);overflow:hidden}
.suggest li{display:flex;flex-direction:column;justify-content:center;min-height:56px;padding:.5rem 1rem;cursor:pointer;border-inline-start:4px solid transparent;line-height:1.3}
.suggest li+li{border-top:1px solid #EFEAE8}
.suggest li[aria-selected=true],.suggest li:hover{background:#F5F2F1;border-inline-start-color:#B3261E}
.suggest strong{font-size:1.05rem}
.suggest span{font-size:.95rem;color:#5C5552}
.search-msg{display:flex;gap:.5rem;align-items:flex-start;margin:0;font-size:1rem;font-weight:600}
.search-msg .ico{color:var(--warning);margin-top:.15em}
[hidden]{display:none!important}

/* Ergebnisliste direkt unter dem Hero (von search.js befüllt) */
.results{padding:1.75rem 0 2rem;border-bottom:1px solid var(--border);scroll-margin-top:4.5rem}
.results h2{margin-bottom:.15em}
.results h2:focus{outline:0}
.res-list{list-style:none;display:grid;gap:.75rem;margin:1rem 0}
.res-card{display:grid;gap:.9rem;background:var(--card);border:1px solid var(--border);border-inline-start:4px solid var(--primary);border-radius:var(--radius-l);padding:1rem 1.1rem;box-shadow:var(--shadow)}
.res-card>div:first-child{min-width:0}
.res-card h3{font-size:1.2rem;margin:0 0 .35rem}
.res-meta{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:0;font-size:1rem;color:var(--muted)}
.res-meta span{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}
.res-meta .ico{width:1.1em;height:1.1em;color:var(--accent)}
.res-side{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.res-price{margin:0;font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15;white-space:nowrap}
.res-price small{display:block;font-size:.875rem;font-weight:400;color:var(--muted);white-space:normal}
.state{display:flex;gap:.75rem;align-items:flex-start;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);padding:1.1rem;margin:1rem 0}
.state>.ico{width:1.75rem;height:1.75rem;color:var(--accent);margin-top:.1rem}
.state-err>.ico{color:var(--warning)}
.state p{margin:.25rem 0 0;color:var(--muted)}
.state-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}
.spin{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* Sections (Kundenseiten) */
.section{padding:2.25rem 0;border-bottom:1px solid var(--border)}
.section:last-child{border-bottom:0}
.steps{list-style:none;counter-reset:s;display:grid;gap:1rem}
.steps li{counter-increment:s;display:grid;grid-template-columns:2.5rem 1fr;column-gap:.9rem;align-items:start}
.steps li::before{content:counter(s);grid-row:span 2;width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;
  background:var(--primary);color:var(--on-primary);font-weight:800}
.steps strong{font-size:1.1rem;line-height:1.3}
.steps span{color:var(--muted);font-size:1rem}
.fine{font-size:.95rem;color:var(--muted)}
.chip-list{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem}
.chip-list+.fine{margin-top:.9rem}
.chip{display:inline-flex;align-items:center;gap:.35rem;min-height:48px;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--border);
  background:var(--card);color:var(--text);text-decoration:none;font-weight:600}
.chip:hover{border-color:var(--outline)}
.chip .ico{color:var(--accent)}
.chip small{font-size:.9rem;font-weight:400;color:var(--muted);margin-inline-start:.25rem}
.check-list{list-style:none;display:grid;gap:.6rem;margin-bottom:1rem}
.check-list li{display:flex;gap:.6rem;align-items:flex-start}
.check-list .ico{margin-top:.2em}

/* FAQ */
.faq details{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);margin-bottom:.6rem}
.faq summary{cursor:pointer;list-style:none;min-height:56px;padding:.9rem 1rem;padding-inline-end:3rem;font-weight:700;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;inset-inline-end:1rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--accent);font-weight:400}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 1rem 1rem;margin:0;color:var(--muted)}

/* Breadcrumb */
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem;font-size:.95rem;padding-top:.25rem;padding-bottom:.25rem}
.breadcrumb li{display:flex;align-items:center;color:var(--muted)}
.breadcrumb li+li::before{content:"›";margin-inline:.4rem}
[dir=rtl] .breadcrumb li+li::before{content:"‹"}
.breadcrumb a{display:inline-block;padding:.5rem 0}

/* Sticky CTA (mobil) */
.sticky-cta{position:fixed;inset-inline:0;bottom:0;z-index:6;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));
  border-top:1px solid var(--border);box-shadow:0 -4px 16px rgb(0 0 0/.25)}

/* Footer (immer dunkel) */
.site-footer{border-top:3px solid var(--primary);padding:2rem 0;font-size:1rem;color:var(--muted)}
.broker-note{display:flex;gap:.6rem;align-items:flex-start;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;color:var(--text)}
.broker-note .ico{color:var(--accent);margin-top:.15em}
.footer-h{font-size:1.05rem;color:var(--text);margin-top:1.5rem}
.link-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.25rem}
.link-list a,.inline-list a{display:inline-block;padding:.6rem 0;min-height:44px}
.site-footer a{color:var(--text)}
.inline-list{list-style:none;display:flex;flex-wrap:wrap;gap:0 1.25rem;margin-top:1rem}
.footer-h+.link-list{margin-bottom:.5rem}
.copy{margin:1rem 0 0}

/* Rechtstexte */
.legal{padding-block:2rem;max-width:46rem}
.legal h2{font-size:1.25rem;margin-top:1.75rem}
.todo{display:flex;gap:.75rem;align-items:flex-start;background:var(--warn-bg);color:var(--on-warn);border:2px dashed var(--warning);border-radius:var(--radius);padding:1rem}
.todo p{margin:0}
.todo .ico{color:var(--on-warn);margin-top:.15em}
.todo-inline{background:var(--warn-bg);color:var(--on-warn);border-inline-start:4px solid var(--warning);padding:.4rem .75rem;border-radius:4px}
.binding{display:flex;gap:.75rem;align-items:flex-start;background:var(--card);border:1px solid var(--border);border-inline-start:4px solid var(--primary);border-radius:var(--radius);padding:1rem}
.binding>.ico{width:1.75rem;height:1.75rem;color:var(--accent);margin-top:.1rem}
.binding p:last-child{margin:0}

/* ---------- #fuer-betriebe (Startseite) – dunkles Band ---------- */
.band{padding:2.75rem 0}
.band-head{max-width:44rem;margin-bottom:1.5rem}
.band-head p{color:var(--muted)}
.band h3.sub{font-size:1.35rem;margin:2.5rem 0 1rem}
.btn-row{display:grid;gap:.75rem;max-width:30rem}
.mock{display:block;height:auto;font-family:inherit;direction:ltr}
.mock-phone{width:11rem;flex:none}
.mock-browser{width:100%;max-width:30rem}
.apps{display:grid;gap:1rem;margin-top:2rem}
.app{display:grid;gap:1.25rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);padding:1.25rem}
.app-fig{display:flex;justify-content:center}
.app-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:.4rem}
.app h3{font-size:1.4rem}
.app .check-list{font-size:1rem;margin:0}
.badges{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.badge{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.3rem .8rem;border:1px dashed var(--outline);border-radius:var(--radius);font-size:.95rem;line-height:1.2}
.badge small{display:block;font-size:.75rem;color:var(--muted)}
.badge .ico{width:1.4rem;height:1.4rem;color:var(--muted)}
.benefits{list-style:none;display:grid;gap:.75rem}
.benefits li{display:flex;gap:.75rem;align-items:flex-start;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;font-size:1rem;color:var(--muted)}
.benefits strong{display:block;color:var(--text);font-size:1.05rem}
.benefits .ico{width:1.5rem;height:1.5rem;color:var(--accent);margin-top:.15rem}
.plans{list-style:none;display:grid;gap:1rem;align-items:stretch}
.plan{display:flex;flex-direction:column;background:var(--card);border:2px solid var(--border);border-radius:var(--radius-l);padding:1.25rem}
.plan-hl{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 12px 40px rgb(179 38 30/.22)}
.plan-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:.35rem;background:var(--primary);color:var(--on-primary);font-weight:700;font-size:.875rem;padding:.25rem .7rem;border-radius:999px;margin-bottom:.75rem}
.plan h4{font-size:1.3rem;margin:0 0 .25rem}
.plan-desc{color:var(--muted);font-size:1rem;margin-bottom:.5rem}
.plan-price{margin:.25rem 0 .5rem;font-variant-numeric:tabular-nums}
.plan-price strong{font-size:2rem;font-weight:800;letter-spacing:-.01em}
.plan-price span{color:var(--muted);font-size:1rem}
.plan-trial{display:flex;gap:.4rem;align-items:center;font-weight:600;font-size:1rem;margin-bottom:.5rem}
.plan-trial .ico{color:var(--success)}
.plan-comm{font-size:1rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.6rem 0;margin:.5rem 0 1rem}
.plan-comm span{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.plan .check-list{font-size:1rem;margin-bottom:1.25rem}
.plan .btn{margin-top:auto}
.band-end{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border)}
.band-end p{color:var(--muted);max-width:44rem}

/* Tablet/Desktop */
@media (min-width:40rem){
  .wrap{padding-inline:1.5rem}
  .lang-name{display:inline}.lang-code{display:none}
  .steps,.benefits{grid-template-columns:1fr 1fr}
  .search-row{grid-template-columns:1fr auto}
  .search-row .btn{min-height:64px}
  .search .btn-geo{justify-self:start}
  .hero-points{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem}
  .res-card{grid-template-columns:1fr auto;align-items:center}
  .res-side{gap:1.5rem}
  .res-price{text-align:end}
  .btn-row{grid-template-columns:auto auto;justify-content:start;max-width:none}
  .app-phone{grid-template-columns:11rem 1fr;align-items:center}
  .plans{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
}
@media (min-width:64rem){
  body{padding-bottom:0}
  .sticky-cta{display:none}
  .hero{padding:3.5rem 0}
  .band{padding:4.5rem 0}
  .steps{grid-template-columns:repeat(4,1fr)}
  .steps li{grid-template-columns:1fr}
  .steps li::before{grid-row:auto;margin-bottom:.5rem}
  .apps{grid-template-columns:1fr 1fr}
  .app{padding:1.75rem}
  .benefits{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:29.99rem){.header-pill{display:none}}
/* Schmale Handys: Nav-Link darf zweizeilig werden (lange Übersetzungen), bei 320 px weicht er dem Sprachumschalter (Link bleibt im Footer). */
@media (max-width:30rem){.brand{font-size:1.05rem;gap:.45rem}.brand-mark{width:2rem;height:2rem}
  .header-link{white-space:normal;text-align:center;line-height:1.15;font-size:.875rem;max-width:5.75rem;padding:0 .2rem}
  .lang{margin-inline-start:0}.lang summary{padding:0 .5rem;gap:.25rem;font-size:.95rem}}
@media (max-width:22.5rem){.brand{font-size:1rem}.header-link{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{.sticky-cta,.site-header,.search,.lang-hint{display:none}body{padding:0}}