/* Ekmekci zijbalk 29-09-2026 */
main{position:relative}
.ekm-zb{
--ekm-zb-inhoud:1136px;
--ekm-zb-kop:81px;
--ekm-zb-vrij:24px;
--ekm-zb-strook:calc((100% - var(--ekm-zb-inhoud)) / 2);
--ekm-zb-w:min(calc(var(--ekm-zb-strook) - 2 * var(--ekm-zb-vrij)),400px);
position:absolute;inset:0;display:none;justify-content:space-between;align-items:flex-start;
overflow:clip;pointer-events:none;user-select:none;
}
.ekm-zb-v2{--ekm-zb-inhoud:1320px;--ekm-zb-kop:84px}
@media (min-width:1400px){.ekm-zb{display:flex}}
@media print{.ekm-zb{display:none}}
.ekm-zb-k{
position:sticky;top:var(--ekm-zb-kop);
width:var(--ekm-zb-w);height:calc(100vh - var(--ekm-zb-kop));
margin-inline:calc((var(--ekm-zb-strook) - var(--ekm-zb-w)) / 2);
container-type:inline-size;
}
.ekm-zb-r{transform:scaleX(-1)}
.ekm-zb-k i{
position:absolute;top:0;display:block;transform-origin:50% 0;
filter:drop-shadow(0 10px 8px rgba(27,27,27,.14));
--sy:.9;
}
.ekm-zb-k i::before,.ekm-zb-k i::after{content:"";position:absolute;inset:0;border-radius:var(--r,0);clip-path:var(--v,none)}
.ekm-zb-k i::before{background:var(--s);transform:translateX(5cqw)}
.ekm-zb-k i::after{background:var(--k)}
.ekm-zb-k i:nth-child(1){--k:#86C0E1;--s:#73A5C1;left:0;width:16cqw;height:min(30%,44cqw);z-index:0;--r:4cqw 4cqw 0 0;--sy:.94}
.ekm-zb-k i:nth-child(2){--k:#4D2A3B;--s:#2E0417;left:6cqw;width:28cqw;height:min(62%,118cqw);z-index:2;--r:999px 999px 0 0;--sy:.9}
.ekm-zb-k i:nth-child(3){--k:#EF724D;--s:#DA5A37;left:26cqw;width:30cqw;height:min(50%,92cqw);z-index:3;--v:polygon(0 100%,0 14cqw,50% 0,100% 14cqw,100% 100%);--sy:.86}
.ekm-zb-k i:nth-child(4){--k:#1A8496;--s:#044D51;left:48cqw;width:24cqw;height:min(72%,132cqw);z-index:1;--v:polygon(0 100%,0 8cqw,6cqw 8cqw,6cqw 4cqw,9cqw 4cqw,9cqw 0,15cqw 0,15cqw 4cqw,18cqw 4cqw,18cqw 8cqw,100% 8cqw,100% 100%);--sy:.92}
.ekm-zb-k i:nth-child(5){--k:#E0AB00;--s:#CB9900;left:66cqw;width:20cqw;height:min(38%,64cqw);z-index:4;--r:999px 999px 0 0;--sy:.82}
.ekm-zb-k i:nth-child(6){--k:#B37885;--s:#A46672;left:82cqw;width:12cqw;height:min(26%,40cqw);z-index:5;--v:polygon(0 100%,0 4cqw,50% 4cqw,50% 0,100% 0,100% 100%);--sy:.78}
.ekm-zb-r i:nth-child(1){height:min(36%,52cqw);--sy:.9}
.ekm-zb-r i:nth-child(2){height:min(46%,88cqw);--sy:.84}
.ekm-zb-r i:nth-child(3){height:min(64%,118cqw);--sy:.92}
.ekm-zb-r i:nth-child(4){height:min(56%,100cqw);--sy:.88}
.ekm-zb-r i:nth-child(5){height:min(44%,76cqw);--sy:.8}
.ekm-zb-r i:nth-child(6){height:min(22%,34cqw);--sy:.94}
@container (width < 150px){
.ekm-zb-k i:nth-child(1),.ekm-zb-k i:nth-child(4),.ekm-zb-k i:nth-child(6){display:none}
.ekm-zb-k i:nth-child(2){left:0;width:40cqw}
.ekm-zb-k i:nth-child(3){left:30cqw;width:42cqw;--v:polygon(0 100%,0 18cqw,50% 0,100% 18cqw,100% 100%)}
.ekm-zb-k i:nth-child(5){left:64cqw;width:30cqw}
}
@container (width < 80px){.ekm-zb-k i{display:none}}
@supports (animation-timeline:scroll()){
@media (prefers-reduced-motion:no-preference){
.ekm-zb-k i{animation:ekm-zb-drijf linear both;animation-timeline:scroll(root)}
}
}
@keyframes ekm-zb-drijf{to{transform:scaleY(var(--sy))}}
@media (prefers-reduced-motion:reduce){.ekm-zb-k i{animation:none;transform:none}}