/* Vlemmix Suite 9.3.0 - centrale stijl voor informatieve contentpagina's */
body.vlemmix-content-page{background:#230607;color:#f6e9dc}
body.vlemmix-content-page #page-content.l-main{background:radial-gradient(circle at 80% 8%,rgba(193,42,48,.16),transparent 28%),linear-gradient(180deg,#37090b 0%,#210506 100%);padding:52px 0 72px}
body.vlemmix-content-page #page-content>.l-section{padding-top:0!important;padding-bottom:0!important;background:transparent!important}
body.vlemmix-content-page #page-content>.l-section>.l-section-h{width:calc(100% - 40px);max-width:1080px!important;margin:0 auto!important}
body.vlemmix-content-page #page-content .g-cols,
body.vlemmix-content-page #page-content .wpb_column,
body.vlemmix-content-page #page-content .vc_column-inner,
body.vlemmix-content-page #page-content .wpb_wrapper{min-width:0}

/* De echte Impreza/Visual Composer wrapper uit de bestaande pagina's. */
body.vlemmix-content-page #page-content .wpb_text_column{
 margin:0!important;
 padding:clamp(28px,4.4vw,58px)!important;
 border:1px solid rgba(220,175,81,.52)!important;
 border-radius:22px!important;
 background:linear-gradient(145deg,#fffaf2 0%,#fbf2e6 100%)!important;
 box-shadow:0 22px 58px rgba(0,0,0,.28)!important;
 color:#493832!important;
 overflow:hidden;
}
body.vlemmix-content-page #page-content .wpb_text_column>.wpb_wrapper{max-width:920px;margin:0 auto}

/* Sommige pagina's komen via een Impreza post-content element binnen. */
body.vlemmix-content-page #page-content article.w-post-elm.post_content,
body.vlemmix-content-page #page-content .post_content,
body.vlemmix-content-page #page-content .w-post-elm.type_post_content{
 padding:clamp(28px,4.4vw,58px)!important;
 border:1px solid rgba(220,175,81,.52)!important;
 border-radius:22px!important;
 background:linear-gradient(145deg,#fffaf2 0%,#fbf2e6 100%)!important;
 box-shadow:0 22px 58px rgba(0,0,0,.28)!important;
 color:#493832!important;
}

/* Typografie: ondersteunt zowel normale h1/h2 pagina's als de aangeleverde h3/h4 structuur. */
body.vlemmix-content-page #page-content .wpb_wrapper>h1:first-child,
body.vlemmix-content-page #page-content .wpb_wrapper>h2:first-child,
body.vlemmix-content-page #page-content .wpb_wrapper>h3:first-child,
body.vlemmix-content-page #page-content .post_content>h1:first-child,
body.vlemmix-content-page #page-content .post_content>h2:first-child,
body.vlemmix-content-page #page-content .post_content>h3:first-child{
 position:relative;
 margin:0 0 34px!important;
 padding:0 0 20px!important;
 color:#851017!important;
 font-size:clamp(31px,4.6vw,48px)!important;
 line-height:1.08!important;
 font-weight:900!important;
 letter-spacing:-.025em!important;
}
body.vlemmix-content-page #page-content .wpb_wrapper>h1:first-child:after,
body.vlemmix-content-page #page-content .wpb_wrapper>h2:first-child:after,
body.vlemmix-content-page #page-content .wpb_wrapper>h3:first-child:after,
body.vlemmix-content-page #page-content .post_content>h1:first-child:after,
body.vlemmix-content-page #page-content .post_content>h2:first-child:after,
body.vlemmix-content-page #page-content .post_content>h3:first-child:after{
 content:"";position:absolute;left:0;bottom:0;width:76px;height:4px;border-radius:999px;background:linear-gradient(90deg,#c58a20,#e3bd57)
}
body.vlemmix-content-page #page-content h2{margin:42px 0 14px!important;color:#8c1118!important;font-size:clamp(24px,3vw,31px)!important;line-height:1.2!important;font-weight:900!important}
body.vlemmix-content-page #page-content h3:not(:first-child){margin:38px 0 13px!important;color:#8c1118!important;font-size:clamp(23px,2.7vw,29px)!important;line-height:1.2!important;font-weight:900!important}
body.vlemmix-content-page #page-content h4{margin:32px 0 11px!important;padding-top:3px;color:#9a171d!important;font-size:clamp(20px,2.2vw,25px)!important;line-height:1.25!important;font-weight:900!important}
body.vlemmix-content-page #page-content h5,
body.vlemmix-content-page #page-content h6{color:#aa7515!important;font-weight:850!important}
body.vlemmix-content-page #page-content p,
body.vlemmix-content-page #page-content li{color:#50423c!important;font-size:16px!important;line-height:1.78!important}
body.vlemmix-content-page #page-content p{margin:0 0 1.18em!important}
body.vlemmix-content-page #page-content strong{color:#3e2d28}
body.vlemmix-content-page #page-content ul,
body.vlemmix-content-page #page-content ol{margin:0 0 1.5em!important;padding-left:1.65em!important}
body.vlemmix-content-page #page-content li{margin:.38em 0!important}
body.vlemmix-content-page #page-content li::marker{color:#b87916}
body.vlemmix-content-page #page-content a{color:#94141a!important;text-decoration-color:#d4a137!important;text-underline-offset:3px;font-weight:700}
body.vlemmix-content-page #page-content a:hover{color:#b97c14!important}
body.vlemmix-content-page #page-content hr{border:0!important;border-top:1px solid #e7d4b8!important;margin:36px 0!important}
body.vlemmix-content-page #page-content blockquote{margin:28px 0!important;padding:18px 22px!important;border-left:4px solid #d7a43c!important;background:#fff2dc!important;border-radius:0 12px 12px 0!important;color:#59453b!important}
body.vlemmix-content-page #page-content table{width:100%;border-collapse:separate;border-spacing:0;margin:24px 0;border:1px solid #e6d3b6;border-radius:12px;overflow:hidden;background:#fff}
body.vlemmix-content-page #page-content th{background:#8f1218;color:#fff4d8;font-weight:800}
body.vlemmix-content-page #page-content th,
body.vlemmix-content-page #page-content td{padding:12px 14px;border-bottom:1px solid #eee0ca;text-align:left;vertical-align:top}
body.vlemmix-content-page #page-content tr:last-child td{border-bottom:0}

