/* =========================
   FEDV – Umbau / Nachrüstung Altmaschinen (Page)
   Scope: .fedv-umbau
   Abhängigkeiten:
   - fedv-core.css (Tokens + Hero Base + CTA + wrap utilities)
   - fedv-pages.css (Modules: grids/cards/faq/steps/final + hero-typo + hero-side)
========================= */

.fedv-umbau,
.fedv-umbau *{ box-sizing:border-box; }

.fedv-umbau{
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#0f172a;
  line-height:1.65;
  margin:0;

  /* Optional page lead width */
  --fedv-lead-max: 76ch;
}

.fedv-umbau a{ color: inherit; }

/* =========================
   HERO CONFIG (deterministisch)
========================= */
.fedv-umbau .fedv-hero{
  /* Bild */
  --fedv-hero-image: url("https://fuhr-edv.de/wp-content/uploads/2026/01/Umbau-Altmaschinen.png");

  /* Bildposition (hier kannst du feinjustieren) */
  --fedv-hero-bg-x: 72%;
  --fedv-hero-bg-y: 22%;

  /* Höhe / Spacing */
  --fedv-hero-min-h: 520px;
  --fedv-hero-top-pad: clamp(64px, 7.2vw, 98px);
  --fedv-hero-bottom-pad: clamp(30px, 4vw, 54px);

  /* Overlay */
  --fedv-hero-ambient-opacity: .66;

  /* Layout Ratio */
  --fedv-hero-left: 1.25fr;
  --fedv-hero-right: .95fr;
}

/* =========================
   Page-specific layouts
========================= */
.fedv-umbau .fedv-split{
  display:grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
}

@media (max-width:1024px){
  .fedv-umbau .fedv-split{ grid-template-columns: 1fr; }
}

/* Small tags/badges */
.fedv-umbau .fedv-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin: 0;
  padding:0;
  list-style:none;
}

.fedv-umbau .fedv-tags li{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.86);
  box-shadow: 0 10px 22px rgba(15,23,42,.06);
  font-weight:650;
  color:#1f2a44;
  font-size:13px;
}

/* Deliverables list */
.fedv-umbau .fedv-list-tight{
  margin:0;
  padding-left:18px;
  color:#1f2a44;
}
.fedv-umbau .fedv-list-tight li{ margin:6px 0; }

/* Word-break safety (page only) */
@media (max-width:1441px){
  .fedv-umbau, .fedv-umbau *{
    overflow-wrap:anywhere;
    word-break:break-word;
  }
}