/* Trinity — Kopfbalken (Freigabe Jeannine 07.09.2026: Variante C dunkel, Brett _arbeitsmaterial/Vorschau-Kopfbalken.html)
   EIN Baustein für Formulare 1.1–1.6, Portal (index.html), Rechtsseiten, Newsletter, Erstgespräch, Coach-Registrierung.
   Aufbau: randloses Band · Bildmarke klein links · Untertitel als kleines Label rechts · grosser Titel mit Gold-Initiale
   (trinity-initiale.css) · Lilie dezent rechts (nur Trinity-Marke, per CSS — kein JS nötig). Eyebrow-Zeile entfällt.
   Markup bleibt: .header/.portal-header › .fhead-logo|.portal-logo · .fhead-eyebrow|.portal-eyebrow · .fhead-title|.portal-title · .fhead-sub|.portal-sub
   Ausrichtung ist immer links — die Studio-Option «Ausrichtung» ist entfallen (Entscheid Jeannine 07.09.2026).
   Nach trinity-initiale.css laden. */
.header,.portal-header{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"logo sub" "eyebrow eyebrow" "titel titel";align-items:center;column-gap:16px;row-gap:0;position:relative;isolation:isolate;overflow:hidden;z-index:1;margin:0 0 8px;padding:16px max(16px,calc(50% - 364px)) 20px;text-align:left;background:linear-gradient(180deg,var(--c-header-top,#17170b) 0%,var(--c-header-bottom,#0c0d07) 100%);border-bottom:1px solid rgba(var(--c-primary-rgb,168,137,80),.28);color:var(--c-on-ink,var(--cream,#e8ddcf))}
html[data-header-image="1"] .header,html[data-header-image="1"] .portal-header{background-image:linear-gradient(var(--c-header-dim,rgba(12,13,7,.5)),var(--c-header-dim,rgba(12,13,7,.5))),var(--c-header-image);background-size:cover;background-position:center;background-repeat:no-repeat}
/* Lilie: Trinitys Bildmarke, dezent rechts, unten weich auslaufend. Fremdes Branding und eigenes Coach-Ornament (brand.js) zeigen sie nicht. */
.header::before,.portal-header::before{content:'';position:absolute;top:0;right:-14px;width:200px;height:100%;background:url('lily-corner.webp') top right/200px auto no-repeat;opacity:.28;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 96%);mask-image:linear-gradient(to bottom,#000 55%,transparent 96%)}
.header::after,.portal-header::after{content:none}
html[data-marke="fremd"] .header::before,html[data-marke="fremd"] .portal-header::before,.header:has(#_brand_lily_top)::before,.portal-header:has(#_brand_lily_top)::before,.header:has([data-brand-ornament])::before,.portal-header:has([data-brand-ornament])::before{display:none}
html[data-header="light"] .header::before,html[data-header="light"] .portal-header::before{filter:brightness(.4) saturate(1.1);opacity:.16}
#_trinity_lily_top,#_trinity_lily_top_right{display:none!important}
/* Eigenes Coach-Ornament (brand.js) sitzt an derselben Stelle */
.header #_brand_lily_top,.header [data-brand-ornament],.portal-header #_brand_lily_top,.portal-header [data-brand-ornament]{position:absolute;top:0;right:0;bottom:0;max-width:34%;z-index:0;pointer-events:none;line-height:0}
.header #_brand_lily_top img,.header [data-brand-ornament] img,.portal-header #_brand_lily_top img,.portal-header [data-brand-ornament] img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:right center;opacity:.35}
/* Bausteine */
.header>*,.portal-header>*{position:relative;z-index:1}
.header .fhead-logo,.portal-header .portal-logo{grid-area:logo;height:30px!important;width:auto!important;max-width:200px;object-fit:contain;display:block;margin:0;filter:none;mix-blend-mode:normal}
.header .brand-wordmark,.portal-header .brand-wordmark{grid-area:logo;font-family:var(--font-body,'Montserrat',sans-serif);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--c-on-ink,var(--cream,#e8ddcf));white-space:nowrap}
.header .fhead-logo[hidden]+.brand-wordmark,.portal-header .portal-logo[hidden]+.brand-wordmark{grid-area:logo}
/* Eyebrow (Entscheid Jeannine 09.09.2026): erscheint nur, wenn im Studio befüllt — leer bleibt der Kopf wie in der Freigabe vom 07.09. */
.header .fhead-eyebrow,.portal-header .portal-eyebrow{grid-area:eyebrow;display:block;margin:14px 0 -6px;font-family:var(--font-body,'Montserrat',sans-serif);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--c-header-eyebrow,var(--c-header-sub,rgba(232,221,207,.72)))}
.header .fhead-eyebrow:empty,.portal-header .portal-eyebrow:empty{display:none}
.header .fhead-sub,.portal-header .portal-sub{grid-area:sub;justify-self:end;text-align:right;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;/* 11.09.2026: keine 62%-Begrenzung mehr — eigene Rasterzelle, kann nicht ins Logo laufen; kürzt erst, wenn die Zelle wirklich voll ist */font-family:var(--font-body,'Montserrat',sans-serif);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;color:var(--c-header-sub,rgba(232,221,207,.72))}
.header .fhead-title,.portal-header .portal-title{grid-area:titel;min-width:0}
/* Titelgrössen setzt trinity-initiale.css (28px, Handy 19px) */
@media (max-width:620px){.header,.portal-header{padding:14px 16px 18px;column-gap:12px}.header::before,.portal-header::before{width:120px;right:-10px;background-size:120px auto}.header .fhead-logo,.portal-header .portal-logo{height:26px!important}.header .fhead-sub,.portal-header .portal-sub{font-size:9.5px;letter-spacing:.1em}}
@media print{.header::before,.portal-header::before{display:none}}