/* Blogs: contentpagina-look voor de intro, kaarten voor het overzicht. */
body.vlemmix-content-page--blogs #page-content .w-grid-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px!important}
body.vlemmix-content-page--blogs #page-content .w-grid-item{background:#fffaf2!important;border:1px solid rgba(222,171,68,.48)!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 14px 34px rgba(0,0,0,.2)!important;transition:transform .18s ease,box-shadow .18s ease}
body.vlemmix-content-page--blogs #page-content .w-grid-item:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.27)!important}
body.vlemmix-content-page--blogs #page-content .w-grid-item-h{height:100%}
body.vlemmix-content-page--blogs #page-content .w-grid-item .w-post-elm:not(.post_image){padding-left:20px;padding-right:20px}
body.vlemmix-content-page--blogs #page-content .w-grid-item .post_title{color:#8f1018!important;font-weight:850!important}




@media(max-width:900px){
 body.vlemmix-content-page #page-content.l-main{padding:36px 0 52px}
 body.vlemmix-content-page--blogs #page-content .w-grid-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
 body.vlemmix-content-page #page-content.l-main{padding:24px 0 38px}
 body.vlemmix-content-page #page-content>.l-section>.l-section-h{width:calc(100% - 24px)!important}
 body.vlemmix-content-page #page-content .wpb_text_column,
 body.vlemmix-content-page #page-content article.w-post-elm.post_content,
 body.vlemmix-content-page #page-content .post_content,
 body.vlemmix-content-page #page-content .w-post-elm.type_post_content{padding:25px 19px!important;border-radius:16px!important}
 body.vlemmix-content-page--blogs #page-content .w-grid-list{grid-template-columns:1fr!important}
 body.vlemmix-content-page #page-content table{display:block;overflow-x:auto}
}

