/* ---------- BEB ---------- */
.beb-visual{position:relative;overflow:hidden;border-radius:var(--radius);min-height:420px;display:grid;place-items:center;padding:40px;text-align:center;background:var(--deep) url('img/2026/07/FB_IMG_1664983682131.jpg') center/cover no-repeat}
.beb-slides{position:absolute;inset:0}
.beb-slide{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;animation:bebFade 21s linear infinite;will-change:opacity}
.beb-slide:nth-child(1){animation-delay:0s}
.beb-slide:nth-child(2){animation-delay:-14s}
.beb-slide:nth-child(3){animation-delay:-7s}
@keyframes bebFade{0%{opacity:1}28.5%{opacity:1}33.3%{opacity:0}95.2%{opacity:0}100%{opacity:1}}
.beb-visual::after{content:"";position:absolute;inset:0;background:rgba(12,20,6,.68)}
.beb-visual-inner{position:relative;z-index:2}
@media (prefers-reduced-motion:reduce){.beb-slide{animation:none}.beb-slide:nth-child(1){opacity:1}}
.beb-visual img{max-width:280px}



/* ---------- Unternehmen: Gründer & Fakten ---------- */
.founder{display:grid;grid-template-columns:0.78fr 1.22fr;gap:28px;align-items:start}
.founder figure{margin:0}
.founder img{width:100%;border-radius:8px;display:block}
.founder-left img{aspect-ratio:3/4;object-fit:cover}
.founder-right img{aspect-ratio:7/6;object-fit:cover;object-position:center 6%}
.founder figcaption{padding-top:28px}
.founder figcaption h2{margin-bottom:.35em}
.facts{background:#2F3B40 center/cover no-repeat;display:flex;align-items:flex-end;min-height:min(78vh,660px);padding-top:120px}
.facts-bar{background:#fff;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -6px 30px rgba(15,23,42,.14)}
.facts-bar .fact{text-align:center;padding:44px 18px}
.facts-bar .fact+.fact{border-left:1px solid var(--line)}
.facts-bar .num{font-family:var(--font-head);font-size:clamp(2rem,3.4vw,3rem);font-weight:600;color:var(--ink);line-height:1}
.facts-bar .lbl{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--grey);margin-top:10px}
@media (max-width:860px){
 .founder{grid-template-columns:1fr}
 .founder-left img,.founder-right img{aspect-ratio:4/3}
 .facts{min-height:420px;padding-top:60px}
 .facts-bar{grid-template-columns:repeat(2,1fr)}
 .facts-bar .fact+.fact{border-left:0}
 .facts-bar .fact:nth-child(even){border-left:1px solid var(--line)}
 .facts-bar .fact:nth-child(n+3){border-top:1px solid var(--line)}
}
