150"
:class="scrolled ? '-translate-y-[calc(100%+var(--spacing-md))] opacity-0 pointer-events-none' : 'translate-y-0 opacity-100'"
class="container fixed z-[90] top-md inset-x-0 h-[50px] flex items-center text-primary transition-all duration-500 ease-out"
>
Wie sichtbar bist du in AI?
Jetzt prüfen
150; scheduleDetect()"
@resize.window="document.documentElement.style.setProperty('--nav-height', $refs.navBar.offsetHeight + 'px'); scheduleDetect()"
:data-scrolled="scrolled ? 'true' : 'false'"
:data-over-dark="overDark ? 'true' : 'false'"
class="bold-nav-full__bar inset-x-0 top-0 z-1 mt-[calc(var(--topbar-height)+var(--spacing-md))] md:mt-[var(--topbar-height)] pt-2xl container relative transition-all duration-500 ease-out"
:class="scrolled ? 'py-2xl translate-y-[calc((var(--topbar-height)+var(--spacing-md))*-1)] md:translate-y-[calc(var(--topbar-height)*-1)]' : ''"
>
150"
:class="scrolled ? '-translate-y-[calc(100%+var(--spacing-md))] opacity-0 pointer-events-none' : 'translate-y-0 opacity-100'"
class="container absolute z-10 top-md inset-x-0 h-[50px] flex items-center text-primary transition-all duration-500 ease-out"
>
Wie sichtbar bist du in AI?
Jetzt prüfen
Bereit für deine eigene Referenz?