.nf-buehne{position:relative}@media (min-width:64rem){.nf-buehne{max-width:min(100%, calc((100svh - 10rem) * var(--nf-verhaeltnis,1.15)))}}.nf-seite{border-bottom:1px solid #ffffff1a;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.75rem;padding-block:.875rem;display:grid;position:relative}.nf-seite:before{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .46s var(--ease-out);position:absolute;inset:auto 0 -1px;transform:scaleX(0)}.nf-seiten>li:nth-child(4n+1) .nf-seite{border-top:1px solid #ffffff1a}.nf-pfeil{transition:transform .32s var(--ease-out), color .2s var(--ease-out);flex-shrink:0}.nf-vorschlag{transition:border-color .22s var(--ease-out), transform .12s var(--ease-out);border:1px solid #ffffff29;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:1rem;padding:.875rem 1.125rem;display:grid}.nf-vorschlag:active{transform:scale(.985)}@media (hover:hover) and (pointer:fine){.nf-seite:hover:before{transform:scaleX(1)}.nf-seite:hover .nf-pfeil,.nf-vorschlag:hover .nf-pfeil{color:var(--accent);transform:translate(3px,-3px)}.nf-vorschlag:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}}.nf-seite:active:before{transition-duration:.12s;transform:scaleX(1)}.nf-seite:focus-visible,.nf-vorschlag:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:7px}.nf-seite:focus-visible .nf-pfeil,.nf-vorschlag:focus-visible .nf-pfeil{color:var(--accent)}@media (prefers-reduced-motion:reduce){.nf-seite:before,.nf-pfeil,.nf-vorschlag{transition:none}}