/* NEXUS Corporate Color System 1.0
   NEXUS-Blau ist die verbindende Farbe der Unternehmenswebsite.
   Produkt-/Statusfarben bleiben in Grafiken, Diagrammen, Badges und funktionalen Zuständen erhalten.
   Redaktionelle Hervorhebungen, Navigation und primäre CTAs werden vereinheitlicht. */

/* Markenakzent in Seitentiteln: keine Produktverläufe in redaktionellem Text. */
body main h1 em{
  background:none!important;
  color:var(--blau-hell)!important;
  -webkit-text-fill-color:currentColor!important;
}

/* Redaktionelle Hervorhebungen auf hellen Flächen. */
body main h2 em,
body main h3 em{
  background:none!important;
  color:var(--blau)!important;
  -webkit-text-fill-color:currentColor!important;
}

/* Auf dunklen Flächen helles NEXUS-Blau für ausreichenden Kontrast. */
.trust h2 em,
.by-journey h2 em,.by-independent-copy h2 em,
.cl-example h2 em,.cl-place h2 em,
.cw-example h2 em,.cw-boundary h2 em,
.cg-update h2 em,.cg-sender h2 em,
.hp-designer h2 em,
.pt-demo h2 em,.pt-metric h3 em,
.gs-lab h2 em,.gs-connection h2 em,.gsx-dark h2 em,.gsx-rating h2 em,
.kd-lab h2 em,.kd-questions h2 em,
.si-lab h2 em,.si-bottom h2 em,
.tv-lab h2 em,.tv-questions h2 em,
.zs-journey h2 em,.zs-status h2 em,
.ctx-dark h2 em,
.co-solutions h2 em,.cox-dark h2 em,
.im-dark h2 em,.dz-bottom h2 em,
.ds-lab h2 em,.ds-next h2 em,
.ls-feature-copy h2 em,.ls-room-copy h2 em,.ls-together h2 em,.ls-contact h2 em{
  color:var(--blau-hell)!important;
}

/* Aktive Navigation immer NEXUS-Blau. */
.nav-link.is-current::after,
.nav-trigger.is-current::after,
.nav-link[aria-current="page"]::after,
.nav-trigger[aria-current="page"]::after{
  background:var(--blau)!important;
}

/* Primäre Handlungsbuttons gehören zur Unternehmensmarke, nicht zur Produktfarbe. */
.cl-btn,.cg-btn,.hp-btn-gold,.pt-btn,.gs-btn,.si-btn,.ds-btn,.dz-btn,.im-btn{
  background:var(--blau)!important;
  border-color:var(--blau)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.cl-btn:hover,.cg-btn:hover,.hp-btn-gold:hover,.pt-btn:hover,.gs-btn:hover,.si-btn:hover,.ds-btn:hover,.dz-btn:hover,.im-btn:hover{
  background:#2A80F5!important;
  border-color:#2A80F5!important;
  color:#fff!important;
  filter:none!important;
}

/* Redaktionelle Links: NEXUS-Blau auf hell, helles Blau auf dunkel. */
.ls-green .text-link,.si-link-dark,.ds-link,.kd-prod-clara a{
  color:var(--blau)!important;
  border-color:rgba(10,108,240,.35)!important;
}
.cl-textlink,.cg-textlink,.hp-textlink,.pt-textlink,.gs-textlink,.si-textlink,
.kd-textlink,.tv-textlink,.ds-textlink,.ls-hero-textlink{
  color:var(--blau-hell)!important;
  border-color:rgba(92,163,255,.5)!important;
}

/* GreenSeal auf der Lösungsübersicht: Produktgrafik grün, redaktioneller Text corporate. */
.ls-green .eyebrow,.ls-green h2 em{color:var(--blau)!important}
.ls-green-copy>p:not(.eyebrow){color:var(--schiefer)!important}

/* RoomControl: warme Farben bleiben in der Zimmer-/Temperaturgrafik, nicht im Fließtext. */
.rcx-head h2 em{color:var(--blau)!important}

/* Unternehmens-/Rechts-/Kontakttexte ohne unnötige Fremdfarbakzente. */
.dsx-law p{color:var(--tinte)!important}
.ct-form-head small{background:var(--blau-zart)!important;color:#1F5A9E!important}

/* Bestehende Produktseiten: redaktionelle Textakzente explizit absichern. */
.cg-eyebrow,.cg-eyebrow-dark,.cg-section h2 em,.cg-detail-k,
.hp-eyebrow,.hp-flow .hp-eyebrow,.hp-final .hp-eyebrow,.hp-step-k,.hpx-eyebrow,.hpx-terms h2 em,
.pt-eyebrow,.pt-eyebrow-dark,.pt-section h2 em,.ptx h2 em,.ptx-eyebrow,
.gs-dark,.gs-section h2 em,.gs-k,.gs-card-k,
.si-eyebrow,.si-section h2 em,.si-k,.si-link-dark,.si-card-k,.six-calc-k,.six-ready,
.cl-eyebrow-dark,.cl-section h2 em,.clx h2 em,.clx-eyebrow,.clx-core-h em,
.cwx-eyebrow,.cwx-benefit h2 em{
  color:var(--blau)!important;
}

/* Kleine Labels auf dunklen Produktflächen. */
.hp-metric-k,.hp-final-k,.hpx-eyebrow-l,.hpx-note-k,.hpx-persp-k,
.pt-metric-k,.pt-final-k,
.gs-contact-k,.gsx-dark .gs-dark,.gsx-dark .gs-k,.gsx-rating h2 em,.gsx-rtab .gs-k,
.si-tag,.cg-flow-k,.cg-end-k{
  color:var(--blau-hell)!important;
}
