/* Kritische Fixes für die Website - fügt spez.main-nav a.agent-link:hover, .main-nav a.agent-link.active {
    color: #00e676 !important;
    text-shadow: 0 0 12px rgba(0, 230, 118, 0.8) !important;
    background: rgba(0, 230, 118, 0.1) !important;
    border-radius: 8px !important;
    padding: 0.5rem 1rem !important;
}e Styles hinzu, die andere Probleme überschreiben */

/* Fix für Navigation-Links im Hauptmenü auf der Landing Page */
body .main-nav {
    z-index: 1000;
    pointer-events: auto !important;
}

.main-nav a {
    pointer-events: auto !important;
    color: #00c3ff !important;
    text-shadow: 0 0 8px rgba(0, 195, 255, 0.5);
    font-weight: 500;
}

.main-nav a:hover {
    color: #80e1ff !important;
    text-shadow: 0 0 12px rgba(0, 195, 255, 0.8);
}

.main-nav a.active {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
}

/* Spezielle Hervorhebungen für Operator, Model Studio und Agent */
.main-nav a.operator-link {
    color: #ff3e8f !important;
    text-shadow: 0 0 8px rgba(255, 62, 143, 0.5);
}

.main-nav a.studio-link {
    color: #00ffb3 !important;
    text-shadow: 0 0 8px rgba(0, 255, 179, 0.5);
}

.main-nav a.agent-link {
    color: #ffa230 !important;
    text-shadow: 0 0 8px rgba(255, 162, 48, 0.5);
}

.main-nav a.operator-link:hover, .main-nav a.operator-link.active {
    color: #ff70a8 !important;
    text-shadow: 0 0 12px rgba(255, 62, 143, 0.8);
}

.main-nav a.studio-link:hover, .main-nav a.studio-link.active {
    color: #80ffd9 !important;
    text-shadow: 0 0 12px rgba(0, 255, 179, 0.8);
}

.main-nav a.agent-link:hover, .main-nav a.agent-link.active {
    color: #ffba66 !important;
    text-shadow: 0 0 12px rgba(255, 162, 48, 0.8);
}

/* Fix für Scrollbar-Problem im Hero-Bereich */
.hero-section, .hero-content {
    overflow: visible !important;
    max-width: 100%;
    width: 100%;
}

/* Fix für alle Container - keine overflow */
body, html, main, section, .section, .container {
    overflow-x: hidden !important;
    max-width: 100vw;
}

/* Hintergrundanimation wiederherstellen */
.hero-section::before,
.features-section::before,
.pricing-section::before {
    content: "";
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    opacity: 0.2;
    background: linear-gradient(180deg, 
                rgba(0, 30, 60, 0.8), 
                rgba(0, 10, 20, 0.8)),
                repeating-linear-gradient(
                    0deg,
                    rgba(0, 30, 60, 0) 0%,
                    rgba(0, 30, 60, 0) 5%,
                    rgba(0, 195, 255, 0.1) 5.1%,
                    rgba(0, 195, 255, 0.1) 5.2%,
                    rgba(0, 30, 60, 0) 5.3%,
                    rgba(0, 30, 60, 0) 10%,
                    rgba(0, 195, 255, 0.05) 10.1%,
                    rgba(0, 195, 255, 0.05) 10.2%,
                    rgba(0, 30, 60, 0) 10.3%
                );
    animation: codeStream 60s linear infinite;
}

@keyframes codeStream {
    from { background-position: 0 0; }
    to { background-position: 0 1000px; }
}

/* Spezielle Styles für die Landingpage */
body.landing-page .main-nav a,
body.index-page .main-nav a {
    pointer-events: auto !important;
}

body.landing-page #home-link,
body.index-page #home-link {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
}