/* Quiet at rest; reveal the complete section overview on hover or keyboard focus. */
.nx-section-nav{position:fixed;left:16px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;width:32px;padding:8px 0;background:transparent!important;box-shadow:none!important;transition:width .2s ease,background .2s ease;border-radius:8px}
.nx-section-nav a{position:relative;display:flex;align-items:center;width:100%;height:30px;min-height:30px;padding:0;gap:0;text-decoration:none;white-space:nowrap;background:transparent!important;box-shadow:none!important;border:0;color:var(--nx-muted);outline:none}
.nx-section-nav a>span:first-child{display:block;flex:none;width:9px;height:2px;border-radius:1px;background:#888;opacity:.28;box-shadow:none!important;transition:width .2s ease,opacity .2s ease,background .2s ease}
.nx-section-nav a[aria-current='location']>span:first-child{width:20px;background:#3b82f6;opacity:.8}
.nx-section-nav a:hover>span:first-child,.nx-section-nav a:focus-visible>span:first-child{opacity:1}
.nx-section-nav .nx-section-label{position:absolute;left:32px;top:50%;display:block;width:max-content;height:auto;padding:0;margin:0;border:0;border-radius:0;box-shadow:none!important;background:transparent!important;color:var(--nx-muted)!important;font:400 9px/1.4 monospace;letter-spacing:1.1px;text-transform:uppercase;opacity:0;visibility:hidden;transform:translate(-4px,-50%);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}
.nx-section-nav:hover .nx-section-label,.nx-section-nav:has(a:focus-visible) .nx-section-label{opacity:.9;visibility:visible;transform:translate(0,-50%)}
.nx-section-nav a:focus-visible>span:first-child{outline:1px solid #3b82f6;outline-offset:4px}
#start,#nex,#problem-statement,#solution,#security,#statistics,#customers,#testimonial-v1-slider,#wissen{scroll-margin-top:100px}
@media(min-width:1280px){body:has(.nx-section-nav) main{margin-left:64px}}
@media(max-width:1279px){.nx-section-nav{display:none}}
@media(prefers-reduced-motion:reduce){.nx-section-nav a>span{transition:none!important}}

.nx-section-nav:hover,.nx-section-nav:has(a:focus-visible){width:188px;background:color-mix(in srgb,var(--nx-bg) 96%,transparent)!important}
.nx-section-nav a[aria-current="location"] .nx-section-label{color:var(--nx-ink)!important}

.nx-section-nav{z-index:30}
#workflows,#konnektoren{scroll-margin-top:100px}
html[data-nx-theme="light"] body .nx-section-nav:hover,html[data-nx-theme="light"] body .nx-section-nav:has(a:focus-visible){background:rgba(255,255,255,.96)!important}