.csb{padding:clamp(56px,7vw,104px) 0}
.csb .csb__head{max-width:820px;margin:0 0 clamp(28px,3.4vw,48px)}
.csb .csb__head:empty{display:none}
.csb .csb__title{font-size:clamp(26px,2.6vw,38px);margin:0}
.csb .csb__grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(28px,5vw,88px);align-items:stretch}
.csb .csb__facts{margin:0;padding:0;display:flex;flex-direction:column}
.csb .csb__fact{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:22px;row-gap:4px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,0,0,.12)}
.csb .csb__fact:first-child{padding-top:0}
.csb .csb__fact:last-child{border-bottom:0;padding-bottom:0}
.csb .csb__icon{grid-row:span 2;width:56px;height:56px;display:flex;align-items:center;justify-content:center}
.csb .csb__icon img{width:56px;height:56px;object-fit:contain}
.csb .csb__label{margin:0;align-self:end;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--stone)}
.csb .csb__value{margin:0;align-self:start;font-size:clamp(19px,1.5vw,23px);font-weight:700;line-height:1.3;color:var(--k)}
.csb .csb__side{position:relative;display:flex;flex-direction:column;justify-content:center;gap:20px}
.csb .csb__logo{align-self:flex-end;max-width:160px;max-height:64px;width:auto;height:auto;object-fit:contain}
.csb .csb__kpis{display:flex;flex-direction:column}
.csb .csb__kpi{display:flex;flex-direction:column;gap:8px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.csb .csb__kpi:first-child{padding-top:0}
.csb .csb__kpi:last-child{border-bottom:0;padding-bottom:0}
.csb .csb__num{display:inline-block;font-size:clamp(56px,6.2vw,96px);font-weight:700;line-height:.95;letter-spacing:-.03em;color:var(--y);font-variant-numeric:tabular-nums;white-space:nowrap}
.csb .csb__klabel{font-size:17px;line-height:1.4;color:#d6d6d6;max-width:32ch}
.csb .csb__note{margin:4px 0 0;font-size:14px;color:#9a9a9a}
/* schwarz (Standard) */
.csb.bg-black .csb__fact{border-color:rgba(255,255,255,.14)}
.csb.bg-black .csb__label{color:#9a9a9a}
.csb.bg-black .csb__value{color:var(--w)}
/* hell: Kennzahlen auf schwarzer Flaeche, damit Gelb lesbar bleibt */
.csb.bg-white .csb__side,.csb.bg-cloud .csb__side{background:var(--k);border-radius:var(--r);padding:clamp(28px,3vw,44px)}
@media (max-width:860px){
.csb .csb__grid{grid-template-columns:1fr}
.csb .csb__fact{grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding:16px 0}
.csb .csb__icon,.csb .csb__icon img{width:44px;height:44px}
.csb .csb__logo{align-self:flex-start}
}