/* Intentionally no header color overrides on desktop.
   Original per-site desktop header/menu colors remain authoritative.
   Mobile-Fixes stehen im @media-Block. */

/* (#3) termbase: 3-Länder-Telefongruppe in EIGENE Zeile unter die CTA-Buttons
   (statt inline gequetscht <1280). Greift NUR auf Seiten mit .hero-tel-group
   = termbase; .com/.at/.ch haben keine -tel-group -> unberührt. Alle Viewports. */
.hero .cta-row .hero-tel-group{flex-basis:100%!important}

@media (max-width:767px),(max-width:1024px) and (orientation:portrait){
  /* (a-new) Kopfzeile mobil #f7f4f7 (nur Hintergrund) */
  header{background:#f7f4f7!important}
  /* (a) Keine dekorativen Icons an Telefonnummern */
  a.hero-tel span.ico,.hero-tel span.ico,.foot-phone span.ico,.foot-cta .foot-phone span.ico{font-size:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important}
  a.hero-tel span.ico::before,.hero-tel span.ico::before,.foot-phone span.ico::before,.foot-cta .foot-phone span.ico::before{display:none!important;content:none!important;background:none!important;-webkit-mask:none!important;mask:none!important}
  /* (c) Tap-Reaktion CTA-Buttons */
  .stickycta .btn,.foot-cta .btn,.hero .cta-row .btn{touch-action:manipulation}
  /* (d) Logo-Wand NUR MOBIL auf justiz-Wert 128px */
  .kdlogos-track .kdlogos-cell{flex:0 0 128px!important;width:128px!important;padding:0 6px!important}
  /* (f) Schritt-Kicker mittig */
  body .k{text-align:center!important}
}

/* Hero-H1: lange Komposita (Fachuebersetzungsdienst) voll ausschreiben, NIE mitten im Wort brechen/trennen (golden-parity) */
.hero h1{overflow-wrap:normal!important;word-break:normal!important;-webkit-hyphens:none!important;hyphens:none!important}
.hero .hero-tel{color:#fff!important}

@media (max-width:820px){/* Quote/Contact-Formular gestapelt (<=820, quotecard-Breakpoint) plain + Formularfarbe (kein weisser Rand ums Formular; wie dokument-hochladen) */.quotesec{padding-block:0!important;background:#e0c7da!important}.quotesec>.wrap{padding-left:14px!important;padding-right:14px!important}.quotesec .quotecard{box-shadow:none!important;max-width:none!important;margin:0!important;background:transparent!important;padding-top:20px!important;padding-bottom:30px!important}.quotesec .foot-cta__form{padding-top:4px!important}}

/* NEXT-Sektion (Leistungen/Fachgebiete/Dokumente/Sprachen): Link-Font sitewide 13px auf Desktop -> symmetrische Spalten, weniger Umbrueche (Owner-Design-Entscheid) */
@media(min-width:768px){.linkcols a{font-size:13px!important}}

/* Hero-Lead Inline-Links: weiss (= Lead-Farbe) + ohne Unterstrich, AUCH auf Desktop.
   Die mfix-Regel dazu ist media-gated (nur mobil); hier global, damit Desktop nicht plum/underline zeigt. */
.hero .lead a{color:inherit!important;text-decoration:none!important}

/* termbase hat KEINEN Sprachwechsler neben dem Burger (FÜD schon) -> nichts traegt margin-left:auto.
   Burger selbst nach rechts schieben; Spezifitaet (0,3,1) schlaegt die Bundle-Regel .wrap.nav .burger{margin-left:0}. */
header .wrap.nav .burger{margin-left:auto!important}

/*h1-seo-width*/.hero h1[style*="--n"]{max-width:26ch!important}

/*sec-lead-parity*/
h3.sec-lead{font-size:clamp(29px,4.1vw,48px)!important;line-height:1.05!important;letter-spacing:-.022em!important;color:#211a24!important;margin:0 0 .3em!important}
.faqdark h3.sec-lead,.career-brochure h3.sec-lead,.foot-cta h3.sec-lead{color:#fff!important}

/*eyebrow-heading-gap (unified p+h2)*/
section:not(.hero):not(.foot-cta):not(.career-brochure):not(.faqdark) .eyebrow:has(+ :is(h1,h2,h3,h4,h5,h6)){margin-bottom:18px!important}
@media(max-width:640px){section:not(.hero):not(.foot-cta):not(.career-brochure):not(.faqdark) .eyebrow:has(+ :is(h1,h2,h3,h4,h5,h6)){margin-bottom:12px!important}}

/*routercard-icon-center-mobile*/
@media (max-width:767px),(max-width:1024px) and (orientation:portrait){.routercard__ic{align-self:center}}

/*mobile-sticky-cta 2026-09-11: schlanke schwebende Leiste — hebt die Buttons aus der iOS-Safari-Toolbar-Zone (1-Tap statt 2) + schmaler; body-Spezifitaet schlaegt mfix ordnungsunabhaengig; heller Rahmen zum dunklen mfix-Balken; im Mobile-@media gekapselt (kein Desktop-Leak)*/
@media (max-width:767px),(max-width:1024px) and (orientation:portrait){
body .stickycta{left:10px!important;right:10px!important;bottom:calc(env(safe-area-inset-bottom) + 16px)!important;padding:7px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;box-shadow:0 10px 26px -8px rgba(0,0,0,.5)!important}
body .stickycta .btn{padding:11px 8px!important}
}
@media (hover:none){body .stickycta .btn:hover{transform:none!important}body .stickycta .btn-primary:hover{background:var(--magenta,#ff2d86)!important;filter:brightness(.9)!important;box-shadow:none!important}body .stickycta .btn-outline:hover{filter:brightness(.9)!important}}

/* Hero-Lead „Cinematic" + Blocksatz — sitewide 2026-09-11 (approved auf fuehrerschein) */
@media (min-width:641px){.hero .grad{background:linear-gradient(96deg,rgba(16,7,18,.95) 0%,rgba(20,10,22,.86) 32%,rgba(28,15,30,.44) 64%,rgba(48,38,52,.06) 100%)}}
.hero .lead{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;text-shadow:0 1px 3px rgba(0,0,0,.42)}