/* ARTEMED & Klinik Dießen Farbpalette */

:root {
    /* Pastellige Hauptfarben für sanfteres Design */
    --artemed-blue: #7ba7cc;        /* Pastellblau */
    --artemed-blue-light: #a3c4e0;  /* Helleres Pastellblau für Hover */
    --artemed-blue-dark: #5889b5;   /* Dunkleres Pastellblau für Akzente */
    --artemed-green: #73c088;       /* Pastellgrün */
    --artemed-green-light: #96d2a7; /* Helles Pastellgrün */
    --artemed-teal: #7bc5cc;        /* Pastelltürkis */
    
    /* Zusätzliche sanfte Farben */
    --artemed-lavender: #b3a7d9;    /* Pastelllila */
    --artemed-peach: #ffc4a3;       /* Pastellpfirsich */
    
    /* Gradient Updates - Sanftere Verläufe */
    --gradient-artemed: linear-gradient(135deg, #5a7fa3 0%, #7ba7cc 100%); /* Dunklerer Gradient für mehr Kontrast */
    --gradient-artemed-green: linear-gradient(135deg, #73c088 0%, #96d2a7 100%);
    --gradient-artemed-teal: linear-gradient(135deg, #7bc5cc 0%, #9ed5db 100%);
    --gradient-artemed-soft: linear-gradient(135deg, #b3a7d9 0%, #c8bfe8 100%);
}

/* Überschreibe die bisherigen Blautöne */
.hero-title {
    background: var(--gradient-artemed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.company-name {
    background: var(--gradient-artemed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Akzentfarbe Updates */
.solution-badge {
    background: var(--artemed-blue);
}

.app-button {
    background: var(--artemed-blue);
}

.app-button:hover {
    background: var(--artemed-blue-light);
    box-shadow: 0 4px 12px rgba(123,167,204,0.3);
}

/* Navigation Updates */
.nav-button:hover {
    background: var(--artemed-blue);
    border-color: var(--artemed-blue);
}

/* Links und Fokus-States */
button:focus,
.solution-card:focus,
.nav-button:focus {
    outline: 2px solid var(--artemed-blue);
}

/* Hover-Effekte */
.solution-card:hover,
.team-member:hover,
.feature-card:hover,
.project-highlight:hover,
.tech-layer:hover,
.expert:hover {
    border-color: var(--artemed-blue);
    box-shadow: 0 10px 30px rgba(123,167,204,0.2);
}

/* Module und aktive Elemente */
.module.active {
    border-color: var(--artemed-blue);
    background: rgba(123,167,204,0.1);
}

.module.completed {
    border-color: var(--artemed-green);
    background: rgba(115,192,136,0.1);
}

/* Team Icons */
.member-icon.gradient {
    background: var(--gradient-artemed);
    box-shadow: 0 4px 20px rgba(123,167,204,0.35);
}

/* Pricing Card */
.pricing-card {
    background: var(--gradient-artemed);
}

/* Metriken */
.metric-value {
    background: var(--gradient-artemed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Challenge Numbers - Artemed Grün für Variation */
.challenge-number {
    background: var(--gradient-artemed-green);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* CTA Title */
.cta-title {
    background: var(--gradient-artemed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Erfolgs-Elemente in Grün */
.project-highlight .result {
    color: var(--artemed-green);
}

.pros h4 {
    color: var(--artemed-green);
}

.pros li:before {
    color: var(--artemed-green);
}

/* Timeline und Progress */
.timeline-dot {
    background: var(--artemed-blue);
}

.phase-header h4 {
    color: var(--artemed-blue);
}

.timeline-phase li:before {
    color: var(--artemed-blue);
}

/* Recommendation Card */
.recommendation-card.highlighted {
    background: var(--gradient-artemed);
}

/* Tech Stack */
.tech-layer h4 {
    color: var(--artemed-blue);
}

/* Team Role */
.team-member .role {
    color: var(--artemed-blue);
}

/* Solution Icons - verschiedene Farben */
.solution-card:nth-child(1) .solution-icon {
    background: var(--gradient-artemed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.solution-card:nth-child(2) .solution-icon {
    background: var(--gradient-artemed-teal);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.solution-card:nth-child(3) .solution-icon {
    background: var(--gradient-artemed-green);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Progress bars */
.progress-fill {
    background: var(--artemed-green);
}

/* Focus und Active States */
.cta-button.primary {
    background: var(--artemed-blue);
}

.cta-button.primary:hover {
    background: var(--artemed-blue-light);
}

/* Connection elements */
.ai-brain {
    background: var(--gradient-artemed-teal);
}

.pulse {
    background: var(--gradient-artemed-teal);
}

/* Spezielle Akzente */
.feature-icon-large:nth-child(1) {
    color: var(--artemed-blue);
}

.feature-icon-large:nth-child(2) {
    color: var(--artemed-teal);
}

.feature-icon-large:nth-child(3) {
    color: var(--artemed-green);
}