/* Markenrot (#A60321) statt Orange. Auf allen Seiten als letztes Stylesheet eingebunden.
   Zum Zuruecknehmen: den <link> auf diese Datei in den Seiten entfernen. */
:root{
  --accent:#a60321;          /* Markenrot: Flaechen und Akzente auf hellem Grund */
  --accent-ink:#a60321;      /* Text auf Papier: Kontrast 6,9:1 */
  --accent-on-dark:#d9364a;  /* Aufgehelltes Rot fuer grosse Schrift und Icons auf dunklem Grund: 3,4:1 auf #242420 */
  --accent-on-dark-small:#e8566a; /* Fuer kleine Schrift auf dunklem Grund: 4,4:1 */
}

/* Dunkle Abschnitte: das dunkle Markenrot waere dort zu schwach (2:1), daher die helle Variante */
:is(.header-contact,.button-dark,.difference,.people) .arrow-ne{color:var(--accent-on-dark)}
.difference h2 em,.line-end{color:var(--accent-on-dark)}
.responsibility-line strong{color:var(--accent-on-dark-small)}
.people-ampersand{color:var(--accent-on-dark)}
.lp-dark em,.lp-dark .arrow-ne{color:var(--accent-on-dark)}
.lp-ki.lp-dark .lp-offer-intro h2 em{color:var(--accent-on-dark)}
.lp-ki.lp-dark>p.eyebrow:first-child{color:var(--accent-on-dark-small)}
.lp-ki.lp-dark .button,.lp-investment-action{box-shadow:4px 4px 0 var(--accent-on-dark)}
.lp-dark :focus-visible,.lp-investment-action:focus-visible{outline-color:var(--accent-on-dark)}

/* Rote Flaechen tragen hellen Text, dunkler Text waere auf Rot nicht lesbar */
.work-tabs button[aria-selected=true]{color:var(--paper)}
.work-tabs button[aria-selected=true] .tab-arrow,.work-tabs button[aria-selected=true] svg{color:var(--paper)}
.contact,.claim-band{background:#9a031f;color:var(--paper)} /* Kontaktflaeche einen Hauch dunkler als das Markenrot */
.contact h2 em,.claim-band em{color:var(--paper)}
.contact-form{color:var(--ink)}
.contact-form .field-error{color:var(--accent-ink)}

/* Formularmeldungen in derselben Farbfamilie */
.form-feedback{border-color:var(--accent);background:#fbecee;color:#7a0218}
.field-error{color:var(--accent-ink)}

/* KI-Beratung: dunkle Abschnitte und Einstiegskarte */
.ki-experience>.eyebrow,.ki-entry-check .eyebrow{color:var(--accent-on-dark-small)}
.ki-experience .arrow-ne,.ki-experience h2 em,.ki-entry-check .arrow-ne{color:var(--accent-on-dark)}
.ki-experience :focus-visible,.ki-entry-check :focus-visible{outline-color:var(--accent-on-dark)}
.ki-page .contact h2 em,.claim-band em{color:var(--paper)}

/* Rechtliches: dunkle Karte */
.legal-card a:hover{color:var(--accent-on-dark-small)}

/* Visitenkarten und QR-Seiten (dunkler Grund) */
.qr-card .eyebrow{color:var(--accent-on-dark-small)}
.qr-frame{box-shadow:7px 7px 0 var(--accent-on-dark)}
.qr-open .arrow-ne{color:var(--accent-on-dark)}
.qr-page a:focus-visible{outline-color:var(--accent-on-dark)}