/* Variantenspezifische Styles */
.dotnav{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);z-index:1025}.dotnav .nav-link{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:.4rem 0;color:var(--fhs-blue);font-size:.875rem;font-weight:600}.dotnav .nav-link span{opacity:0;transform:translateX(8px);transition:all var(--transition-base);background:#fff;padding:.15rem .5rem;box-shadow:var(--shadow-card);white-space:nowrap}.dotnav .nav-link:hover span{opacity:1;transform:none}.dotnav .nav-link::after{content:"";width:10px;height:10px;border-radius:50%;border:2px solid var(--fhs-blue);background:#fff;transition:all var(--transition-base)}.dotnav .nav-link.active::after{background:var(--fhs-magenta);border-color:var(--fhs-magenta);transform:scale(1.3)}.chapter-no{font-family:var(--font-display);font-size:1rem;color:var(--fhs-magenta);font-weight:600}.wb-card{background:#fff;height:100%;box-shadow:var(--shadow-card);transition:transform var(--transition-base)}.wb-card:hover{transform:translateY(-4px)}.wb-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.float-card{background:#fff;color:var(--text-body);padding:2.5rem;max-width:520px;box-shadow:var(--shadow-float)}