/**
 * CONTRAST FIXES
 * Bessere Lesbarkeit durch verbesserte Kontraste
 */

/* ===================================
   TEXT KONTRASTE - HELLER HINTERGRUND
   =================================== */

/* Auf hellen Section-Hintergründen */
.metal-section,
section:not(.metal-section--dark):not(.page-hero) {
  background: #f5f5f5;
}

/* Überschriften auf hellem Hintergrund */
.metal-section h2,
.metal-section h3,
section:not(.metal-section--dark) h2,
section:not(.metal-section--dark) h3 {
  color: #1a1a1a !important;
}

/* Fließtext auf hellem Hintergrund */
.metal-section p,
section:not(.metal-section--dark) p {
  color: #333333 !important;
}

/* Listen auf hellem Hintergrund */
.metal-section li,
section:not(.metal-section--dark) li {
  color: #333333 !important;
}

/* Service-Listen - WICHTIG für Lesbarkeit */
.service-detail__list li,
.service-detail__text,
.service-detail__content p {
  color: #2c3e50 !important;
  font-size: 16px;
  line-height: 1.8;
}

.service-detail__content h2,
.service-detail__content h3 {
  color: #1a1a1a !important;
  margin-bottom: 20px;
}

/* Produkt-Beschreibungen */
.product-description,
.product-list li {
  color: #333333 !important;
}

/* ===================================
   SERVICE SECTIONS ABWECHSELND
   =================================== */

/* Jede ungerade Service-Section */
.service-section:nth-child(odd) {
  background: #ffffff !important;
}

.service-section:nth-child(odd) .service-detail__content *,
.service-section:nth-child(odd) h2,
.service-section:nth-child(odd) h3,
.service-section:nth-child(odd) p,
.service-section:nth-child(odd) li {
  color: #2c3e50 !important;
}

/* Jede gerade Service-Section (dunkel) */
.service-section:nth-child(even) {
  background: #1a1a1a !important;
}

.service-section:nth-child(even) .service-detail__content *,
.service-section:nth-child(even) h2,
.service-section:nth-child(even) h3,
.service-section:nth-child(even) p,
.service-section:nth-child(even) li {
  color: #ffffff !important;
}

/* ===================================
   ÜBER UNS - WERTE SECTION
   =================================== */

.value-card h3 {
  color: #ffffff !important;
  font-size: 20px;
  margin-top: 15px;
}

.value-card p {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 15px;
  line-height: 1.7;
}

/* ===================================
   TIMELINE
   =================================== */

.timeline-content h3 {
  color: #1a1a1a !important;
  font-size: 20px;
  margin-bottom: 10px;
}

.timeline-content p {
  color: #555555 !important;
  font-size: 16px;
  line-height: 1.7;
}

.timeline-year {
  color: var(--metal-orange) !important;
  font-weight: 700;
  font-size: 18px;
}

/* ===================================
   STATS / ZAHLEN
   =================================== */

.stat-number {
  color: #1a1a1a !important;
  font-size: 48px;
  font-weight: 900;
}

.stat-label {
  color: #555555 !important;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-top: 10px;
}

/* ===================================
   BUTTONS
   =================================== */

/* Primary Button */
.metal-btn--primary {
  background: var(--metal-orange) !important;
  color: #ffffff !important;
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* Secondary Button */
.metal-btn--secondary {
  background: transparent !important;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.metal-section .metal-btn--secondary {
  color: #1a1a1a !important;
  border-color: #1a1a1a;
}

/* ===================================
   CARDS
   =================================== */

.metal-card {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.metal-card h3 {
  color: #1a1a1a !important;
}

.metal-card p {
  color: #555555 !important;
}

/* ===================================
   NAVBAR (managed by navbar-improved.css)
   =================================== */

/* ===================================
   BADGES
   =================================== */

.metal-badge {
  background: rgba(243, 156, 18, 0.15) !important;
  color: #e67e22 !important;
  border: 2px solid rgba(243, 156, 18, 0.3);
  font-weight: 700;
  letter-spacing: 0.1em;
}

.metal-badge--line {
  background: transparent !important;
  border: none !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

.metal-section .metal-badge--line {
  color: rgba(0, 0, 0, 0.5) !important;
}

/* ===================================
   FOOTER
   =================================== */

.footer__text,
.footer__links a,
.footer__contact li {
  color: rgba(255, 255, 255, 0.8) !important;
}

.footer__heading {
  color: #ffffff !important;
}

/* ===================================
   RESPONSIVE ANPASSUNGEN
   =================================== */

@media (max-width: 768px) {
  .service-detail__content h2 {
    font-size: 28px;
  }
  
  .service-detail__content h3 {
    font-size: 20px;
  }
  
  .service-detail__list li {
    font-size: 15px;
  }
}