/* Navigation 2027 (Mockup 17.10.2026): Header, Mega-Menue, Suche, Drawer. Alles unter .n2* gekapselt. */
.n2,.n2 *,.n2-drawer,.n2-drawer *,.n2-overlay{box-sizing:border-box}
.n2,.n2-drawer{--n2-forest:#0F4A38;--n2-brand:#16845B;--n2-mint:#E8F5EE;--n2-ink:#0F1F18;--n2-mut:#5F6F67;--n2-line:#E4EBE7}
.n2{position:sticky;top:0;z-index:300;background:#fff;border-bottom:1px solid var(--n2-line);color:var(--n2-ink);transition:box-shadow .2s}
.n2.is-stuck{box-shadow:0 2px 14px rgba(15,74,56,.09)}
.n2 a,.n2-drawer a{text-decoration:none}
.n2-i{flex:none;display:block}
.n2-wrap{max-width:1440px;margin:0 auto;padding:0 28px;position:relative}
.n2-bar{display:flex;align-items:center;height:72px;gap:12px}
.n2-logo{display:flex;align-items:center;gap:8px;color:var(--n2-ink);flex:none;margin-right:12px}
.n2-logomark{display:flex;width:28px;height:28px;align-items:center;justify-content:center}
.n2-logotext{font-size:24px;font-weight:800;letter-spacing:-.015em;color:var(--n2-ink);line-height:1}
.n2-nav{display:flex;align-items:center;gap:0;flex:1;min-width:0}
.n2-item{position:relative}
.n2-link{position:relative;display:flex;align-items:center;gap:4px;height:72px;padding:0 11px;font-size:14.5px;font-weight:500;color:var(--n2-ink);white-space:nowrap;background:none;border:0;cursor:pointer;font-family:inherit;transition:color .15s}
.n2-link::after{content:"";position:absolute;left:11px;right:11px;bottom:14px;height:2px;border-radius:2px;background:var(--n2-brand);transform:scaleX(0);transition:transform .16s}
.n2-link:hover{color:var(--n2-brand)}
.n2-link.is-active,.n2-item.is-open>.n2-link{color:var(--n2-brand);font-weight:600}
.n2-link.is-active::after,.n2-item.is-open>.n2-link::after{transform:scaleX(1)}
.n2-link:focus-visible{outline:2px solid var(--n2-brand);outline-offset:-4px;border-radius:8px}
.n2-chev{display:none;transform:rotate(180deg)}
.n2-item.is-open .n2-chev{display:inline-flex}
.n2-actions{display:flex;align-items:center;gap:2px;margin-left:auto;flex:none}
.n2-ico{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;background:none;border-radius:10px;color:var(--n2-ink);cursor:pointer;flex:none;padding:0;transition:background .15s,color .15s}
.n2-ico:hover{background:var(--n2-mint);color:var(--n2-forest)}
.n2-ico:focus-visible,.n2-chip:focus-visible,.n2-cta:focus-visible,.n2-btn:focus-visible,.n2-drow:focus-visible,.n2-m-a:focus-visible,.n2-dd-link:focus-visible{outline:2px solid var(--n2-brand);outline-offset:2px}
.n2-ico[aria-expanded="true"]{background:var(--n2-forest);color:#fff}
.n2 #cp-wish-btn[hidden]{display:inline-flex!important}
.n2 .cp-wish-badge{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--n2-brand);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;display:flex;align-items:center;justify-content:center}
.n2 .cp-wish-badge.is-zero{display:none}
.n2 .cp-acct{display:block!important;position:relative}
.n2 .cp-acct-drop{right:0;left:auto;top:calc(100% + 8px);z-index:320}
.n2-burger{display:none}
.n2-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;margin-left:12px;border-radius:10px;background:var(--n2-forest);color:#fff!important;font-size:14.5px;font-weight:600;white-space:nowrap;transition:background .15s,transform .1s}
.n2-cta:hover{background:var(--n2-brand)}
.n2-cta:active{transform:translateY(1px)}
.n2-cta--m{display:none}
/* Mega-Menue */
.n2-mega{position:absolute;left:28px;right:28px;top:calc(100% + 4px);display:grid;grid-template-columns:minmax(240px,300px) repeat(3,minmax(0,1fr)) minmax(300px,380px);gap:28px;padding:20px;background:#fff;border:1px solid var(--n2-line);border-radius:18px;box-shadow:0 20px 50px rgba(15,74,56,.15);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s,transform .16s,visibility .16s;z-index:5}
.n2-mega::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.n2-mega.is-open{opacity:1;visibility:visible;transform:none}
.n2-m-promo{display:flex;flex-direction:column;background:#F4F9F6;border-radius:14px;overflow:hidden}
.n2-m-promo img{width:100%;height:150px;object-fit:cover;display:block}
.n2-m-promo-t{font-size:22px;font-weight:800;padding:14px 18px 4px;letter-spacing:-.01em}
.n2-m-promo p{margin:0;padding:0 18px 14px;font-size:14px;line-height:1.45;color:var(--n2-mut)}
.n2-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;margin:auto 18px 18px;padding:0 18px;border-radius:10px;background:var(--n2-forest);color:#fff!important;font-size:14px;font-weight:600;transition:background .15s}
.n2-btn:hover{background:var(--n2-brand)}
.n2-m-col{display:flex;flex-direction:column;min-width:0}
.n2-m-h{font-size:15px;font-weight:700;margin:2px 0 10px;padding:0 8px}
.n2-m-a{display:flex;align-items:center;gap:12px;min-height:38px;padding:4px 8px;border-radius:8px;font-size:14.5px;color:#1B2A23;transition:background .12s,color .12s}
.n2-m-a svg{color:var(--n2-brand)}
.n2-m-a:hover{background:var(--n2-mint);color:var(--n2-forest)}
.n2-m-a--img{min-height:44px}
.n2-m-a--img img{width:34px;height:34px;border-radius:8px;object-fit:cover;background:#EEF3F0;flex:none}
.n2-m-all{display:inline-flex;align-items:center;gap:6px;margin:8px 8px 0 auto;font-size:14px;font-weight:700;color:var(--n2-brand)}
.n2-m-all:hover{color:var(--n2-forest)}
.n2-m-chart{background:#F4F9F6;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.n2-ch-head{display:flex;align-items:flex-start;gap:10px}
.n2-ch-head>div{flex:1;min-width:0}
.n2-ch-ico{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#E1F1E8;color:var(--n2-brand);flex:none}
.n2-ch-ico--s{background:#fff}
.n2-ch-title{font-size:15px;font-weight:700}
.n2-ch-sub{font-size:12.5px;color:var(--n2-mut);line-height:1.35}
.n2-ch-go{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--n2-forest);flex:none;box-shadow:0 1px 3px rgba(15,74,56,.12)}
.n2-ch-go:hover{background:var(--n2-forest);color:#fff}
.n2-ch-plot{height:118px}
.n2-ch-plot svg{width:100%;height:100%;display:block}
.n2-ch-foot{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:12px 14px}
.n2-ch-foot>div{flex:1}
.n2-ch-k{font-size:12.5px;color:var(--n2-mut)}
.n2-ch-v{font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.2}
.n2-ch-badge{font-size:13px;font-weight:700;border-radius:8px;padding:6px 10px;background:#E1F1E8;color:var(--n2-forest);white-space:nowrap}
.n2-ch-badge.up{background:#FDECEA;color:#B42318}
/* Dropdowns */
.n2-dd{position:absolute;left:0;top:calc(100% - 10px);min-width:260px;padding:16px;background:#fff;border:1px solid var(--n2-line);border-radius:14px;box-shadow:0 12px 32px rgba(15,74,56,.13);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility .15s;z-index:5}
.n2-dd::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.n2-item.is-open>.n2-dd{opacity:1;visibility:visible;transform:none}
.n2-dd-title{font-size:14px;font-weight:700;padding:0 0 10px;margin-bottom:10px;border-bottom:1px solid #EAF0EC}
.n2-dd-label{font-size:11.5px;font-weight:600;color:var(--n2-mut);padding:0 10px 6px}
.n2-dd-group+.n2-dd-group{margin-top:10px;padding-top:10px;border-top:1px solid #EEF3F0}
.n2-dd-link{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 10px;font-size:14px;color:#1B2A23;border-radius:8px;white-space:nowrap}
.n2-dd-link:hover{background:var(--n2-mint);color:var(--n2-forest)}
.n2-dd-link--p{font-weight:600;margin-bottom:8px}
.n2-dd-more{margin-top:8px;font-weight:600;color:var(--n2-brand)}
/* Suche */
.n2-search{display:none;border-top:1px solid var(--n2-line);background:#fff;padding:18px 0 20px}
.n2-search.is-open{display:block;animation:n2-down .18s ease-out}
@keyframes n2-down{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.n2-s-in{max-width:760px;margin:0 auto}
.n2-s-field{display:flex;align-items:center;gap:12px;height:54px;padding:0 10px 0 16px;border:1.5px solid #D5E2DB;border-radius:12px;background:#fff;color:var(--n2-mut);margin:0}
.n2-s-field:focus-within{border-color:var(--n2-brand);box-shadow:0 0 0 3px rgba(22,132,91,.15)}
.n2-s-field input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:16px;color:var(--n2-ink);height:100%}
.n2-s-x{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;background:none;border-radius:8px;color:var(--n2-mut);cursor:pointer}
.n2-s-x:hover{background:var(--n2-mint);color:var(--n2-forest)}
.n2-s-lbl{font-size:13px;font-weight:700;margin:16px 2px 8px}
.n2-chips{display:flex;flex-wrap:wrap;gap:8px}
.n2-chip{display:inline-flex;align-items:center;height:38px;padding:0 16px;border:1px solid #D5E2DB;border-radius:999px;font-size:14px;color:var(--n2-ink);background:#fff;transition:background .12s,border-color .12s}
.n2-chip:hover{background:var(--n2-mint);border-color:var(--n2-brand)}
.n2-s-res:empty{display:none}
.n2-s-res{margin-top:14px;border-top:1px solid #EEF3F0;padding-top:8px}
.n2-sr{display:flex;align-items:center;gap:10px;min-height:46px;padding:6px 10px;border-radius:8px;color:var(--n2-ink);font-size:14.5px}
.n2-sr:hover,.n2-sr:focus-visible{background:var(--n2-mint);outline:0}
.n2-sr b{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n2-sr small{color:var(--n2-mut);font-size:12.5px;flex:none}
.n2-sr em{font-style:normal;font-weight:700;flex:none}
.n2-sr-none{padding:12px 10px;color:var(--n2-mut);font-size:14px}
/* Drawer */
.n2-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility 0s .3s;z-index:9998}
.n2-overlay.is-open{opacity:1;visibility:visible;transition:opacity .3s ease-out}
.n2-drawer{position:fixed;top:0;left:0;bottom:0;width:min(88vw,380px);background:#fff;z-index:9999;transform:translateX(-102%);visibility:hidden;transition:transform .3s ease-out,visibility 0s .3s;overflow:hidden;box-shadow:0 0 40px rgba(0,0,0,.18)}
.n2-drawer.is-open{transform:none;visibility:visible;transition:transform .3s ease-out}
.n2-dview{position:absolute;inset:0;display:flex;flex-direction:column;padding:0 16px 28px;background:#fff;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translateX(100%);visibility:hidden;transition:transform .3s ease-out,visibility 0s .3s}
.n2-dview.is-on{transform:none;visibility:visible;transition:transform .3s ease-out}
.n2-dview--root{transform:none;visibility:visible}
.n2-dview--root.is-off{transform:translateX(-100%);visibility:hidden;transition:transform .3s ease-out,visibility 0s .3s}
.n2-dhead{display:flex;align-items:center;justify-content:space-between;min-height:64px;flex:none}
.n2-dhead .n2-logo{margin:0}
.n2-dhead .n2-logotext{font-size:22px}
.n2-dback{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 6px 0 0;border:0;background:none;font:inherit;font-size:14px;color:#33463D;cursor:pointer}
.n2-dtitle{margin:6px 0 10px;font-size:28px;font-weight:800;letter-spacing:-.01em}
.n2-dlist{list-style:none;margin:0 0 20px;padding:0}
.n2-drow{display:flex;align-items:center;gap:14px;width:100%;height:56px;padding:0 12px;border:0;border-radius:10px;background:none;font:inherit;font-size:16px;font-weight:500;color:var(--n2-ink);text-align:left;cursor:pointer;transition:background .12s,color .12s}
.n2-drow>span{flex:1;min-width:0}
.n2-drow>svg:first-child{color:#3D5148}
.n2-drow>svg:last-child{color:#8A9A92}
.n2-drow:hover,.n2-drow:focus-visible{background:var(--n2-mint)}
.n2-drow.is-active{background:var(--n2-mint);color:var(--n2-forest);font-weight:600}
.n2-drow:active{background:var(--n2-forest);color:#fff}
.n2-drow:active svg{color:#fff!important}
.n2-dsep{border:0;border-top:1px solid #E6EDE9;margin:10px 0}
.n2-dlabel{font-size:12px;font-weight:700;color:var(--n2-mut);padding:14px 12px 4px}
.n2-cta--d{display:flex;margin:auto 0 0;height:52px;width:100%;font-size:15px}
.n2-dapp{display:flex;flex-direction:column;gap:12px;flex:1}
.n2-dapp-img{height:200px;border-radius:14px;overflow:hidden;background:var(--n2-mint);display:flex;justify-content:center}
.n2-dapp-img img{height:100%;width:100%;object-fit:cover;object-position:top}
.n2-dapp-t{font-size:24px;font-weight:800;letter-spacing:-.01em}
.n2-dapp p{margin:0;color:var(--n2-mut);font-size:15px}
.n2-dapp ul{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:10px}
.n2-dapp li{display:flex;align-items:center;gap:10px;font-size:15px}
.n2-dapp li svg{color:var(--n2-brand)}
body.n2-lock{overflow:hidden}
/* Kompaktere Abstaende auf kleineren Desktops */
@media(max-width:1439px){.n2-wrap{padding:0 20px}.n2-link{padding:0 8px;font-size:14px}.n2-link::after{left:8px;right:8px}.n2-logotext{font-size:22px}.n2-logo{margin-right:6px}.n2-cta{padding:0 16px;margin-left:8px;font-size:14px}.n2-mega{left:20px;right:20px}}
@media(max-width:1359px){.n2-link{padding:0 6px;font-size:13.5px}.n2-link::after{left:6px;right:6px}.n2-ico{width:38px;height:38px}.n2-cta{padding:0 12px;font-size:13.5px}.n2-cta svg{display:none}.n2-logotext{font-size:21px}.n2-mega{grid-template-columns:minmax(220px,260px) repeat(3,minmax(0,1fr)) minmax(260px,320px);gap:20px}}
/* Tablet/Mobil: Hamburger-Modus */
@media(max-width:1279px){
  .n2-nav,.n2-actions>.n2-cta{display:none}
  .n2-burger{display:inline-flex;margin-left:-8px}
  .n2-bar{height:56px;gap:4px}
  .n2-wrap{padding:0 14px}
  .n2-logo{margin-right:auto}
  .n2-logotext{font-size:22px}
  .n2-mega{display:none}
  .n2-ico{width:40px;height:40px}
  .n2-cta--m{display:inline-flex;position:absolute;right:14px;top:calc(100% - 4px);z-index:2;height:38px;padding:0 16px;margin:0;border-radius:999px;font-size:13px;box-shadow:0 6px 18px rgba(15,74,56,.25);transition:opacity .2s,transform .2s,visibility .2s,background .15s}
  .n2.is-stuck .n2-cta--m{opacity:0;visibility:hidden;transform:translateY(-8px)}
  .n2-search{padding:14px 0 16px}
  .n2-wrap{padding-left:14px;padding-right:14px}
  .n2-s-in{padding:0}
}
@media(max-width:380px){.n2-logotext{font-size:19px}.n2-ico{width:37px;height:37px}}
@media(prefers-reduced-motion:reduce){.n2,.n2 *,.n2-drawer,.n2-drawer *,.n2-overlay{transition:none!important;animation:none!important}}