/* Kontrast-Verbesserungen für bessere Lesbarkeit */

/* Globale Text-Kontraste */
.hero-subtitle {
    color: #495057; /* Dunklerer Grauton für besseren Kontrast */
}

.team-intro,
.company-tagline {
    color: #495057;
    font-weight: 500;
}

.date {
    color: #6c757d;
    font-weight: 500;
}

/* Karten und Container */
.team-member,
.solution-card,
.feature-card,
.project-highlight,
.pros,
.cons,
.quote,
.phone-screen,
.tech-layer,
.timeline-phase,
.recommendation-card,
.path-arrow,
.implementation-time {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.1);
}

/* Hover-Effekte mit besserem Kontrast */
.solution-card:hover,
.team-member:hover,
.feature-card:hover,
.project-highlight:hover,
.tech-layer:hover {
    border-color: #007aff;
    box-shadow: 0 10px 30px rgba(0,122,255,0.15);
}

/* Text auf farbigen Hintergründen */
.solution-badge {
    background: #007aff;
    color: white;
    font-weight: 600;
}

.module.active {
    border-color: #007aff;
    background: rgba(0,122,255,0.05);
}

.module.completed {
    border-color: #34c759;
    background: rgba(52,199,89,0.05);
}

/* Navigation verbessert */
.navigation {
    background: rgba(255,255,255,0.98);
    border: 1px solid rgba(0,0,0,0.12);
    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}

.nav-button {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.12);
    color: #000000;
}

.nav-button:hover {
    background: #007aff;
    color: #ffffff;
    border-color: #007aff;
}

/* Bessere Lesbarkeit für kleine Texte */
.feature-item p,
.timeline-item p,
.team-member p,
.solution-card p,
.expert span,
.phase-header p {
    color: #495057;
    font-weight: 400;
}

/* Überschriften verstärken */
h2, h3, h4 {
    color: #000000;
    font-weight: 700;
}

/* Links und interaktive Elemente */
.app-button {
    background: #007aff;
    color: white;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(0,122,255,0.2);
}

.app-button:hover {
    background: #0051d5;
    box-shadow: 0 4px 12px rgba(0,122,255,0.3);
}

/* Tabellen-Kontrast */
.comparison-table th {
    color: #000000;
    font-weight: 700;
    background: #f8f9fa;
}

.comparison-table td {
    color: #495057;
    font-weight: 500;
}

.comparison-table tr:hover {
    background: #f8f9fa;
}

/* Browser Mockup */
.browser-bar {
    background: #e9ecef;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.browser-dots span {
    background: #adb5bd;
}

/* Metriken und Zahlen */
.metric p,
.challenge-item p {
    color: #495057;
    font-weight: 500;
}

/* Listen */
.pros li,
.cons li,
.feature-card li,
.pricing-card li,
.recommendation-card li,
.timeline-phase li {
    color: #343a40;
}

/* Call-to-Action Bereich */
.cta-subtitle {
    color: #495057;
    font-weight: 500;
}

.contact-info p {
    color: #6c757d;
    font-weight: 500;
}

/* Slide Indicator */
.slide-indicator {
    color: #000000;
    font-weight: 600;
}

/* Zitate */
.quote p {
    color: #212529;
    font-weight: 500;
}

.quote cite {
    color: #6c757d;
}