/**
 * KFZ-Werkstatt – Farben + eigenes Layout (kompakt, 4-Spalten, zentrierter Hero)
 */

/* Farben */
body.theme-kfz {
  --background-color: #ffffff;
  --default-color: #374151;
  --heading-color: #111827;
  --accent-color: #dc2626;
  --surface-color: #ffffff;
  --contrast-color: #ffffff;
  --nav-color: #111827;
  --nav-hover-color: #dc2626;
  --nav-dropdown-hover-color: #dc2626;
}

body.theme-kfz .light-background {
  --background-color: #f3f4f6;
  --surface-color: #ffffff;
}

body.theme-kfz .dark-background {
  --background-color: #111827;
  --surface-color: #1f2937;
  --heading-color: #f9fafb;
  --default-color: #d1d5db;
}

/* Layout */
body.theme-kfz .hero .container {
  text-align: center;
}

body.theme-kfz .hero .container .col-lg-8 {
  margin-left: auto;
  margin-right: auto;
}

body.theme-kfz .hero .hero-actions {
  justify-content: center;
}

body.theme-kfz .hero .hero-counters {
  justify-content: center;
  border-top: 3px solid var(--accent-color);
  padding-top: 1.25rem;
  margin-top: 2rem;
}

body.theme-kfz .hero .hero-bg::after {
  background: linear-gradient(180deg, rgba(17, 24, 39, 0.55) 0%, rgba(17, 24, 39, 0.82) 100%);
}

body.theme-kfz #about .row {
  align-items: center;
}

body.theme-kfz #about .col-lg-6:first-child {
  order: 2;
}

body.theme-kfz #about .col-lg-6:last-child {
  order: 1;
}

body.theme-kfz #services .row > [class*="col-"] {
  flex: 0 0 25%;
  max-width: 25%;
}

body.theme-kfz #projects .row > [class*="col-"] {
  flex: 0 0 50%;
  max-width: 50%;
}

body.theme-kfz #team .row > [class*="col-"] {
  flex: 0 0 25%;
  max-width: 25%;
}

body.theme-kfz #testimonials .row {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 1rem;
  padding-bottom: 0.5rem;
  scroll-snap-type: x mandatory;
}

body.theme-kfz #testimonials .row > [class*="col-"] {
  flex: 0 0 85%;
  max-width: 85%;
  scroll-snap-align: start;
}

body.theme-kfz .service-item,
body.theme-kfz .project-card,
body.theme-kfz .member-card {
  border-radius: 0.35rem;
  border-top: 3px solid var(--accent-color);
}

body.theme-kfz .section-title {
  text-align: center;
}

body.theme-kfz .header {
  border-bottom: 3px solid var(--accent-color);
}

body.theme-kfz #footer .row > [class*="col-lg-"] {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 991px) {
  body.theme-kfz #services .row > [class*="col-"],
  body.theme-kfz #team .row > [class*="col-"] {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 767px) {
  body.theme-kfz #services .row > [class*="col-"],
  body.theme-kfz #projects .row > [class*="col-"],
  body.theme-kfz #team .row > [class*="col-"],
  body.theme-kfz #footer .row > [class*="col-lg-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
}