/* Der Header besitzt ausschließlich eigene Layout- und Navigationsregeln. */
.layout--full .site-header{position:relative;display:flex;justify-content:space-between;min-height:88px;padding:0 max(28px,calc((100vw - 1260px)/2));background:#fff;border-bottom:1px solid var(--border)}
.layout--full .brand{color:var(--primary);margin:0}
.layout--full .header-nav{padding:0}
.site-header{position:absolute;z-index:5;inset:0 0 auto;display:grid;grid-template-columns:var(--hero-width) 1fr;align-items:center;min-height:104px;pointer-events:none}
.site-header a{pointer-events:auto}
.brand{display:inline-flex;align-items:center;gap:11px;color:#fff;justify-self:start;margin-left:clamp(32px,4.1vw,72px);line-height:1}
.brand-mark{width:37px;height:37px}
.brand-wordmark{font-size:32px;font-weight:750;letter-spacing:-1.5px}
.brand-domain{font-size:17px;font-weight:450;letter-spacing:-.4px;opacity:.73;margin-left:1px}
.header-nav{display:flex;justify-content:flex-end;align-items:center;gap:27px;padding:0 clamp(24px,3.5vw,62px);font-size:12px}
.header-about{color:var(--muted);transition:color .15s;white-space:nowrap}
.header-about:hover{color:var(--primary)}
.header-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:650;white-space:nowrap}
.header-link .icon{width:16px;height:16px}
@media(max-width:1100px){.header-nav{gap:19px}.header-about{display:none}.brand{margin-left:32px}}
@media(max-width:800px){.site-header{position:relative;display:flex;justify-content:space-between;min-height:80px;padding:0 24px;background:#fff}.brand{color:var(--primary);margin:0;gap:8px}.brand-wordmark{font-size:28px}.brand-domain{font-size:15px}.brand-mark{width:32px;height:32px}.header-nav{padding:0;font-size:12px}.header-about{display:none}}
@media(max-width:380px){.site-header{padding:0 18px}.brand-wordmark{font-size:25px}.brand-mark{width:29px;height:29px}.header-link{gap:5px}.header-link .icon{display:none}}