/* Gemeinsames Hauptmenü (von der Startseite übernommen). */
.skip{position:absolute;left:1rem;top:-100px;z-index:100;background:white;padding:.7rem 1rem}
.skip:focus{top:1rem}
.header{position:relative;z-index:30;background:#fffdf8;border-bottom:1px solid #e9e4d9}
.header-inner{max-width:1240px;margin:auto;min-height:76px;padding:0 28px;display:flex;align-items:center;gap:clamp(2rem,5vw,5rem)}
.brand{font-family:Manrope,Arial,sans-serif;font-size:1.55rem;font-weight:800;letter-spacing:-.075em;white-space:nowrap}
.brand span{color:#257c76}
.nav{display:flex;align-items:center;gap:clamp(.2rem,1vw,.9rem);margin-left:auto;font-family:Manrope,Arial,sans-serif}
.nav-item{position:relative}
.nav-link{display:flex;align-items:center;gap:.4rem;padding:.7rem .75rem;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#253d3a;white-space:nowrap;transition:color .15s}
.nav-link:hover,.nav-item:hover>.nav-link,.nav-item:focus-within>.nav-link,.nav-link[aria-current=page]{color:#257c76}
.nav-arr{width:9px;height:9px;flex:none;transition:transform .2s}
.nav-item:hover .nav-arr,.nav-item:focus-within .nav-arr,.nav-item.open .nav-arr{transform:rotate(180deg)}
.nav-cta{margin-left:.6rem;background:#163c3a;color:#fff!important;padding:15px 22px!important;transition:background .2s}
.nav-cta:hover{background:#257c76;color:#fff!important}
.nav-drop{position:absolute;top:100%;left:-14px;min-width:260px;padding:10px;background:#fffdf8;border-top:3px solid #257c76;box-shadow:0 14px 34px #253d3a24;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:50}
.nav-item::after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:10px}
.nav-item:hover>.nav-drop,.nav-item:focus-within>.nav-drop,.nav-item.open>.nav-drop{opacity:1;visibility:visible;transform:none}
.nav-drop a,.nav-sub-wrap>a{display:flex;align-items:center;gap:.8rem;padding:.7rem .85rem;font-size:.9rem;font-weight:600;color:#253d3a;white-space:nowrap;line-height:1.3}
.nav-drop a:hover,.nav-sub-wrap:hover>a,.nav-drop a[aria-current=page]{background:#e8f1e9;color:#257c76}
.nav-drop a[aria-current=page]{font-weight:800}
.nav-drop svg.ic{width:19px;height:19px;flex:none;fill:none;stroke:#257c76;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nav-drop img{width:22px;height:22px;flex:none}
.nav-sub-wrap{position:relative}
.nav-sub-arr{margin-left:auto;color:#257c76;font-size:1.2rem;line-height:1}
.nav-sub-drop{position:absolute;left:calc(100% + 8px);top:-13px;min-width:210px;padding:10px;background:#fffdf8;border-top:3px solid #257c76;box-shadow:0 14px 34px #253d3a24;opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s}
.nav-sub-wrap:hover>.nav-sub-drop,.nav-sub-wrap:focus-within>.nav-sub-drop,.nav-sub-wrap.open>.nav-sub-drop{opacity:1;visibility:visible}
.nav-sub-wrap:before{content:'';position:absolute;left:100%;top:0;bottom:0;width:10px}
@media(max-width:1240px){.header-inner{gap:1rem}.nav-link{padding:.6rem .5rem;font-size:.72rem;letter-spacing:.08em}.nav-cta{padding:13px 16px!important;margin-left:.2rem}.header-social{margin-left:.2rem}.header-social a{width:32px}}
.header-social{display:flex;gap:12px;margin-left:1rem}
.header-social a{width:38px;height:38px;display:grid;place-items:center}
.header-social svg{width:19px;height:19px}
.menu-toggle{display:none;border:0;background:none;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
@media(max-width:1000px){.header-inner{gap:20px}.nav{gap:17px}.header-social{margin-left:0}}
@media(max-width:1020px){.menu-toggle{display:block;margin-left:auto}.header-social{margin-left:0}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fffdf8;box-shadow:0 12px 28px #253d3a16;margin:0;padding:22px 28px 28px;flex-direction:column;align-items:stretch;gap:20px}.nav.is-open{display:flex}.nav{align-items:stretch;gap:2px;max-height:calc(100vh - 80px);overflow:auto}.nav-link{padding:.95rem .2rem;font-size:.82rem;justify-content:space-between;border-bottom:1px solid #d8d3c7}.nav-link:hover,.nav-item:hover>.nav-link,.nav-item:focus-within>.nav-link{background:none}.nav-item::after,.nav-sub-wrap:before{display:none}.nav-drop,.nav-sub-drop{position:static;min-width:0;border:0;box-shadow:none;padding:4px 0 8px 6px;background:transparent;opacity:1;visibility:visible;transform:none;display:none}.nav-item.open>.nav-drop,.nav-sub-wrap.open>.nav-sub-drop{display:block}.nav-item:hover>.nav-drop{display:none}.nav-item.open:hover>.nav-drop{display:block}.nav-sub-drop{padding-left:14px}.nav-sub-arr{display:none}.nav-drop a{white-space:normal}.nav-cta{margin:14px 0 0;text-align:center;justify-content:center;border-bottom:0!important}}
@media(max-width:760px){.header-inner{min-height:66px}.brand{font-size:1.38rem}.menu-toggle{display:block;margin-left:auto}.header-social{margin-left:0}}
@media(max-width:580px){.header-inner{gap:9px}.header-social{gap:4px}.header-social a{width:34px;height:38px}}
@media(max-width:400px){.brand{font-size:1.25rem}.menu-toggle{font-size:.72rem}.header-inner{gap:5px}.header-social a{width:27px}}
@media(max-width:1020px){.menu-toggle{min-height:44px;min-width:56px;padding:0 6px;font-size:.88rem}.nav-link{min-height:48px;display:flex;align-items:center}.nav-drop a,.nav-sub-drop a{display:flex;align-items:center;min-height:44px}.nav{padding-bottom:max(28px,env(safe-area-inset-bottom))}}
@media(max-width:760px){.header-inner{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.brand{display:inline-flex;align-items:center;min-height:44px}.header-social a{width:44px!important;height:44px!important}}
@media(hover:none){.nav-link:hover{background:none}}
