/* =========================
   FEDV GBU (page-specific)
========================= */

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

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

  /* Optional: Lead etwas schmaler als Default */
  --fedv-lead-max: 72ch;
}

.fedv-gbu a{ color: inherit; }

/* =========================
   GBU – Hero config (for global .fedv-hero)
========================= */
.fedv-gbu .fedv-hero{
  --fedv-hero-image: url("https://fuhr-edv.de/wp-content/uploads/2026/01/Gefaehrdungsbeurteilung-Hero.png");
  --fedv-hero-bg-x: 10%;
  --fedv-hero-bg-y: 20%;

  /* alte GBU-Gradient-Optik */
  --fedv-hero-stop-b: 32%;
  --fedv-hero-stop-c: 48%;
  --fedv-hero-stop-d: 60%;
  --fedv-hero-stop-e: 70%;

  --fedv-hero-ambient-opacity: .68;
}

/* =========================
   Layout (GBU only)
========================= */
.fedv-gbu .split{
  display:grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
}

/* Inline helpers */
.fedv-gbu .p-inline{ margin:0 0 10px 0; }
.fedv-gbu .ul-inline{
  margin:0;
  padding-left:18px;
  color:#1f2a44;
}

/* =========================
   Process image (safe, no overlap)
   Works even if WP wraps images in figure.wp-block-image
========================= */

/* Wrapper (dein eigener) */
.fedv-gbu .fedv-process-image{
  position:relative;
  overflow:hidden;   
  border-radius:18px;
  max-width:760px;   
  margin-top: clamp(28px, 2.5vw, 38px);
}

/* Bild selbst */
.fedv-gbu .fedv-process-image img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;

  float:none !important;
  position:static !important;

  border:none;
  box-shadow:
    0 18px 44px rgba(15,23,42,.12),
    0 0 0 4px rgba(27,71,218,.08);

  transform: translateZ(0);
  transition: transform .35s ease, box-shadow .35s ease;
}

/* Optional hover – bleibt im Wrapper geclippt */
@media (hover:hover){
  .fedv-gbu .fedv-process-image img:hover{
    transform: scale(1.015);
    box-shadow:
      0 22px 52px rgba(15,23,42,.16),
      0 0 0 6px rgba(27,71,218,.12);
  }
}

/* WordPress Absicherung:
   Falls WP das Bild als wp-block-image / figure ausgibt */
.fedv-gbu figure.wp-block-image,
.fedv-gbu .wp-block-image{
  margin:0;           /* verhindert unerwartete Lücken */
  overflow:hidden;    /* verhindert Overlap bei Scale */
}

.fedv-gbu figure.wp-block-image img,
.fedv-gbu .wp-block-image img{
  display:block;
  max-width:100%;
  height:auto;

  float:none !important;
  position:static !important;
}

/* =========================
   Responsive
========================= */
@media (max-width:1024px){
  .fedv-gbu .split{ grid-template-columns: 1fr; }
  .fedv-gbu .fedv-process-image{ max-width: 100%; } /* auf Mobile keine harte Begrenzung */
}

/* Word-break safety */
@media (max-width:1441px){
  .fedv-gbu h1, .fedv-gbu h2, .fedv-gbu h3,
  .fedv-gbu p, .fedv-gbu li, .fedv-gbu a{
    overflow-wrap:anywhere;
    word-break:break-word;
  }
}

/* GBU – Flow/Overlap Fix */
.fedv-gbu .split{
  grid-auto-rows: minmax(0, auto);
  position: relative;
  isolation: isolate; /* eigener Stacking-Context, verhindert „drüberlegen“ */
}

.fedv-gbu .split > *{
  min-width: 0;
  position: relative;
  z-index: 1;
}

/* Falls Theme irgendwo floats verwendet: sauber clearen */
.fedv-gbu .fedv-section::after,
.fedv-gbu .fedv-wrap::after{
  content:"";
  display:block;
  clear:both;
}

/* WP-Image Block defensiv (falls WP umwrappt) */
.fedv-gbu figure.wp-block-image,
.fedv-gbu .wp-block-image{ margin:0; }
.fedv-gbu figure.wp-block-image img,
.fedv-gbu .wp-block-image img{
  float:none !important;
  position:static !important;
  display:block;
  max-width:100%;
  height:auto;

.fedv-gbu .fedv-process-image + .fedv-h2{
  margin-top: clamp(40px, 4vw, 80px);
}
}