/* === style.css - RS SOLUTION DESIGN === */

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Rajdhani:wght@500;600;700;800&display=swap');

/* Basis Settings */
body {
    background-color: #050505;
    color: white;
    font-family: 'Inter', sans-serif;
    overflow-x: hidden; /* Verhindert seitliches Scrollen */
    -webkit-tap-highlight-color: transparent; /* Entfernt graue Box bei Touch auf Handys */
}

/* Glitch Text Effekt */
.glitch-text {
    position: relative;
    text-shadow: 2px 2px 0px rgba(0, 255, 255, 0.3), -2px -2px 0px rgba(204, 255, 0, 0.3);
}

/* Laufband Animation (Logos) */
@keyframes marquee {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}
.animate-marquee {
    display: flex;
    width: max-content;
    animation: marquee 40s linear infinite;
}

/* Mobile Menü Animation */
#mobile-menu {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.menu-open { transform: translateX(0) !important; }
.menu-closed { transform: translateX(100%); }

/* Hilfsklassen */
.font-tech { font-family: 'Rajdhani', sans-serif; }

/* === Navigation Verbesserungen === */

/* Navigation Shadow */
.nav-shadow {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 255, 255, 0.03);
}

/* Logo Glow Effekt */
.logo-glow:hover {
    filter: drop-shadow(0 0 8px rgba(0, 255, 255, 0.6));
    text-shadow: 0 0 20px rgba(0, 255, 255, 0.4);
}

.shadow-neon {
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.6), 0 0 40px rgba(0, 255, 255, 0.3), inset 0 0 10px rgba(0, 255, 255, 0.2);
}

/* Smooth Backdrop Blur */
@supports (backdrop-filter: blur(24px)) {
    nav {
        -webkit-backdrop-filter: blur(24px);
        backdrop-filter: blur(24px);
    }
}