.mobile-header{display:none}
/* Desktop headers stay in the document flow and remain available while scrolling. */
@media(min-width:801px){
 html{scroll-padding-top:7rem}
 .shooting-header,.reference-header{position:sticky;top:0;z-index:60;width:100%;padding:.65rem max(var(--page-edge),calc((100vw - 1320px)/2));gap:1.25rem;background:color-mix(in srgb,var(--paper) 82%,transparent);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);border-bottom:1px solid var(--line)}
 .shooting-header .shooting-brand{width:10.5rem;flex:none}
 .shooting-header .shooting-brand span{display:none}
 .reference-header .reference-brand img{width:10rem}
 .reference-header .reference-brand span{display:none}
 .shooting-header nav,.reference-header nav{flex-wrap:wrap;justify-content:flex-end;gap:.2rem}
 .reference-header nav a{padding:.55rem .9rem;border-radius:999px}
 .reference-header nav a:last-child{color:var(--paper);background:var(--ink);border-color:var(--ink)}
 .shooting-header nav a{padding-inline:.85rem}
 .utility-nav{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:1.6rem;min-height:76px;padding:.6rem var(--page-edge);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 82%,transparent);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}
 .utility-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:.8rem;text-decoration:none}
 .utility-nav a:last-child{padding:.6rem 1rem;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:600}
 .utility-nav a:hover{text-decoration:underline;text-underline-offset:4px}
}
/* One compact, persistent navigation across all public pages. */
@media(max-width:800px){
 html{scroll-padding-top:6rem}
 body{padding-top:calc(4.9rem + env(safe-area-inset-top,0px))}
 .mobile-header{--nav-tint:rgba(255,255,255,.14);--nav-veil:rgba(255,255,255,.46);--nav-edge:rgba(255,255,255,.9);--nav-inner:rgba(20,22,20,.18);display:flex;align-items:center;justify-content:center;position:fixed;z-index:60;top:calc(.6rem + env(safe-area-inset-top,0px));left:auto;right:.75rem;min-height:54px;width:max-content;padding:.3rem .4rem;border:0;border-radius:999px;background:transparent;isolation:isolate;color:var(--ink)}
 html[data-theme="dark"] .mobile-header{--nav-tint:rgba(255,255,255,.08);--nav-veil:rgba(18,20,18,.38);--nav-edge:rgba(255,255,255,.55);--nav-inner:rgba(0,0,0,.48)}
 .mobile-header::before,.mobile-menu__panel::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,var(--nav-tint),var(--nav-veil) 28%,var(--nav-veil) 72%,var(--nav-tint));box-shadow:inset 0 1.5px 1px -1px var(--nav-edge),inset 0 -1.5px 1px -1px var(--nav-edge),inset 1.5px 0 4px -1.5px var(--nav-edge),inset -1.5px 0 4px -1.5px var(--nav-edge),inset 0 0 2px 1px var(--nav-inner),0 6px 20px #00000016;-webkit-backdrop-filter:blur(3px) saturate(175%);backdrop-filter:var(--nav-optics,blur(3px) saturate(175%))}
 .mobile-header::after,.mobile-menu__panel::after{content:"";position:absolute;inset:0;z-index:3;padding:1px;border-radius:inherit;pointer-events:none;background:conic-gradient(from -30deg,transparent,var(--nav-edge) 38deg,transparent 90deg,var(--nav-inner) 135deg,var(--nav-edge) 218deg,transparent 270deg,var(--nav-inner) 315deg,transparent);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor}
 .mobile-header__actions{display:flex;align-items:center;gap:.2rem}
 .mobile-theme{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border:0;background:transparent;color:var(--ink);padding:10px;border-radius:50%;cursor:pointer}
 .mobile-header svg{width:21px;height:21px;flex:none}
 .mobile-theme__sun,html[data-theme="dark"] .mobile-theme__moon{display:none}
 html[data-theme="dark"] .mobile-theme__sun{display:block}
 .mobile-menu summary{display:flex;align-items:center;justify-content:center;gap:.65rem;min-width:90px;min-height:44px;padding:.55rem .8rem;list-style:none;font-size:.82rem;font-weight:600;color:var(--ink);border-radius:13px;cursor:pointer;user-select:none}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu summary:hover,.mobile-theme:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
 .mobile-menu__icon{position:relative;display:block;width:18px;height:16px}
 .mobile-menu__icon::before,.mobile-menu__icon::after{content:"";position:absolute;left:0;top:5px;width:18px;height:1.5px;background:currentColor;border-radius:2px;transition:transform 180ms ease}
 .mobile-menu__icon::after{top:11px}
 .mobile-menu[open] .mobile-menu__icon::before{transform:translateY(3px) rotate(45deg)}
 .mobile-menu[open] .mobile-menu__icon::after{transform:translateY(-3px) rotate(-45deg)}
 .mobile-menu__panel{position:fixed;isolation:isolate;top:calc(4.6rem + env(safe-area-inset-top,0px));left:.75rem;right:.75rem;width:auto;max-width:390px;margin-left:auto;padding:1.1rem 1.2rem 1.2rem;border:0;border-radius:24px;background:transparent;max-height:calc(100dvh - 6rem - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior:contain}
 .mobile-menu__panel::before{background:linear-gradient(145deg,color-mix(in srgb,var(--paper) 60%,transparent),color-mix(in srgb,var(--paper) 72%,transparent));-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:var(--nav-optics,blur(10px) saturate(180%)) blur(8px)}
 .mobile-menu__eyebrow{margin:.2rem 0 .65rem;font-size:.7rem;line-height:1.5;color:var(--muted)}
 .mobile-menu nav{display:grid;gap:.1rem}
 .mobile-menu nav a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:49px;padding:.65rem .4rem;font-size:1.03rem;line-height:1.35;font-weight:500;letter-spacing:-.02em;text-decoration:none;color:var(--ink);border-radius:9px}
 .mobile-menu nav a[aria-current]{font-weight:700}
 .mobile-menu nav a>svg{width:16px;height:16px;opacity:.55}
 .mobile-menu nav a:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}
 .mobile-menu nav .mobile-menu__contact{justify-content:center;gap:.8rem;margin-top:.8rem;padding:.8rem 1rem;color:var(--paper);background:var(--ink);border-radius:12px;font-size:.9rem;font-weight:600}
 .mobile-menu nav .mobile-menu__contact svg{opacity:1}
 .quick-nav,.shooting-header,.reference-header,.utility-nav{display:none!important}
 .site-header>.theme-toggle{display:none}
 #arbeiten,#hauptinhalt,.shooting-page .shooting-section{scroll-margin-top:5.5rem}
 .privacy-notice__actions{width:100%}
}
@media(prefers-reduced-motion:reduce){.mobile-menu__icon::before,.mobile-menu__icon::after{transition:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.mobile-header::before,.mobile-menu__panel::before{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.shooting-header,.reference-header,.utility-nav{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(forced-colors:active){.shooting-header,.reference-header,.utility-nav{color:CanvasText;background:Canvas;-webkit-backdrop-filter:none;backdrop-filter:none}.utility-nav a:last-child,.reference-header nav a:last-child{color:ButtonText;background:ButtonFace;border:1px solid ButtonText}}
@media print{.shooting-header,.reference-header,.utility-nav,.mobile-header{display:none!important}}
@media(forced-colors:active){.mobile-header,.mobile-menu__panel{background:Canvas;border:1px solid CanvasText;box-shadow:none}.mobile-header::before,.mobile-header::after,.mobile-menu__panel::before,.mobile-menu__panel::after{display:none}.mobile-menu__icon::before,.mobile-menu__icon::after{background:CanvasText}}