.b-week__in{display:grid;grid-template-columns:minmax(0,1fr);gap:3rem;align-items:center}
.b-week .b-kopgroep{margin-bottom:0}
.b-week__feiten{list-style:none;margin:1.8rem 0 0;padding:0}
.b-week__feiten li{display:grid;grid-template-columns:2.7rem minmax(0,1fr);column-gap:1rem;margin:0;padding:1rem 0;border-top:1px solid rgba(255,255,255,.14)}
.b-week__ico{width:2.7rem;height:2.7rem;padding:.6rem;border-radius:50%;background:rgba(255,255,255,.08);color:var(--b-signaal);transition:transform .4s var(--b-ease)}
.b-week__feiten h3{margin:.15rem 0 0;font:600 1.1rem/1.3 var(--font-titel);letter-spacing:-.005em;color:#fff}
.b-week__feiten p{margin:.25rem 0 0;color:rgba(255,255,255,.8);font-size:.95rem;line-height:1.6}
@media (hover:hover){.b-week__feiten li:hover .b-week__ico{transform:rotate(-8deg) scale(1.06)}}
.b-week__podium{position:relative}
.b-week__foto{position:relative;margin:0 0 0 auto;width:86%;aspect-ratio:16/10;overflow:hidden;border-radius:var(--b-r-media);
box-shadow:0 30px 50px -30px rgba(0,0,0,.75)}
.b-week__foto picture{display:block;width:100%;height:100%}
.b-week__foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 58%;transition:transform .8s var(--b-ease)}
.b-week__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(69,10,20,0) 45%,rgba(69,10,20,.55))}
@media (hover:hover){
.b-week__podium:hover .b-week__foto img{transform:scale(1.05)}
.b-week__podium:hover .b-week__bord{transform:rotate(-.8deg) translateY(-4px)}
}
.b-week__bord{position:relative;z-index:2;width:94%;margin-top:-19%;transform:rotate(-2deg);transform-origin:20% 0;transition:transform .6s var(--b-ease);padding:clamp(.8rem,calc(1.8*var(--vw)),1.2rem);border-radius:var(--b-r-media);background:var(--b-diepst);
border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 70px -35px rgba(0,0,0,.8)}
.b-week__bordkop{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .8rem;padding:0 .2rem .7rem;border-bottom:1px dashed rgba(255,255,255,.18)}
.b-week__bordkop b{font:600 .9rem/1.2 var(--font-kop);color:#fff}
.b-week__bordkop span{display:block;font-size:.78rem;color:rgba(255,255,255,.68)}
.b-week__bordkop img{display:block;width:5.4rem;height:auto;flex:none}
.b-week__rooster{display:grid;grid-template-columns:4.6rem minmax(0,1fr);grid-template-rows:1.6rem 4.8rem 4.8rem;column-gap:.5rem;row-gap:.4rem}
.b-week__deel{display:flex;align-items:center;margin:0;font:600 .74rem/1.2 var(--font-kop);color:rgba(255,255,255,.75)}
.b-week__deel--dag{grid-column:1;grid-row:2}
.b-week__deel--avond{grid-column:1;grid-row:3}
.b-week__dagen{grid-column:2;grid-row:1/4;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:.4rem}
.b-week__dag{display:grid;grid-template-rows:1.6rem 4.8rem 4.8rem;row-gap:.4rem;margin:0}
.b-week__naam{align-self:center;text-align:center;font:600 .82rem/1 var(--font-kop);color:#fff}
.b-week__vak{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.35rem .25rem;border-radius:var(--b-r-control);
overflow:hidden;text-align:center;font-size:.68rem;line-height:1.2}
.b-week__vak--werk{color:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.1);
background:repeating-linear-gradient(135deg,rgba(255,255,255,.075) 0 2px,transparent 2px 9px)}
.b-week__vak--vrij{color:#fff;border:1px solid rgba(255,81,0,.55)}
.b-week__vak--vrij::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,rgba(255,81,0,.34),rgba(255,81,0,.16));transform-origin:0 50%}
.b-week__vak--vrij{isolation:isolate}
.b-week__vak--vrij svg{width:1.35rem;height:1.35rem;flex:none;color:var(--b-signaal);transition:transform .4s var(--b-ease)}
.b-week__label{display:block}
@media (hover:hover){.b-week__vak--vrij:hover svg{transform:translateX(4px)}}
.b-week--js .b-week__vak--vrij::before{transform:scaleX(0);transition:transform .6s var(--b-ease) calc(var(--i,0) * 60ms)}
.b-week--js .b-week__vak--vrij>*{opacity:0;transition:opacity .4s linear calc(var(--i,0) * 60ms + .25s)}
.b-week--js.is-in .b-week__vak--vrij::before{transform:none}
.b-week--js.is-in .b-week__vak--vrij>*{opacity:1}
.b-week--js.is-klaar .b-week__vak--vrij>*{transition:none}
@media (min-width:1000px){
.b-week__in{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);column-gap:clamp(2.5rem,calc(5*var(--vw)),4.5rem);align-items:stretch}
.b-week__podium{grid-column:1;grid-row:1;display:flex;flex-direction:column;
padding-bottom:.66%}
.b-week__foto{flex:1 1 0;min-height:0;aspect-ratio:auto}
.b-week__tekst{grid-column:2;grid-row:1}
}
@media (max-width:999px){.b-week__podium{max-width:44rem;width:100%;margin-inline:auto}}
@media (max-width:640px){
.b-week__foto{width:100%;aspect-ratio:4/3}
.b-week__bord{width:auto;margin:-12% .45rem 0;transform:rotate(-1.2deg)}
.b-week__rooster{grid-template-columns:2.4rem minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:.35rem;row-gap:.35rem}
.b-week__deel{justify-content:center;font-size:.72rem}
.b-week__deel--dag{grid-column:2;grid-row:1}
.b-week__deel--avond{grid-column:3;grid-row:1}
.b-week__dagen{grid-column:1/4;grid-row:2;grid-template-columns:minmax(0,1fr);row-gap:.35rem}
.b-week__dag{grid-template-columns:2.4rem minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;column-gap:.35rem}
.b-week__naam{text-align:left}
.b-week__vak{flex-direction:row;min-height:2.9rem;padding:.35rem .5rem;font-size:.74rem;gap:.45rem}
.b-week__vak--vrij svg{width:1.1rem;height:1.1rem}
.b-week__bordkop img{width:4.4rem}
}
@media (prefers-reduced-motion:reduce){
.b-week__podium:hover .b-week__foto img,.b-week__vak--vrij:hover svg,.b-week__feiten li:hover .b-week__ico{transform:none}
.b-week__podium:hover .b-week__bord{transform:rotate(-2deg)}
}