.new-header{position:sticky;top:0;z-index:20;padding:0 0 0 3%;display:flex;align-items:stretch;gap:0;min-height:108px;background:#143a37;box-shadow:0 5px 24px #0b292622;border-bottom:1px solid #8d79514d}.new-header .new-brand{padding:18px 0;gap:15px;margin-right:auto;flex-shrink:0}.new-brand img{width:67px;height:67px}.wordmark{width:139px;height:57px;display:block;color:#f2d28e}.new-header nav{display:flex;gap:3px;align-items:center;margin:0 22px}.new-header nav a{position:relative;display:flex;align-items:center;gap:8px;font-size:12px;color:#d8e2d7;padding:14px 11px;transition:background .2s,color .2s;border-radius:6px}.nav-icon{width:19px;height:19px;flex-shrink:0}.new-header nav a .nav-icon{color:#d8b772}.new-header nav a:hover,.new-header nav a.active{background:#2a5049;color:#ffe0a1}.new-header nav a.active:after{content:'';position:absolute;bottom:4px;left:37px;right:12px;height:2px;background:#dfbd77}.tool-link{display:flex;align-items:center;justify-content:center;gap:15px;padding:24px 25px;background:#dfbd77;color:#183a35;font-size:14px;min-width:215px;border-left:1px solid #f7dc9c;transition:background .2s}.tool-link:hover{background:#f1d296}.tool-link>.nav-icon:first-child{width:28px;height:28px}.tool-link>.nav-icon:last-child{width:17px;height:17px;margin-left:6px}.tool-link small{display:block;font-size:9px;margin-top:5px;letter-spacing:.3px}.nav-toggle{display:none}html{scroll-padding-top:130px}@media(min-width:1550px){.new-header nav{gap:15px;margin:0 45px}.new-header nav a{font-size:14px;padding:14px 16px}.tool-link{min-width:245px}.new-brand img{width:75px;height:75px}.wordmark{width:154px}}@media(max-width:1100px){.new-header nav{margin:0 10px;gap:0}.new-header nav a{flex-direction:column;gap:7px;padding:12px 10px;font-size:10px}.new-header nav a.active:after{left:12px}.tool-link{min-width:175px;padding:20px 15px;gap:9px}.tool-link small{font-size:8px}.new-brand img{width:55px;height:55px}.wordmark{width:112px}}@media(max-width:760px){.new-header{min-height:86px;flex-wrap:wrap;padding-left:16px}.new-header .new-brand{padding:12px 0;gap:9px}.new-brand img{width:48px;height:48px}.wordmark{width:98px;height:47px}.tool-link{min-width:0;width:82px;padding:12px;flex-direction:column;gap:6px;font-size:9px;order:3}.tool-link>.nav-icon:first-child{width:23px;height:23px}.tool-link small,.tool-link>.nav-icon:last-child{display:none}.nav-toggle{display:flex;align-self:center;align-items:center;gap:6px;margin:0 14px;background:transparent;border:1px solid #7e8f77;padding:10px;color:#f2d28e;font-size:11px}.new-header nav{display:none;order:4;width:calc(100% + 16px);margin:0 0 0 -16px;background:#1a433d;padding:12px;grid-template-columns:repeat(2,1fr);gap:6px;border-top:1px solid #65755c}.new-header nav.is-open{display:grid}.new-header nav a{flex-direction:row;padding:14px;font-size:12px;gap:12px}.new-header nav a.active:after{display:none}html{scroll-padding-top:100px}}@media(prefers-reduced-motion:reduce){.new-header a{transition:none}}
.new-header{background:linear-gradient(110deg,#08182e,#122f4b 65%,#17344d);border-bottom-color:#bca16d55}.new-header nav a:hover,.new-header nav a.active{background:#54718d33}.new-header nav a{color:#d7e1ed}.new-header nav a .nav-icon{color:#e1c48e}.tool-link{background:linear-gradient(135deg,#e6cb92,#c6a66c);color:#10273b}.tool-link:hover{background:linear-gradient(135deg,#f3daa7,#d9ba7e)}@media(max-width:760px){.new-header nav{background:linear-gradient(120deg,#10283e,#17364f);border-top-color:#687a88}}
/* Vereinstool farblich in die marineblaue Navigation integrieren. */
.new-header .tool-link{background:linear-gradient(135deg,#1b3b55,#10273e);color:#e9d2a4;border-left:1px solid #d8bd8055;box-shadow:inset 0 -2px 0 #d5b67b55}.new-header .tool-link>.nav-icon{color:#dfbd7e}.new-header .tool-link small{color:#bdccda}.new-header .tool-link:hover{background:linear-gradient(135deg,#294a63,#17354e);color:#ffe3ad;box-shadow:inset 0 -2px 0 #e3c58a}
.new-header .tool-link>.nav-icon:first-child{width:42px;height:42px}@media(max-width:760px){.new-header .tool-link>.nav-icon:first-child{width:30px;height:30px}}