/* v9.7.6 - Bedrijven: klantenpas/Vlemmix-stijl, cacheproof en echte Impreza foto-crop. */
/* De buitenste Impreza-wrapper die titel + USP-kolommen bevat wordt de hoofdkaart. */
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2){
 padding:clamp(30px,4.5vw,54px)!important;
 border:1px solid rgba(226,184,84,.46)!important;
 border-radius:22px!important;
 background:
  radial-gradient(circle at 89% 10%,rgba(234,194,92,.12),transparent 28%),
  linear-gradient(145deg,#8d1118 0%,#721016 52%,#50090d 100%)!important;
 box-shadow:0 24px 58px rgba(0,0,0,.32)!important;
 color:#fff1d9!important;
 overflow:hidden!important;
}
/* Generieke witte contentkaart binnen deze wrapper volledig uitzetten. */
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column{
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
 background:none!important;box-shadow:none!important;color:inherit!important;overflow:visible!important;
}
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column > .wpb_wrapper{max-width:none!important}
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column h2:first-child{
 position:relative;margin:0 0 32px!important;padding:0 0 18px!important;
 color:#fff0c8!important;font-size:clamp(31px,4.3vw,46px)!important;line-height:1.08!important;
 font-weight:900!important;letter-spacing:-.025em!important;text-align:center!important;
}
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column h2:first-child:after{
 content:"";position:absolute;left:50%;bottom:0;width:74px;height:4px;transform:translateX(-50%);
 border-radius:999px;background:linear-gradient(90deg,#c78d22,#f1d372)!important;
}
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) > .w-separator{height:8px!important;min-height:8px!important}
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) > .g-cols.cols_2{
 margin-top:0!important;align-items:center!important;
}
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) > .g-cols.cols_2 > .wpb_column{align-self:center!important}
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) > .g-cols.cols_2 > .wpb_column:last-child > .vc_column-inner{
 display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;
 padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
/* USP's als donkerrode klantenpas-panelen. */
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) .w-iconbox{
 margin:0!important;padding:18px 19px!important;
 border:1px solid rgba(239,210,137,.22)!important;border-radius:15px!important;
 background:linear-gradient(145deg,rgba(75,7,11,.72),rgba(47,4,7,.58))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 9px 22px rgba(31,3,5,.15)!important;
 align-items:flex-start!important;
}
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) .w-iconbox-icon{
 flex:0 0 54px!important;width:54px!important;height:54px!important;margin-right:16px!important;
 border:1px solid rgba(238,199,103,.45)!important;border-radius:50%!important;
 background:linear-gradient(145deg,rgba(240,213,139,.17),rgba(197,138,32,.10))!important;
 color:#f1d27c!important;display:flex!important;align-items:center!important;justify-content:center!important;
 font-size:25px!important;line-height:1!important;
}
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) .w-iconbox-icon i{color:#f1d27c!important;font-size:25px!important;line-height:1!important}
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) .w-iconbox-title{
 margin:2px 0 6px!important;padding:0!important;color:#fff0c8!important;font-size:21px!important;line-height:1.2!important;font-weight:900!important;
}
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) .w-iconbox-text p{
 margin:0!important;color:rgba(255,244,225,.82)!important;font-size:15px!important;line-height:1.62!important;
}
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) .wpb_column:first-child .w-separator{height:15px!important;min-height:15px!important}

/* Foto: Impreza 'has_aspect_ratio' gebruikt de wrapper/pseudo-laag; die overrulen we bewust. */
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) .w-image.style_circle{
 width:min(100%,390px)!important;max-width:390px!important;margin:0 auto!important;aspect-ratio:1/1!important;
}
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) .w-image.style_circle .w-image-h{
 position:relative!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;
 padding:0!important;border:4px solid #e5bd58!important;border-radius:50%!important;overflow:hidden!important;
 background:#4d080c!important;box-shadow:0 18px 38px rgba(25,2,4,.34)!important;
}
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) .w-image.style_circle .w-image-h:before,
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) .w-image.style_circle .w-image-h:after{
 content:none!important;display:none!important;padding:0!important;
}
body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) .w-image.style_circle img{
 position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;
 border-radius:0!important;margin:0!important;padding:0!important;
}

/* Contactblok: dezelfde familie, niet weer een witte brochurekaart. */
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column){
 border-color:rgba(225,180,74,.42)!important;
 background:
  radial-gradient(circle at 92% 10%,rgba(236,194,87,.10),transparent 30%),
  linear-gradient(145deg,#831017 0%,#650b10 100%)!important;
 color:#fff0d7!important;box-shadow:0 20px 48px rgba(0,0,0,.27)!important;
}
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) h1,
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) h2,
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) h3{color:#fff0c8!important}
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) p,
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) li{color:rgba(255,244,225,.84)!important}
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) a{color:#f0d58b!important;text-decoration-color:#d8a93a!important}

@media(max-width:900px){
 body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2){padding:34px 28px!important}
 body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) .w-image.style_circle{max-width:340px!important;margin-top:24px!important}
}
@media(max-width:600px){
 body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2){padding:25px 19px!important;border-radius:16px!important}
 body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) .w-iconbox{padding:15px!important}
 body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) .w-iconbox-icon{flex-basis:48px!important;width:48px!important;height:48px!important;margin-right:12px!important}
 body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) .w-iconbox-icon i{font-size:22px!important}
 body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) .w-iconbox-title{font-size:20px!important}
 body.vlemmix-content-page--bedrijven #page-content .vc_column-inner:has(> .g-cols.cols_2) .w-image.style_circle{max-width:300px!important}
}

