.site-header .nav{min-height:84px;gap:1rem}.site-header .brand{font-size:1.08rem;letter-spacing:-.025em;white-space:nowrap}.site-header .nav-links{gap:.25rem}.site-header .nav-links a{display:flex;flex-direction:column;gap:.18rem;padding:.7rem .8rem;border-radius:10px;color:var(--petrol-dark);font-weight:600;border:1px solid transparent;transition:background .18s,border-color .18s}.site-header .nav-links a small{font-size:.62rem;font-weight:400;color:var(--muted);line-height:1.2}.site-header .nav-links a:hover{background:var(--paper);border-color:var(--line);transform:none}.site-header .nav-links a[aria-current="page"]{color:var(--copper);background:color-mix(in srgb,var(--copper) 9%,var(--white));border-color:var(--copper);box-shadow:none}.site-header .nav-links a:focus-visible,.site-header .menu-button:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.site-header .menu-button{align-items:center;gap:.6rem;padding:.65rem .8rem;border:1px solid var(--line);border-radius:9px;min-height:44px}.menu-symbol{font-size:1.2rem}.hp-personal-links{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;margin-top:1.3rem}
@media(max-width:1100px){.site-header .nav{min-height:72px}.site-header .menu-button{display:flex}.site-header .nav-links{display:none;position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem;max-height:calc(100dvh - 100px);overflow:auto;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 35px #002c2420}.site-header .nav-links.open{display:grid}.site-header .nav-links a{padding:1rem;min-height:70px;background:var(--paper-light)}.site-header .nav-links a small{font-size:.75rem}.site-header .nav-links a span{font-size:1rem}}
@media(max-width:380px){.site-header .brand{font-size:.95rem}.site-header .menu-button{padding:.5rem}.site-header .nav-links{grid-template-columns:1fr}.site-header .nav-links a{min-height:60px;padding:.65rem 1rem}}
@media(prefers-reduced-motion:reduce){.site-header .nav-links a{transition:none}}

.nav-search-icon{width:1em;height:1em;vertical-align:-.1em;margin-right:.4em}

/* TARDIS-Navigation: ruhige Zielecken und einmalige Dachleuchte. */
.site-header .nav-links a{position:relative}
.site-header .nav-links a:hover,.site-header .nav-links a[aria-current="page"]{border-color:transparent}
.site-header .nav-links a::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;border-radius:3px;background:linear-gradient(var(--copper),var(--copper)) left top/9px 1px no-repeat,linear-gradient(var(--copper),var(--copper)) left top/1px 9px no-repeat,linear-gradient(var(--copper),var(--copper)) right top/9px 1px no-repeat,linear-gradient(var(--copper),var(--copper)) right top/1px 9px no-repeat,linear-gradient(var(--copper),var(--copper)) left bottom/9px 1px no-repeat,linear-gradient(var(--copper),var(--copper)) left bottom/1px 9px no-repeat,linear-gradient(var(--copper),var(--copper)) right bottom/9px 1px no-repeat,linear-gradient(var(--copper),var(--copper)) right bottom/1px 9px no-repeat;transition:opacity .18s}
.site-header .nav-links a[aria-current="page"]::after,.site-header .nav-links a:hover::after,.site-header .nav-links a:focus-visible::after{opacity:1}
.site-header .nav-links a:hover::after{animation:target-glow .7s ease-out 1}
.site-header .brand{position:relative}
.site-header .brand::before{content:"";position:absolute;pointer-events:none;left:14.5px;top:calc(50% - 13px);width:3px;height:3px;border-radius:1px;background:#fffefa;opacity:0;animation:tardis-lamp 1.2s ease-in-out .15s 1}
@keyframes target-glow{50%{filter:drop-shadow(0 0 3px var(--copper))}}
@keyframes tardis-lamp{0%,100%{opacity:0;box-shadow:none}45%{opacity:1;box-shadow:0 0 4px 2px #7eafff,0 0 9px 3px #0057d966}}
@media(max-width:380px){.site-header .brand::before{left:12.5px;top:calc(50% - 11.5px)}}
@media(prefers-reduced-motion:reduce){.site-header .nav-links a::after{transition:none}.site-header .nav-links a:hover::after,.site-header .brand::before{animation:none}}