/* Particles System */
.particles-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
}

.particle {
    position: absolute;
    background: rgba(34, 222, 238, 0.8);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
}

/* Hero Section Particles */
#hero-particles .particle {
    background: rgba(34, 222, 238, 0.8);
    box-shadow: 0 0 6px rgba(34, 222, 238, 0.4);
}

/* Portfolio Section Particles - Dark for white background */
#portfolio-particles .particle {
    background: rgba(26, 59, 68, 0.7);
    box-shadow: 0 0 4px rgba(26, 59, 68, 0.3);
}

/* About Section Particles */
#about-particles .particle {
    background: rgba(34, 222, 238, 0.9);
    box-shadow: 0 0 8px rgba(34, 222, 238, 0.5);
}

/* Expertise Section Particles - Dark for white background */
#expertise-particles .particle {
    background: rgba(9, 129, 136, 0.8);
    box-shadow: 0 0 5px rgba(9, 129, 136, 0.4);
}

/* Workshop Section Particles */
#workshop-particles .particle {
    background: rgba(107, 236, 243, 0.7);
    box-shadow: 0 0 6px rgba(107, 236, 243, 0.3);
}

/* Footer Section Particles */
#footer-particles .particle {
    background: rgba(34, 222, 238, 0.6);
    box-shadow: 0 0 4px rgba(34, 222, 238, 0.2);
}

/* 404 Error Page Particles */
#error404-particles .particle {
    background: rgba(107, 236, 243, 0.7);
    box-shadow: 0 0 5px rgba(107, 236, 243, 0.3);
}

/* Impressum Page Particles */
#impressum-particles .particle {
    background: rgba(34, 222, 238, 0.7);
    box-shadow: 0 0 5px rgba(34, 222, 238, 0.3);
}

/* Ensure sections have relative positioning for absolute particles */
.hero-section,
.portfolio-section-new,
.about-section,
.expertise-section-new,
.workshop-section,
.footer,
#error404,
#impressum {
    position: relative;
}

/* Ensure content is above particles */
section .container,
.hero-container,
.footer-content {
    position: relative;
    z-index: 10;
}