/* v9.7.8 - Bedrijven: definitieve compacte contact-CTA. Alleen het onderste contactblok. */
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column){
 position:relative!important;
 isolation:isolate!important;
 padding:27px 32px 29px!important;
 border:1px solid rgba(226,184,84,.52)!important;
 border-radius:20px!important;
 background:
  radial-gradient(circle at 88% 10%,rgba(240,213,139,.13),transparent 28%),
  linear-gradient(135deg,#7c0e15 0%,#641017 54%,#4d080d 100%)!important;
 box-shadow:0 18px 42px rgba(0,0,0,.26)!important;
 color:#fff0d6!important;
 text-align:center!important;
 overflow:hidden!important;
}
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column):before{
 content:"CONTACT";
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 min-height:25px!important;
 margin:0 auto 13px!important;
 padding:0 11px!important;
 border:1px solid rgba(240,213,139,.42)!important;
 border-radius:999px!important;
 background:rgba(240,213,139,.09)!important;
 color:#f2d77f!important;
 font-size:10px!important;
 line-height:1!important;
 font-weight:900!important;
 letter-spacing:1.45px!important;
}
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column):after{
 content:"";
 position:absolute!important;
 z-index:-1!important;
 width:180px!important;
 height:180px!important;
 right:-70px!important;
 bottom:-110px!important;
 border:24px solid rgba(240,213,139,.055)!important;
 border-radius:50%!important;
 pointer-events:none!important;
}
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) .wpb_wrapper{
 max-width:760px!important;
 margin:0 auto!important;
 color:#fff0d6!important;
}
/* De oude pagina bevat de contacttekst als opgemaakte heading/strongs. Alles binnen die CTA expliciet licht maken. */
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) h1,
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) h2,
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) h3,
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) h4,
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) p,
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) span,
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) strong,
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) b{
 color:#fff0d6!important;
}
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) h2{
 max-width:720px!important;
 margin:0 auto!important;
 padding:0!important;
 font-size:clamp(20px,2.25vw,27px)!important;
 line-height:1.42!important;
 font-weight:800!important;
 letter-spacing:-.012em!important;
 text-align:center!important;
 text-wrap:balance!important;
}
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) h2:after{
 content:""!important;
 display:block!important;
 width:66px!important;
 height:3px!important;
 margin:17px auto 0!important;
 border-radius:999px!important;
 background:linear-gradient(90deg,#c78d22,#f1d372)!important;
}
/* Telefoon/e-mail mogen links zijn of door WordPress als losse anchors worden uitgevoerd: altijd als duidelijke acties tonen. */
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) a{
 display:inline-block!important;
 margin:4px 4px!important;
 padding:7px 11px!important;
 border:1px solid rgba(240,213,139,.44)!important;
 border-radius:9px!important;
 background:rgba(240,213,139,.10)!important;
 color:#f4d77f!important;
 text-decoration:none!important;
 font-weight:900!important;
 line-height:1.25!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
 transition:background .15s ease,border-color .15s ease,transform .15s ease!important;
}
body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) a:hover{
 background:rgba(240,213,139,.18)!important;
 border-color:rgba(240,213,139,.68)!important;
 color:#ffe8a6!important;
 transform:translateY(-1px)!important;
}
@media(max-width:600px){
 body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column){padding:23px 17px 25px!important;border-radius:16px!important}
 body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column):before{margin-bottom:11px!important}
 body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) h2{font-size:19px!important;line-height:1.45!important}
 body.vlemmix-content-page--bedrijven #page-content .wpb_text_column:not(.vc_column-inner:has(> .g-cols.cols_2) > .wpb_text_column) a{max-width:100%!important;box-sizing:border-box!important;overflow-wrap:anywhere!important}
}



/* v12.17 - Blogs: eigen overzichtsopmaak binnen de Vlemmix contentstijl. */
body.vlemmix-content-page--blogs #page-content.l-main{
 background:
  radial-gradient(circle at 80% 8%,rgba(193,42,48,.16),transparent 28%),
  linear-gradient(180deg,#37090b 0%,#210506 100%)!important;
}

