/* =========================
   FEDV – CE-Kennzeichnung (Page)
   Scope: .fedv-ce
   Abhängigkeiten:
   - fedv-core.css (Tokens + Hero Base + CTA)
   - fedv-pages.css (Modules: grids/cards/faq/steps/final + hero side + hero typo)
========================= */

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

.fedv-ce{
  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: 74ch;
}

.fedv-ce a{ color: inherit; }

/* =========================
   HERO CONFIG (deterministisch!)
========================= */

.fedv-ce .fedv-hero{
  --fedv-hero-image: url("https://fuhr-edv.de/wp-content/uploads/2025/12/CE-Kennzeichnung.png");

  /* Position: hier stellst du “die alte” Bildlage wieder her */
  --fedv-hero-bg-x: 72%;
  --fedv-hero-bg-y: 40%;

  /* Height & spacing */
  --fedv-hero-min-h: 520px;
  --fedv-hero-top-pad: clamp(64px, 7.2vw, 98px);
  --fedv-hero-bottom-pad: clamp(30px, 4vw, 54px);

  /* Overlay feel */
  --fedv-hero-ambient-opacity: .62;

  /* Grid ratio */
  --fedv-hero-left: 1.25fr;
  --fedv-hero-right: .95fr;
}

/* =========================
   CE – Page-specific layouts
========================= */

/* Split blocks */
.fedv-ce .fedv-split{
  display:grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
@media (max-width:1024px){
  .fedv-ce .fedv-split{ grid-template-columns: 1fr; }
}

/* Small “badge list” */
.fedv-ce .fedv-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin: 10px 0 0 0;
  padding:0;
  list-style:none;
}
.fedv-ce .fedv-badges li{
  display:inline-flex;
  align-items:center;
  gap:8px;
  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;
}

/* CE “deliverables” list */
.fedv-ce .fedv-deliver{
  margin:0;
  padding-left:18px;
  color:#1f2a44;
}
.fedv-ce .fedv-deliver li{ margin:6px 0; }

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