/* Apple Navigation 1.0.0, adapted to the Hundefutterei brand and 960px header. */
.hf-mobile-navigation{display:none}
@media(max-width:960px){
 .hf-mobile-navigation{display:block;position:absolute;right:1.5rem;top:.75rem;z-index:5}
 .vanilla-site-header:has(.hf-mobile-navigation [data-enhanced]) .vanilla-menu-toggle,
 .vanilla-site-header:has(.hf-mobile-navigation [data-enhanced]) .vanilla-primary-navigation{display:none!important}
 .hf-mobile-navigation:not(:has([data-enhanced])){display:none}
 .hf-mobile-navigation .dcpt-fn{--fn-background:#fffdf8;--fn-color:#063b5c;--fn-muted:#457c8e;--fn-font:'Barlow Condensed',sans-serif;--fn-inset:1.5rem;--fn-width:none;--fn-header-background:transparent}
 .hf-mobile-navigation .dcpt-fn::before{display:none}
 .hf-mobile-navigation .dcpt-fn__bar{padding:0;min-height:48px}
 .hf-mobile-navigation .dcpt-fn__identity,
 .hf-mobile-navigation .dcpt-fn[data-enhanced] .dcpt-fn__desktop{display:none}
 .hf-mobile-navigation .dcpt-fn__toggle{display:flex}
 .hf-mobile-navigation .dcpt-fn__control{background:#c04c36;color:#fff;width:48px;height:48px;min-height:48px}
 .hf-mobile-navigation .dcpt-fn[data-dcpt-fn] .dcpt-fn__control:is(:hover,:focus,:active){background:#063b5c;color:#fff}
 .hf-mobile-navigation .dcpt-fn :is(a,button):focus-visible{outline-color:#c04c36;outline-offset:4px;border-radius:0}
 .hf-mobile-navigation .dcpt-fn__control:focus-visible{outline-color:#063b5c!important}
 .hf-mobile-navigation .dcpt-fn__glyph{scale:1.5}
 .hf-mobile-navigation .dcpt-fn__toolbar{position:relative;flex-basis:calc(8rem + env(safe-area-inset-top));padding:calc(.75rem + env(safe-area-inset-top)) 1.5rem 0;align-items:flex-start;gap:1rem}
 .hf-mobile-navigation-brand{position:absolute;top:calc(.75rem + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:96px}
 .hf-mobile-navigation .hf-mobile-navigation-brand img.custom-logo{display:block;width:96px;height:auto;max-width:none;max-height:none}
 .hf-mobile-navigation .dcpt-fn__panel{padding-top:.75rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom))}
 .hf-mobile-navigation-intro{margin:0 0 1.5rem;color:#457c8e;font:600 1rem/1.4 'Barlow Condensed',sans-serif;letter-spacing:.065em;text-transform:uppercase}
 .hf-mobile-navigation .dcpt-fn__list>.menu-item,
 .hf-mobile-navigation .dcpt-fn__list>li{border-bottom:1px solid #063b5c26}
 .hf-mobile-navigation .dcpt-fn__item{font:600 clamp(2rem,5.4vw,3rem)/1.08 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-.015em;min-height:4.4rem;padding-block:1rem!important;overflow-wrap:normal}
 .hf-mobile-navigation .dcpt-fn[data-dcpt-fn] :is(a,button).dcpt-fn__item:is(:hover,:focus-visible){color:#c04c36}
 .hf-mobile-navigation .dcpt-fn__item[aria-current="page"]{color:#c04c36}
 .hf-mobile-navigation .dcpt-fn__panel[data-root]::after{content:'';display:block;width:min(100%,20rem);height:2.75rem;margin-top:2rem;background:#063b5c;opacity:.35;mask:url(anchor-pattern-dry-heading.svg) left top / 20rem auto no-repeat;pointer-events:none}
 .hf-mobile-navigation .dcpt-fn button.dcpt-fn__item::after{opacity:1}
 .home .dcpt-vanilla-zone--header.hf-navigation-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
 .vanilla-site-header:has(.hf-mobile-navigation){position:relative;min-height:4.5rem}
 .home .vanilla-site-header:has(.hf-mobile-navigation){position:fixed}
}
@media(max-height:500px) and (max-width:960px){
 .hf-mobile-navigation .dcpt-fn__toolbar{flex-basis:calc(4.5rem + env(safe-area-inset-top))}
 .hf-mobile-navigation .hf-mobile-navigation-brand,.hf-mobile-navigation .hf-mobile-navigation-brand img.custom-logo{width:56px}
 .hf-mobile-navigation .dcpt-fn__item{min-height:3.5rem;font-size:2rem;padding-block:.65rem!important}
}