.ghn{position:sticky;top:0;z-index:50;color:var(--text-heading);background:rgba(246,245,240,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);transition:background var(--dur-base),border-color var(--dur-base),color var(--dur-base)}
.ghn.is-light{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:rgba(255,255,255,.16);color:#fff}
.ghn-in{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter);box-sizing:content-box;display:flex;align-items:center;gap:28px}
.ghn a{text-decoration:none}
.ghn-logo{display:flex;align-items:center;gap:12px;color:inherit;flex:none;min-width:0}
.ghn-logo img{height:64px;width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.18))}
.ghn-logo span{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:.02em;text-transform:uppercase;line-height:1;padding-top:3px;white-space:nowrap;color:inherit}
.ghn-link{position:relative;display:inline-flex;align-items:center;gap:4px;min-height:44px;font-family:var(--font-body);font-weight:600;font-size:16px;color:inherit;background:none;border:0;padding:0;cursor:pointer;white-space:nowrap}
.ghn-link::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--dur-base) var(--ease-out)}
.ghn-link:hover::after,.ghn-link.is-active::after{transform:scaleX(1)}
.ghn:not(.is-light) .ghn-link.is-active,.ghn:not(.is-light) .ghn-link:hover{color:var(--gh-green-600)}
.ghn.is-light .ghn-link.is-active::after{background:var(--gh-lime-400)}
.ghn-sep{width:1px;height:18px;background:currentColor;opacity:.3;flex:none}
.ghn-round{width:44px;height:44px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--border-strong);color:var(--gh-green-600);transition:background var(--dur-base),color var(--dur-base)}
.ghn-round:hover{background:var(--gh-green-600);color:#fff;border-color:var(--gh-green-600)}
.ghn.is-light .ghn-round{border-color:rgba(255,255,255,.55);color:#fff}
.ghn.is-light .ghn-round:hover{background:#fff;color:var(--gh-forest-900)}

/* 1 · Zwei Ebenen */
.ghn-top{font-size:14px;border-bottom:1px solid var(--border-subtle);background:var(--gh-forest-900);color:var(--text-on-dark)}
.ghn.is-light .ghn-top{background:rgba(11,36,22,.35);border-color:rgba(255,255,255,.12)}
.ghn-top .ghn-in{height:38px;justify-content:space-between;gap:20px}
.ghn-top-info,.ghn-top-links a{display:inline-flex;align-items:center;gap:7px;color:var(--text-on-dark)}
.ghn-top-links{display:flex;align-items:center;gap:20px}
.ghn-top-links a{min-height:38px;font-weight:500}
.ghn-top-links a:hover,.ghn-top-links a.is-active{color:var(--gh-lime-400)}
.ghn-top-links .ghn-link{font-size:14px;font-weight:500}
.ghn-top-links .ghn-link::after{bottom:6px;height:1px}
.ghn-top .ghn-sep{background:#fff}
.ghn-topbar .ghn-main .ghn-in{height:84px}
.ghn-topbar .ghn-links{display:flex;gap:30px;margin-left:auto}
.ghn-chips{display:none}
@media (max-width:1099px){
.ghn-topbar .ghn-links{display:none}
.ghn-topbar .ghn-main .ghn-in{justify-content:space-between;height:72px}
.ghn-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 var(--gutter) 10px;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
.ghn-chips::-webkit-scrollbar{display:none}
.ghn-chip{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--border-strong);font-size:15px;flex:none}
.ghn-chip::after{display:none}
.ghn-chip.is-active{background:var(--gh-green-600);border-color:var(--gh-green-600);color:#fff!important}
.ghn.is-light .ghn-chip{border-color:rgba(255,255,255,.4);background:rgba(11,36,22,.25)}
.ghn.is-light .ghn-chip.is-active{background:var(--gh-lime-400);border-color:var(--gh-lime-400);color:var(--gh-forest-950)!important}
}
@media (max-width:759px){
.ghn-top{display:none}
.ghn-logo img{height:50px}.ghn-logo span{font-size:16px}
.ghn-topbar .ghn-main .ghn-in{height:64px}
}
@media (max-width:400px){.ghn-logo span{display:none}}

@media (prefers-reduced-motion:reduce){.ghn *{transition:none!important}}

.gh-hero>section>div:nth-child(3){padding-top:calc(var(--gh-head, var(--header-h)) + 24px)!important}