/* 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}
