/* Scoped Layout & Card Styles für Founder + Leadership + Timeline */
#hh-inline-founder{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#0f172a;
}

#hh-inline-founder .hh-container{
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
}

#hh-inline-founder .hh-section-box{
  background:#F0F8FF;
  border-radius:20px;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 12px 32px rgba(0,0,0,.07),0 4px 12px rgba(0,0,0,.04);
  padding:40px 20px;
  isolation:isolate;
}

#hh-inline-founder .hh-card{
  background:#ffffff;
  border-radius:20px;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 12px 32px rgba(0,0,0,.07),0 4px 12px rgba(0,0,0,.04);
  display:flex;
  flex-direction:column;
  isolation:isolate;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease,
    background .25s ease;
}

/* Desktop Hover */
@media (hover:hover) and (pointer:fine){
  #hh-inline-founder .hh-card:hover{
    transform:translateY(-5px);
    box-shadow:
      0 0 30px rgba(56,189,248,.45),
      0 0 60px rgba(37,99,235,.3),
      0 12px 32px rgba(0,0,0,.07);
    border-color:rgba(56,189,248,.35);
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.96) 0%,
      rgba(224,242,254,.9) 100%
    );
  }
}

/* Text */
#hh-inline-founder .founder-lead{
  font-size:16px;
  line-height:1.6;
  color:#334155;
  margin-bottom:12px;
}

#hh-inline-founder .founder-text{
  font-size:15px;
  line-height:1.6;
  color:#475569;
  margin-top:10px;
}

/* Socials */
#hh-inline-founder .founder-socials{
  display:flex;
  gap:12px;
  margin-top:10px;
}
#hh-inline-founder .founder-socials .sbtn{
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(15,23,42,.16);
}
#hh-inline-founder .founder-socials .sbtn img{
  width:20px;
  height:20px;
}

/* Mehr erfahren Button */
#hh-inline-founder .founder-more-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:14px;

  background:none;
  border:none;
  padding:0;

  font-size:14.5px;
  font-weight:800;
  color:#2563eb;
  cursor:pointer;
}
#hh-inline-founder .founder-more-btn:hover{
  text-decoration:underline;
}
#hh-inline-founder .founder-more-btn:focus-visible{
  outline:3px solid rgba(56,189,248,.55);
  outline-offset:4px;
  border-radius:10px;
}

/* Ausklappbarer Bereich (animierbar + A11y friendly) */
#hh-inline-founder .founder-more{
  margin-top:12px;
  overflow:hidden;
  max-height:0;
  opacity:0;
  transform: translateY(-4px);
  transition: max-height .25s ease, opacity .25s ease, transform .25s ease;
}
#hh-inline-founder .founder-more.is-open{
  max-height: 360px; /* bisschen Luft für längere Copy */
  opacity:1;
  transform:none;
}

#hh-inline-founder .founder-benefits{
  list-style:none;
  padding:0;
  margin:12px 0 0;
}
#hh-inline-founder .founder-benefits li{
  margin-bottom:8px;
  font-size:14.5px;
  color:#334155;
}

/* Reduce motion */
@media (prefers-reduced-motion:reduce){
  #hh-inline-founder *{
    animation:none !important;
    transition:none !important;
  }
  #hh-inline-founder .founder-more{
    max-height:none;
    opacity:1;
    transform:none;
  }
}