/* ==========================================================================
   Icons – Globales Lucide-Icon Styling
   ========================================================================== */

/* ── Basis: Alle Lucide-SVGs erben Farbe und Größe ──────────────────────── */
[data-lucide] {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  stroke: currentColor;
  fill: none;
}

/* ── Service-Card Icons (Leistungsübersicht auf Home) ───────────────────── */
.service-card__icon [data-lucide] {
  width: 2.5rem;
  height: 2.5rem;
  color: var(--color-accent);
}

/* ── USP-Card Icons (Vorteile auf Home) ─────────────────────────────────── */
.usp-card__icon [data-lucide] {
  width: 2.5rem;
  height: 2.5rem;
  color: var(--color-accent);
}

/* ── Value-Card Icons (Werte auf Über-uns) ──────────────────────────────── */
.value-card__icon [data-lucide] {
  width: 2.5rem;
  height: 2.5rem;
  color: var(--color-accent);
}

/* ── Flip-Box Photo Placeholder (Team auf Über-uns) ─────────────────────── */
.flip-box__photo-placeholder [data-lucide] {
  width: 4rem;
  height: 4rem;
  color: var(--color-accent);
}

/* ── About Teaser Feature Checkmarks (Home) ─────────────────────────────── */
.about-teaser__feature-icon [data-lucide] {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color-accent);
}

/* ── Benefits-List Checkmarks (Leistungen) ──────────────────────────────── */
.benefits-list__icon [data-lucide] {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color-accent);
}

/* ── Contact-Info Icons (Kontakt-Seite) ─────────────────────────────────── */
.contact-info-card__icon [data-lucide] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--color-accent);
}

/* ── Footer Kontakt-Icons ───────────────────────────────────────────────── */
.footer__contact-icon [data-lucide] {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color-accent);
}

/* ── Anfrage-Card Icons (Multi-Step Formular) ───────────────────────────── */
.anfrage-card__icon [data-lucide] {
  width: 2rem;
  height: 2rem;
  color: var(--color-accent);
}

.anfrage-cards--4 .anfrage-card__icon [data-lucide] {
  width: 2.5rem;
  height: 2.5rem;
}

/* ── Anfrage Success Icon ───────────────────────────────────────────────── */
.anfrage-success__icon [data-lucide] {
  width: 4rem;
  height: 4rem;
  color: var(--color-accent);
}

/* ── About Teaser Placeholder ───────────────────────────────────────────── */
.about-teaser__image-placeholder [data-lucide] {
  width: 3rem;
  height: 3rem;
  color: var(--color-accent);
}

/* ── Cookie-Banner Icons ────────────────────────────────────────────────── */
.cookie-category__arrow [data-lucide] {
  width: 16px;
  height: 16px;
  transition: transform var(--transition-base);
}

.cookie-category__header.is-expanded .cookie-category__arrow [data-lucide] {
  transform: rotate(180deg);
}

.cookie-settings-trigger [data-lucide] {
  width: 18px;
  height: 18px;
  color: inherit;
}

/* ── Werte-Teaser Icons (Startseite) ────────────────────────────────────── */
.werte-teaser__icon [data-lucide] {
  width: 2rem;
  height: 2rem;
}

/* ── Map Placeholder ────────────────────────────────────────────────────── */
.map-placeholder [data-lucide] {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--color-accent);
}