/* Alleen visueel concept: Verhaal + FAQ content onder de linkerzijde van het headerlogo. */
@media(min-width:901px){
 body.page-verhaal .story-hero-reference{width:min(1160px,calc(100% - 112px))!important;max-width:1160px!important;margin:28px auto 0!important;}
 body.page-verhaal .story-hero-inner{width:100%!important;max-width:100%!important;grid-template-columns:45% 55%!important;}
 body.page-verhaal .story-hero-text{padding:40px 24px 40px 0!important;}
 body.page-verhaal .story-original-inner{width:min(1160px,calc(100% - 112px))!important;max-width:1160px!important;}
 body.page-verhaal .v14-end .v14-end-inner{width:min(1160px,calc(100% - 112px))!important;max-width:1160px!important;}
 body.page-faq .v14-container{width:min(1290px,calc(100% - 56px))!important;max-width:1290px!important;}
}
@media(min-width:701px) and (max-width:900px){
 body.page-verhaal .story-hero-reference{width:calc(100% - 36px)!important;max-width:none!important;margin:20px auto 0!important}
 body.page-verhaal .story-hero-text{padding-left:0!important}
 body.page-verhaal .story-original-inner,body.page-faq .v14-container{width:calc(100% - 36px)!important;max-width:none!important}
}
@media(max-width:700px){
 body.page-verhaal .story-hero-reference{width:calc(100% - 36px)!important}
 body.page-verhaal .story-hero-text{padding:36px 0 28px!important}
 body.page-verhaal .story-original-content{padding-left:18px!important;padding-right:18px!important}
 body.page-verhaal .v14-end .v14-end-inner{text-align:left!important}
 body.page-faq .v14-container{width:calc(100% - 36px)!important}
 body.page-faq .v14-hero-copy,body.page-faq .v14-faq-layout aside{text-align:left!important}
}