/* --- 1. WEISSEN RAHMEN UND SCROLLBALKEN ENTFERNEN --- */
html, body {
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: 'Josefin Sans', sans-serif;
}

html {

    scroll-padding-top: 0px; /* 🔥 Auf 0 setzen oder die Zeile komplett löschen */
}

/* ==========================================================================
   PERFORMANCE: ANIMATIONEN PAUSIEREN WENN NICHT SICHTBAR
   ========================================================================== */




/* 🔥 NEU: Hardware-Beschleunigung für die App-Karten aktivieren (GPU übernimmt die Arbeit) */
.featured-app-card, .small-app-card, .screenshot-gallery img {
    transform: translateZ(0);
    will-change: transform;
}

/* 🔥 PERFORMANCE-BOOST: Deaktiviert Maus-Events WÄHREND man scrollt */
body.is-scrolling {
    pointer-events: none !important;
}


/* ==========================================================================
   PERFORMANCE: ANIMATIONEN PAUSIEREN WENN NICHT SICHTBAR
   ========================================================================== */

/* 1. Standardmäßig alle Lichtkugeln (Auren) einfrieren! */
#apps::before, #apps::after, .section-title::before,
#features::before, #features::after,
.xoma-aura, .morris-aura, .dennis-aura-start, .dennis-aura-end {
    animation-play-state: paused !important;
}

/* 2. Sobald die Sektion durch JS sichtbar wird (.is-in-view), Feuer frei! */
.is-in-view::before,
.is-in-view::after,
.is-in-view .section-title::before,
.is-in-view .xoma-aura,
.is-in-view .morris-aura,
.is-in-view .dennis-aura-start,
.is-in-view .dennis-aura-end {
    animation-play-state: running !important;
}

body.is-scrolling .featured-app-card,
body.is-scrolling .small-app-card,
body.is-scrolling .feature-card,
body.is-scrolling .team-card,
body.is-scrolling .glass-nav a,
body.is-scrolling .btn-solid-dark,
body.is-scrolling .btn-outline-video,
body.is-scrolling .btn-outline-small,
body.is-scrolling .btn-small {
    /* Schaltet beim Scrollen nur die rechenintensiven Animationen ab, Klicks gehen aber durch! */
    transition: none !important;
}

body.is-scrolling canvas {
    pointer-events: none !important;
}

/* 🔥 PERFORMANCE-BOOST 2: Pausiert die riesigen Lichtkugeln beim Scrollen */
body.is-scrolling #apps::before,
body.is-scrolling #apps::after,
body.is-scrolling #features::before,
body.is-scrolling #features::after,
body.is-scrolling .section-title::before,
body.is-scrolling .xoma-aura,
body.is-scrolling .morris-aura,
body.is-scrolling .dennis-aura-start,
body.is-scrolling .dennis-aura-end {
    animation-play-state: paused !important;
}