/* Performance-Schicht: zuletzt geladen, überschreibt aufwendige Effekte der Seiten */
/* 1. Milchglas ist die Hauptursache für Scroll-Ruckler: vollständig entfernt, Navigation mit deckendem weißem Hintergrund */
*,*::before,*::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.nav{background:rgba(255,255,255,.97)!important}
/* 2. Abschnitte außerhalb des Viewports pausieren Animationen (Markierung durch perf.js) */
[data-off],[data-off] *,[data-off] *::before,[data-off] *::after{animation-play-state:paused!important}
html.page-hidden *,html.page-hidden *::before,html.page-hidden *::after{animation-play-state:paused!important}
/* 3. (content-visibility entfernt: schnelles Scrollen führte zu weißen Flächen und Sprüngen) */
/* 4. Großflächige Unschärfe-Lichtflecken auf eigener Ebene, um Neuzeichnen beim Scrollen zu vermeiden */
.o1,.o2,.orb,.cta-aurora,svg[class*="-bg"],[class*="-orbs"],[class*="aurora"]{will-change:transform;transform:translateZ(0)}
/* 5. Lichtflecken im Hero: SVG-Unschärfe pro Frame ist teuer. Flecken statisch, gesamte Ebene per Compositing animiert (nur transform) */
g.hs{animation:none!important}
svg:has(> g.hs),svg:has(> g > g.hs){will-change:transform;animation:perfDrift 16s ease-in-out infinite alternate}
@keyframes perfDrift{from{transform:translate3d(-1.5%,0,0) scale(1.04)}to{transform:translate3d(1.5%,-1%,0) scale(1.08)}}
@media (prefers-reduced-motion:reduce){svg:has(> g.hs){animation:none}}