/* De afbeelding heeft een eigen hoek, de tekst gebruikt daaronder de volledige breedte. */
#p60-course .layout.cols-2.p60-flow{display:flow-root!important}
#p60-course .p60-flow > .p60-flow-image{float:left;width:clamp(200px,32%,370px);margin:0 32px 20px 0!important}
#p60-course .p60-flow.p60-flow-right > .p60-flow-image{float:right;margin:0 0 20px 32px!important}
#p60-course .p60-flow > .p60-flow-text{display:contents!important}
#p60-course .p60-flow > .p60-flow-text > .copy{display:block;overflow:visible;width:auto}
#p60-course .p60-flow > .p60-flow-image .art{margin:0}
#p60-course .p60-flow > .p60-flow-image .bg-art{margin-bottom:0}
#p60-course .p60-flow > .p60-flow-image img{max-width:100%;height:auto;object-fit:contain}
@media(max-width:850px){
 #p60-course .layout.cols-2.p60-flow{display:flex!important;flex-direction:column;gap:20px}
 #p60-course .p60-flow > .p60-flow-image,#p60-course .p60-flow.p60-flow-right > .p60-flow-image{float:none;width:min(100%,440px);margin:0 auto!important}
 #p60-course .p60-flow > .p60-flow-text{display:block!important;width:100%}
}
/* Astra wist floats standaard bij koppen; hier hoort de kop juist naast het beeld. */
#p60-course .p60-flow > .p60-flow-text > .copy{max-width:none!important;margin-left:0!important;margin-right:0!important}
#p60-course .p60-flow :is(h1,h2,h3,h4,h5,h6){clear:none!important}