/* Info-Unterseiten (Über uns, Leistungen), seit 27.10.2026.
   Baut auf den Bestandsklassen der Unterseiten auf (hb-pgtop, hb-kr-*, hb-badge,
   hb-fc-h2, hb-nav-cta-bar) und ergänzt nur, was dort fehlt. Tokens wie Startseite:
   Orange #FB841C, Verlauf GRAD, Karten weiß mit hellem Rand, Sektionen #fff / #faf8f5. */

.hbi-it{font-family:"Libre Caslon Text",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.028em}
.hbi-grad{background:linear-gradient(90deg,#ffb575,#fb841c 44%,#c95e00 82%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding:0 .1em .18em 0;margin-right:-.1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hb-kr-sub b{color:#141414;font-weight:700}
a.hb-nav-cta-bar{text-decoration:none;flex:none}

/* Stat-Kacheln im Hero (wie Karriere) */
.hb-kr-stats2{gap:12px!important;flex-wrap:wrap}
.hbi-stat{background:#ffecdc;border:.5px solid #ddd;border-radius:10px;padding:4px}
.hbi-stat-in{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,247,241,.9));border:.5px solid #fff;border-radius:7px;padding:16px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:136px}
.hbi-stat-num{font-family:"Helvetica Now Display","Helvetica Neue",Arial,sans-serif;font-size:32px;font-weight:500;line-height:1;letter-spacing:-.02em;background:linear-gradient(180deg,#ffc593,#fb841c 52%,#e36a00);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hbi-stat-lbl{font-family:"Libre Caslon Text",Georgia,serif;font-style:italic;font-size:14px;letter-spacing:-.03em;color:#4a4a4a}

/* Foto-Karte (Hero rechts, Gründer) */
.hbi-photocard{background:#fff8f1;border:1px solid #f0e7dd;border-radius:18px;padding:8px;box-shadow:0 22px 55px rgba(20,20,20,.08);margin:0}
.hbi-photocard img{display:block;width:100%;height:auto;border-radius:12px;object-fit:cover}
.hbi-photocard img.hbi-photo-hero{aspect-ratio:4/5;object-position:50% 20%}
/* Fotos bewusst klein (Lea 27.10.: „viel zu groß“) */
.hb-kr-right .hbi-photocard{width:100%;max-width:340px;margin:0 auto}
.hbi-founder-photo .hbi-photocard{max-width:320px;margin:0 auto}
.hbi-photocard figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;padding:14px 10px 8px;font-family:"Helvetica Now Display","Helvetica Neue",Arial,sans-serif;font-size:15px;font-weight:500;color:#141414}
.hbi-photocard figcaption b{white-space:nowrap;font-weight:500}
.hbi-photocard figcaption span{font-size:13px;font-weight:500;color:#7e7e7e}

/* Sektionen */
.hbi-sec{display:flex;justify-content:center;width:100%;padding:90px 40px;box-sizing:border-box;font-family:"Helvetica Now Display","Helvetica Neue",Arial,sans-serif;color:#141414}
.hbi-sec--warm{background:#faf8f5}
.hbi-sec--white{background:#fff}
.hbi-sec--glow{background:linear-gradient(180deg,#ffffff,#fdf1e7)}
.hbi-in{width:100%;max-width:1180px;display:flex;flex-direction:column;align-items:center}
.hbi-head{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;max-width:860px}
.hbi-lead{color:#7e7e7e;font-size:17px;font-weight:500;line-height:25px;max-width:700px;margin:0}
.hbi-lead b{color:#141414;font-weight:700}

/* Karten-Raster */
.hbi-grid{display:grid;gap:20px;width:100%;margin-top:48px}
.hbi-grid--2{grid-template-columns:repeat(2,1fr)}
.hbi-grid--3{grid-template-columns:repeat(3,1fr)}
.hbi-grid--4{grid-template-columns:repeat(4,1fr)}
.hbi-card{background:linear-gradient(270deg,#f8f8f8,#fff);border:1px solid #f0f0f0;border-radius:18px;padding:28px;box-shadow:0 14px 34px rgba(20,20,20,.05);display:flex;flex-direction:column;gap:12px;scroll-margin-top:110px}
.hbi-card h3{margin:0;font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-.02em;color:#141414}
.hbi-card p{margin:0;font-size:15px;line-height:1.55;color:#5a5a5a}
.hbi-card p b{color:#141414;font-weight:700}
.hbi-num{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-width:40px;height:30px;padding:0 10px;border-radius:50px;background:#fff;border:1px solid #e9e9e9;font-size:13px;font-weight:500;color:#141414}
.hbi-num i{width:8px;height:8px;border-radius:50%;background:#fb841c;margin-right:7px;display:inline-block}
.hbi-ico{width:52px;height:52px;margin:-6px 0 0 -6px;background:center/contain no-repeat}
.hbi-ico--team{background-image:url(/images/6a47829bc684bb2c9a1a27e6_fg6_ico_team.svg)}
.hbi-ico--vertrieb{background-image:url(/images/6a47829c1fac529c6ab88bb7_fg6_ico_vertrieb.svg)}
.hbi-ico--umsatz{background-image:url(/images/6a47829c648d02fb3c68c5d7_fg6_ico_umsatz.svg)}
.hbi-ico--firma{background-image:url(/images/6a47829d0ae6bd4afb71f335_fg6_ico_firma.svg)}
.hbi-ico--ai{background-image:url(/images/6a47829d1fac529c6ab88c0b_fg6_ico_ai.svg)}

/* Gründer */
.hbi-founder{display:flex;align-items:center;gap:64px;width:100%;max-width:1080px}
.hbi-founder-photo{flex:0 0 34%;min-width:0}
.hbi-founder-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.hbi-founder-text h2{margin:0;font-size:40px;line-height:44px;font-weight:500;letter-spacing:-.8px;color:#141414}
.hbi-founder-text p{margin:0;font-size:17px;line-height:26px;color:#5a5a5a;font-weight:500}
.hbi-founder-text p b{color:#141414;font-weight:700}
.hbi-pill{display:inline-flex;align-items:center;font-size:13px;line-height:1.3;color:#555;background:#fff url(/images/6a3d1c2783b0b48272fa0be4_preheadline_icon.webp) 9px 50%/15px no-repeat;border:1px solid #e9e9e9;border-radius:50px;padding:5px 13px 5px 30px}
.hbi-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;font-size:14px;font-weight:500;color:#9a9a9a}
.hbi-links a{color:#141414;text-decoration:none;border-bottom:1px solid #e3e3e3;padding-bottom:1px;transition:border-color .2s,color .2s}
.hbi-links a:hover{color:#e36a00;border-color:#fb841c}
.hbi-links span{margin:0 12px;color:#cfcfcf}

/* Weiter entdecken (interne Links als Karten) */
a.hbi-linkcard{text-decoration:none;transition:transform .25s,box-shadow .25s}
a.hbi-linkcard:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(20,20,20,.08)}
.hbi-more{margin-top:auto;padding-top:8px;font-size:14px;font-weight:500;color:#e36a00}

/* Inhaltsverzeichnis-Karte (Leistungen Hero rechts) */
.hbi-toc{background:#fff8f1;border:1px solid #f0e7dd;border-radius:18px;padding:8px;box-shadow:0 22px 55px rgba(20,20,20,.08)}
.hbi-toc-in{background:#fff;border:1px solid #f3ebe2;border-radius:12px;padding:10px}
.hbi-toc a{display:flex;align-items:center;gap:14px;padding:13px 12px;border-radius:9px;text-decoration:none;color:#141414;font-size:16px;font-weight:500;transition:background .2s}
.hbi-toc a+a{border-top:1px solid #f4efe9}
.hbi-toc a:hover{background:#fdf3ea}
.hbi-toc a span{font-size:12px;color:#9a9a9a;min-width:22px}
.hbi-toc a em{margin-left:auto;font-style:normal;color:#fb841c;font-size:15px}

/* Ablauf */
.hbi-steps{counter-reset:none}
.hbi-step-n{font-size:40px;line-height:1;font-weight:500;letter-spacing:-.02em;background:linear-gradient(180deg,#ffc593,#fb841c 52%,#e36a00);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* Zielgruppen-Chips */
.hbi-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;max-width:900px}
.hbi-chip{background-color:#f3f3f3;background-image:linear-gradient(#e8e8e8d9,#f3f3f300);border:1px solid #fff;border-radius:14px;padding:14px 18px;font-size:14px;font-weight:700;letter-spacing:.28px;color:#141414}

/* Abschluss-CTA */
.hbi-cta{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center;max-width:760px}
.hbi-cta .hb-nav-cta-bar{zoom:1.22}
.hbi-cta-note{font-size:13px;color:#9a9a9a;font-weight:500}
.hbi-mt{margin-top:40px}

/* Laptop-Breite: Hero-Spalte ist schmal, Kacheln sollen trotzdem in einer Reihe stehen */
@media (min-width:768px) and (max-width:1199px){
  .hbi-stat-in{min-width:0;padding:14px 14px}
  .hbi-stat-num{font-size:28px}
  .hb-kr-left .hb-kr-stats2{flex-wrap:nowrap!important;gap:10px!important}
  .hbi-stat{flex:1 1 auto}
}
@media (max-width:991px){
  .hbi-sec{padding:64px 22px}
  .hbi-grid--3,.hbi-grid--4{grid-template-columns:repeat(2,1fr)}
  .hbi-founder{flex-direction:column;gap:36px}
  .hbi-founder-photo{flex:none;width:100%;max-width:300px}
  .hb-kr-right .hbi-photocard{max-width:280px}
  .hbi-founder-text h2{font-size:32px;line-height:36px}
}
@media (max-width:767px){
  .hbi-grid--2,.hbi-grid--3,.hbi-grid--4{grid-template-columns:1fr}
  .hbi-card{padding:22px}
  .hbi-card h3{font-size:20px}
  .hbi-founder-text h2{font-size:28px;line-height:32px}
  .hbi-lead,.hbi-founder-text p{font-size:16px;line-height:24px}
  .hb-kr-left .hb-kr-stats2{flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;gap:8px!important;width:100%!important;align-self:stretch}
  .hbi-stat{flex:1 1 0;min-width:0}
  .hbi-stat-in{min-width:0;padding:12px 10px;gap:8px;align-items:center;text-align:center;height:100%;box-sizing:border-box}
  .hbi-stat-num{font-size:22px;white-space:nowrap}
  .hbi-stat-lbl{font-size:12.5px;line-height:1.25}
  .hbi-cta .hb-nav-cta-bar{zoom:1.1}
}