/* A compact rail of dots, flush with the right edge, on every page surface. */
.finfolder-page .section-dot-nav{position:fixed;right:0;left:auto;top:50%;bottom:auto;transform:translateY(-50%);z-index:35;display:flex;flex-direction:column;align-items:center;gap:1px;width:28px;max-width:none;max-height:calc(100svh - 80px);margin:0;padding:4px 0;border:0;background:none;overflow:visible}
.finfolder-page .section-dot-nav .section-dot-link{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 27px;width:28px;height:27px;margin:0;padding:0;border:0;border-radius:6px;text-decoration:none;color:#111;outline-offset:-2px;-webkit-tap-highlight-color:transparent}
 .section-dot-mark{display:block;width:9px;height:9px;border-radius:50%;background:var(--section-dot-color,#000);border:0;box-shadow:none;transition:transform .18s ease,background .18s ease}
.section-dot-link[data-surface="dark"]{--section-dot-color:#fff}
.section-dot-link[aria-current="location"] .section-dot-mark{--section-dot-rest-scale:1.5;transform:scale(1.5)}
.section-dot-link:hover .section-dot-mark,.section-dot-link:focus-visible .section-dot-mark{--section-dot-rest-scale:1.5;transform:scale(1.5)}
.finfolder-page .section-dot-nav .section-dot-link:focus-visible{outline:none}
.section-dot-label{position:absolute;right:calc(100% + 6px);top:50%;transform:translate(6px,-50%);background:transparent;color:var(--section-dot-color,#000);border:0;border-radius:0;box-shadow:none;padding:7px 0;font:700 12px/1.4 Aileron,Arial,sans-serif;letter-spacing:0;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}
.section-dot-label::after{content:'';position:absolute;top:0;bottom:0;right:-9px;width:9px}
.section-dot-link:hover .section-dot-label,.section-dot-link:focus .section-dot-label{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%)}
.section-dot-nav[data-labels-dismissed] .section-dot-label{opacity:0;visibility:hidden;pointer-events:none}
#start,#demo,#preise,#finanzen,#freiraum,#ablauf,#funktionen,#daten,#email-verbindung,#pruefung,#fragen{scroll-margin-top:70px}
@media(max-width:600px){.finfolder-page .section-dot-nav{width:24px;gap:0}.finfolder-page .section-dot-nav .section-dot-link{width:24px;height:26px;flex-basis:26px}.section-dot-label{font-size:11px;padding:7px 0;right:calc(100% + 4px)}}
@media(max-height:440px){.finfolder-page .section-dot-nav{top:calc(50% + 15px);gap:0;padding:0}.finfolder-page .section-dot-nav .section-dot-link{height:24px;flex-basis:24px}}
@media(prefers-reduced-motion:reduce){.section-dot-mark,.section-dot-label{transition:none}}

/* No dot is painted until the light opening panel has finished entering. */
.finfolder-page .section-dot-nav[data-dot-intro="waiting"]{visibility:hidden;opacity:0;pointer-events:none}
.finfolder-page .section-dot-nav[data-dot-intro="revealing"] .section-dot-link:not(.dot-entering):not(.dot-entered){visibility:hidden;pointer-events:none}
.section-dot-link.dot-entering .section-dot-mark{animation:section-dot-arrive .36s cubic-bezier(.2,.7,.2,1) both}
@keyframes section-dot-arrive{0%{opacity:0;transform:scale(2.4)}12%{opacity:1;transform:scale(2.2)}100%{opacity:1;transform:scale(var(--section-dot-rest-scale,1))}}
@media(prefers-reduced-motion:reduce){.section-dot-link.dot-entering .section-dot-mark{animation:none}}