/* ENV Nav 2026 — eigenständige, kollisionsfreie Header-Komponente (1:1 Home-Look).
   Eigene Schriften (exakt die Home-Font-Dateien) + eigene xn__-Klassen, damit Rendering
   identisch zur Startseite ist, unabhängig vom seiteneigenen CSS. */
@font-face{font-family:'XNSerif';font-style:normal;font-weight:400;font-display:swap;src:url('../home2026/Lora-Regular.ttf') format('truetype');font-synthesis:none}
@font-face{font-family:'XNSans';font-style:normal;font-weight:100 900;font-display:swap;src:url('../home2026/DMSans-Variable.woff2') format('woff2');font-synthesis:none}

.xn{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;transition:border-color .16s ease,box-shadow .16s ease}
.xn.scrolled{border-bottom-color:#edf0f4;box-shadow:0 1px 0 rgba(13,27,42,.04)}
.xn *,.xn *::before,.xn *::after{box-sizing:border-box}
.xn__inner{max-width:1140px;margin:0 auto;padding:0 40px;height:78px;display:flex;align-items:center;justify-content:space-between}
.xn__logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.xn__logo img{height:42px;width:auto;display:block;border-radius:0}
.xn__brand{font-family:'XNSerif',Georgia,'Times New Roman',serif;font-weight:500;font-size:17px;letter-spacing:-.01em;color:#0d1b2a;line-height:1.05;font-synthesis:none}
.xn__menu{display:flex;gap:32px;align-items:center}
.xn__link{font-family:'XNSans','Helvetica Neue',Arial,sans-serif;font-size:14px;font-weight:500;color:#5a6b83 !important;text-decoration:none !important;border-bottom:2px solid transparent;padding-bottom:4px;transition:color .12s,border-color .12s;white-space:nowrap;background:none;font-synthesis:none}
.xn__link:hover{color:#0d1b2a !important}
.xn__link--active{color:#0d1b2a !important;border-bottom-color:#3dd4e8}
.xn__cta{font-family:'XNSans','Helvetica Neue',Arial,sans-serif;font-weight:600;font-size:14px;letter-spacing:.01em;background:#3dd4e8 !important;color:#0d1b2a !important;padding:0 22px;height:46px;border-radius:4px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;text-decoration:none !important;transition:background .16s,transform .16s;white-space:nowrap;cursor:pointer;font-synthesis:none}
.xn__cta:hover{background:#5be1f3 !important;transform:translateY(-1px);color:#0d1b2a !important}
.xn__toggle{display:none;background:none;border:none;cursor:pointer;padding:10px}
.xn__toggle span{display:block;width:24px;height:2px;background:#0d1b2a;margin:5px 0;transition:.2s}
.xn__mobile{display:none}
@media (max-width:920px){
  .xn__inner{padding:0 24px}
  .xn__menu{display:none}
  .xn__toggle{display:block}
  .xn__mobile.show{display:block;background:#fff;border-top:1px solid #edf0f4;padding:16px 24px 24px}
  .xn__mobile a{display:block;padding:12px 0;font-family:'XNSans',sans-serif;font-size:16px;font-weight:500;color:#0d1b2a;text-decoration:none;border-bottom:1px solid #edf0f4}
  .xn__mobile .xn__cta{width:100%;margin-top:16px}
}