:root{
    --fb-bg:#ffffff;             /* Weiß */
    --fb-panel:#f9fafb;          /* hellgrau */
    --fb-text:#0f2442;           /* navy für Text */
    --fb-muted:#555;
    --fb-accent:#0a57ff;         /* blau für Akzent */
    --fb-border:rgba(0,0,0,.1);
    --fb-shadow:0 10px 28px rgba(0,0,0,.12);
    --fb-radius:20px;
    --fb-max:1200px;
  }

  .factbook{
    background: var(--fb-bg);
    color:var(--fb-text);
    padding: clamp(40px, 6vw, 80px) 20px;
  }
  .fb-wrap{
    max-width:var(--fb-max);
    margin:0 auto;
    display:grid;
    grid-template-columns: 1.05fr 1fr;
    gap: clamp(22px, 4vw, 36px);
    align-items:stretch;
  }

  .fb-col{
    position:relative;
    border:1px solid var(--fb-border);
    border-radius:var(--fb-radius);
    background:#fff;
    overflow:hidden;
  }

  .fb-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding: clamp(22px, 4vw, 42px);
    box-shadow: var(--fb-shadow);
  }
  .fb-eyebrow{
    font-size: clamp(28px, 4vw, 48px);
    line-height:1.1;
    margin:0 0 14px;
    font-weight:800;
    color:var(--fb-text);
  }
  .fb-lead{
    margin:0 0 24px;
    color:var(--fb-muted);
    font-size: clamp(16px, 1.8vw, 18px);
    line-height:1.6;
  }

  .fb-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 20px;
    font-weight:900;
    letter-spacing:.04em;
    color:var(--fb-accent);
    border:2px solid var(--fb-accent);
    border-radius:999px;
    text-decoration:none;
    transition:transform .18s ease, background .18s ease, color .18s ease;
    width:max-content;
  }
  .fb-btn:hover{ 
    transform:translateY(-2px);
    background:var(--fb-accent);
    color:#fff;
  }

  .fb-visual{
    background:var(--fb-panel);
    box-shadow: var(--fb-shadow);
    border-radius:var(--fb-radius);
  }
  .fb-img-wrap {
  position: relative;
  border-radius: var(--fb-radius);
  overflow: hidden;
}

.fb-img {
  width: 100%;
  height: auto; /* wichtig: sonst verdeckt das Bild den Text */
  display: block;
}

.fb-grid {
  position: absolute;
  inset: 0;
  color: rgba(10,87,255,.25);
  mix-blend-mode: multiply;
  pointer-events: none;
}

.fb-source {
  font-size: 12px;
  color: #666;
  margin: 6px 0 0;
  padding: 0 6px 10px;
}


  .fb-grid{
    position:absolute;
    inset:0;
    color:rgba(10,87,255,.25); /* blaues Gitter */
    mix-blend-mode:multiply;
    pointer-events:none;
    border-radius:var(--fb-radius);
  }

  @media (max-width: 980px){
    .fb-wrap{ grid-template-columns: 1fr; }
    .fb-visual{ min-height: 42vh; }
  }