
.kcb-wrap{
  width:100%;
  margin:64px 0 0 0 !important; /* großer Abstand nach oben, überschreibt Theme-Regeln */
}
.kcb-chart{ max-width:640px; }
.kcb-bars{ width:100%; }

/* Vertikal (Säulen) */
.kcb-vertical .kcb-bars{
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  gap:var(--kcb-gap,16px);
  height:var(--kcb-maxh,260px);
}
.kcb-vertical .kcb-bar-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:var(--kcb-bar-width,32px);
}
.kcb-vertical .kcb-bar-outer{
  width:100%;
  flex:1;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.kcb-vertical .kcb-bar-fill{
  display:block;
  width:100%;
  height:calc(var(--kcb-bar-value,0) * var(--kcb-maxh,260px) * var(--kcb-grow,1));
  transition:height var(--kcb-dur,1200ms) var(--kcb-ease,ease-out) var(--kcb-delay,0ms);
}

/* Reihenfolge für vertikal:
   1. Wert (oben)
   2. Säule
   3. Label (unten) */
.kcb-vertical .kcb-bar-value{
  order:1;
  margin-bottom:4px;
}
.kcb-vertical .kcb-bar-outer{
  order:2;
}
.kcb-vertical .kcb-bar-label{
  order:3;
  margin-top:8px;
}

/* Horizontal (Balken) */
.kcb-horizontal .kcb-bars{
  display:flex;
  flex-direction:column;
  gap:var(--kcb-gap,12px);
  max-height:var(--kcb-maxh,260px);
}
.kcb-horizontal .kcb-bar-item{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  column-gap:8px;
}
.kcb-horizontal .kcb-bar-label{
  text-align:right;
  padding-right:4px;
}
.kcb-horizontal .kcb-bar-outer{
  height:var(--kcb-bar-width,24px);
  width:100%;
  display:flex;
  align-items:center;
}
.kcb-horizontal .kcb-bar-fill{
  display:block;
  height:100%;
  width:calc(var(--kcb-bar-value,0) * 100% * var(--kcb-grow,1));
  transition:width var(--kcb-dur,1200ms) var(--kcb-ease,ease-out) var(--kcb-delay,0ms);
}
.kcb-horizontal .kcb-bar-value{
  padding-left:4px;
}

.kcb-caption{
  margin-top:10px;
}

@media (max-width: 640px){
  .kcb-vertical .kcb-bars{
    gap:8px;
  }
  .kcb-vertical .kcb-bar-item{
    width:max(18px,var(--kcb-bar-width,24px));
  }
  .kcb-horizontal .kcb-bars{
    max-height:none;
  }
}
