section.banner-block{margin-bottom:66px;& div{display:block;position:relative;background-size:cover;background-position:center;background-attachment:fixed;min-height:460px;& article{position:absolute;padding:50px 65px 60px;margin-left:-30px;background:#fff;width:100%;max-width:580px;left:clamp(var(--regular-padding),calc(calc(100% - var(--content-width))/2),9999px);bottom:-60px;box-shadow:0 14px 0 -8px #e2dedce6;z-index:4}& article h3{margin-block-start:0px}& article span{display:block;margin-top:35px;margin-left:20px;padding-left:20px;margin-bottom:35px;padding-top:5px;padding-bottom:5px;border-left:1px solid #003864}& article span p{margin-block-start:0em;margin-block-end:0em}& article a{margin-right:20px}}}section.banner-block.gray-background-active.below-white:after{transform:translateY(121px)}body.page-template-werkenbij-frontpage section.banner-block.gray-background-active:after{bottom:calc(0px + clamp(10px,3.7vmin,40px))}div.banner-extra{padding:50px clamp(var(--regular-padding),calc(calc(100% - var(--content-width))/2),9999px) 0 clamp(var(--regular-padding),calc(calc(100% - var(--content-width))/2),9999px);display:grid;position:relative;margin-bottom:-100px;grid-template-columns:1fr 1fr;height:360px;.extra-image{object-fit:cover;object-position:center;transform:translateY(-210px);box-shadow:0 14px 0 -8px #e2dedce6;margin-top:-50px;z-index:5}}@media screen and (max-width:1200px){section.banner-block>article{margin-left:0}div.banner-extra .extra-image{transform:translateY(0)}}@media screen and (max-width:800px){section.banner-block{& div{background-position:top center;background-attachment:initial;margin-bottom:220px}& article{position:relative!important;margin-left:20px!important;margin-right:20px;width:calc(100% - 40px)!important;left:0!important;bottom:-320px!important;padding:40px 20px!important}}div.banner-extra .extra-image{display:none}}@media screen and (max-width:650px){section.banner-block>article{width:calc(100% - 50px)}}