/* De paginatitel staat bij het blogoverzicht buiten de gewone tekstkaart. */
body.vlemmix-content-page--blogs #page-content h1{
 position:relative!important;
 width:max-content!important;
 max-width:100%!important;
 margin:0 auto 42px!important;
 padding:0 0 18px!important;
 color:#fff0d0!important;
 font-size:clamp(38px,5vw,62px)!important;
 line-height:1.06!important;
 font-weight:900!important;
 letter-spacing:-.03em!important;
 text-align:center!important;
 text-shadow:0 3px 18px rgba(0,0,0,.28)!important;
}
body.vlemmix-content-page--blogs #page-content h1:after{
 content:""!important;
 position:absolute!important;
 left:50%!important;
 bottom:0!important;
 width:82px!important;
 height:4px!important;
 transform:translateX(-50%)!important;
 border-radius:999px!important;
 background:linear-gradient(90deg,#c78d22,#f1d372)!important;
}

/* Bloggrid niet als kale Impreza-tegels, maar als compacte Vlemmix-kaarten. */
body.vlemmix-content-page--blogs #page-content .w-grid-list{
 max-width:1080px!important;
 margin:0 auto!important;
 align-items:stretch!important;
}
body.vlemmix-content-page--blogs #page-content .w-grid-item{
 position:relative!important;
 height:auto!important;
 min-height:0!important;
 border:1px solid rgba(225,180,74,.55)!important;
 border-radius:18px!important;
 background:linear-gradient(145deg,#fffaf2 0%,#f8eddf 100%)!important;
 box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
 overflow:hidden!important;
}
body.vlemmix-content-page--blogs #page-content .w-grid-item:before{
 content:""!important;
 position:absolute!important;
 z-index:2!important;
 top:0!important;
 left:0!important;
 right:0!important;
 height:5px!important;
 background:linear-gradient(90deg,#8f1118 0%,#b71821 58%,#d6a43b 100%)!important;
 pointer-events:none!important;
}
body.vlemmix-content-page--blogs #page-content .w-grid-item-h{
 display:flex!important;
 flex-direction:column!important;
 justify-content:flex-start!important;
 height:auto!important;
 min-height:150px!important;
 padding:0!important;
}
body.vlemmix-content-page--blogs #page-content .w-grid-item .post_title,
body.vlemmix-content-page--blogs #page-content .w-grid-item .w-post-elm.post_title{
 display:block!important;
 margin:0!important;
 padding:30px 22px 25px!important;
 color:#8f1018!important;
 font-size:clamp(20px,2vw,25px)!important;
 line-height:1.22!important;
 font-weight:900!important;
 letter-spacing:-.015em!important;
}
body.vlemmix-content-page--blogs #page-content .w-grid-item .post_title a,
body.vlemmix-content-page--blogs #page-content .w-grid-item .w-post-elm.post_title a{
 color:#8f1018!important;
 text-decoration:none!important;
 font-weight:900!important;
}
body.vlemmix-content-page--blogs #page-content .w-grid-item .post_title a:hover,
body.vlemmix-content-page--blogs #page-content .w-grid-item .w-post-elm.post_title a:hover{
 color:#b01820!important;
}
body.vlemmix-content-page--blogs #page-content .w-grid-item:hover{
 transform:translateY(-4px)!important;
 border-color:rgba(235,197,99,.82)!important;
 box-shadow:0 19px 42px rgba(0,0,0,.30)!important;
}

/* Als een gridlayout ook datum/excerpt/knop bevat, sluit die automatisch netjes aan. */
body.vlemmix-content-page--blogs #page-content .w-grid-item .post_date,
body.vlemmix-content-page--blogs #page-content .w-grid-item .post_content,
body.vlemmix-content-page--blogs #page-content .w-grid-item .w-post-elm:not(.post_title):not(.post_image){
 margin:0!important;
 padding:0 22px 22px!important;
 color:#655049!important;
}
body.vlemmix-content-page--blogs #page-content .w-grid-item .post_content{
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 box-shadow:none!important;
}

@media(max-width:900px){
 body.vlemmix-content-page--blogs #page-content h1{margin-bottom:34px!important}
 body.vlemmix-content-page--blogs #page-content .w-grid-item-h{min-height:138px!important}
}
@media(max-width:600px){
 body.vlemmix-content-page--blogs #page-content h1{font-size:clamp(34px,10vw,46px)!important;margin-bottom:28px!important}
 body.vlemmix-content-page--blogs #page-content .w-grid-item-h{min-height:0!important}
 body.vlemmix-content-page--blogs #page-content .w-grid-item .post_title,
 body.vlemmix-content-page--blogs #page-content .w-grid-item .w-post-elm.post_title{padding:25px 18px 22px!important;font-size:21px!important}
}