/* BVG static test layout */
body{margin:0!important;background:#fff!important;font-family:Verdana,Arial,sans-serif!important;font-size:12px!important;color:#161616!important}
.static-wrap{width:min(100%,1000px)!important;max-width:1000px!important;margin:0 auto!important}
.bvg-head{height:99px;border-bottom:1px solid #f28a20;position:relative;background:white}
.bvg-head img{width:125px;height:auto;max-height:92px;object-fit:contain;object-position:left top}
.bvg-layout{display:grid;grid-template-columns: 350px 350px 250px;column-gap:25px;padding:32px 20px 0;box-sizing:border-box}
.bvg-left,.bvg-middle{min-width:0}.bvg-left h2,.bvg-middle h2{font-family:Georgia,serif;font-size:15px;margin:0 0 10px;color:#111}.bvg-left p,.bvg-middle p{margin:0 0 14px;line-height:1.55}
.bvg-contact h2{background:#ef8a27;color:#111;padding:12px 24px;margin:0;font:bold 16px Georgia,serif}.bvg-contact-inner{padding:6px 24px;font-size:14px;line-height:1.45}.bvg-contact-inner p{margin:0 0 5px}.bvg-contact-inner a{color:#111;text-decoration:none;font-weight:bold}.bvg-social{margin-top:22px;font-size:19px;color:#ed8428}
.bvg-slider{height:300px;display:flex;align-items:center;justify-content:center;margin:10px 0 0}.bvg-slider img{max-width:100%;max-height:190px;object-fit:contain}
.bvg-blogs{margin:0 20px 35px}.bvg-blogs h2{color:#ed8223;font: bold 18px Arial,sans-serif;margin:0 0 14px}.bvg-blogs a{display:block;color:#4d6c86;text-decoration:none;font-size:11px;margin:5px 0}.bvg-blogs a:hover{text-decoration:underline}
.bvg-references{margin:30px 20px}.bvg-references h2{color:#ed8223;font: bold 18px Arial,sans-serif}.bvg-references img{max-width:150px;height:auto;vertical-align:middle;margin:4px}
.bvg-article{padding:30px 20px;line-height:1.7;min-height:500px}.bvg-article img{max-width:100%;height:auto}.bvg-article h1{font-size:23px;color:#ef8a27}.bvg-article a{color:#567b99}
.bvg-footer{text-align:center;padding:30px;font-size:11px;color:#777}
@media(max-width:850px){.bvg-layout{grid-template-columns:1fr 1fr;gap:25px}.bvg-contact{grid-column:1/-1}.bvg-head{margin:0 12px}}@media(max-width:570px){.bvg-layout{grid-template-columns:1fr}.bvg-contact{grid-column:auto}.bvg-slider{height:230px}}

/* Stap 1: originele Artisteer-header, los van Joomla */
.bvg-head{box-sizing:content-box!important;height:100px!important;margin:10px auto 0!important;border-bottom:1px solid #EDAB68!important;position:relative!important;background:transparent url('/templates/bvg/images/header.png') center top no-repeat!important;overflow:visible!important;}
.bvg-logo-art{position:absolute;left:calc(7.24% - 7px);top:0;width:109px;height:69px;background:url('/templates/bvg/images/object3085629.png') no-repeat left top;}
.bvg-logo-title{position:absolute;top:59px;left:calc(7.6% - 7px);font:bold 14px/1 Arial,Helvetica,sans-serif;color:#5B6976;white-space:nowrap;}
.bvg-logo-subtitle{position:absolute;top:82px;left:calc(7.68% - 7px);font:8px/1 Arial,Helvetica,sans-serif;color:#5B6976;white-space:nowrap;}

/* Stap 1b: header pixelposities, originele Artisteer afbeeldingen */
html,body{min-height:100%;}
body{background:#fff url('/templates/bvg/images/page.png') right top no-repeat!important;background-attachment:scroll!important;}
.static-wrap{width:1000px!important;max-width:calc(100% - 32px)!important;margin:0 auto!important;position:relative!important;}
.bvg-head{height:100px!important;min-height:100px!important;width:100%!important;box-sizing:border-box!important;margin:10px 0 0!important;padding:0!important;position:relative!important;border:0!important;border-bottom:1px solid #EDAB68!important;background:transparent url('/templates/bvg/images/header.png') center top no-repeat!important;overflow:visible!important;}
.bvg-head .bvg-logo-image{display:block!important;position:absolute!important;top:0!important;left:calc(7.24% - 7px)!important;width:109px!important;height:69px!important;max-height:none!important;max-width:none!important;object-fit:fill!important;margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;}
.bvg-head .bvg-logo-title{position:absolute!important;top:59px!important;left:calc(7.6% - 7px)!important;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:bold!important;line-height:14px!important;color:#5B6976!important;margin:0!important;padding:0!important;white-space:nowrap!important;}
.bvg-head .bvg-logo-subtitle{position:absolute!important;top:82px!important;left:calc(7.68% - 7px)!important;font-family:Arial,Helvetica,sans-serif!important;font-size:8px!important;font-weight:normal!important;line-height:8px!important;color:#5B6976!important;margin:0!important;padding:0!important;white-space:nowrap!important;}

/* Header stap 1c - geisoleerde opmaak, gecorrigeerd naar origineel */
html body{background:#fff!important;}
body::before{content:"";position:absolute;top:0;right:0;width:325px;height:358px;background:url('/templates/bvg/images/page.png') no-repeat right top;opacity:.14;pointer-events:none;z-index:0;}
body>.static-wrap{position:relative;z-index:1;max-width:1000px!important;width:calc(100% - 32px)!important;margin:0 auto!important;}
#bvg-header-final{height:100px!important;min-height:100px!important;width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;border:0!important;border-bottom:1px solid #eda966!important;background:none!important;position:relative!important;overflow:visible!important;}
#bvg-header-final .bvg-logo-image{position:absolute!important;left:69px!important;top:0!important;width:109px!important;height:69px!important;max-width:none!important;max-height:none!important;object-fit:fill!important;display:block!important;}
#bvg-header-final .bvg-logo-title{position:absolute!important;left:69px!important;top:59px!important;font: bold 12px/14px Arial,Helvetica,sans-serif!important;color:#52677d!important;margin:0!important;padding:0!important;white-space:nowrap!important;}
#bvg-header-final .bvg-logo-subtitle{position:absolute!important;left:69px!important;top:82px!important;font:normal 8px/9px Arial,Helvetica,sans-serif!important;color:#52677d!important;margin:0!important;padding:0!important;white-space:nowrap!important;}
@media(max-width:600px){#bvg-header-final .bvg-logo-image,#bvg-header-final .bvg-logo-title,#bvg-header-final .bvg-logo-subtitle{left:20px!important;}}
#bvg-header-final .bvg-logo-image{width:86px!important;height:auto!important;}

/* Header stap 1d: correcties op basis van vergelijking */
#bvg-header-final .bvg-logo-image{width:100px!important;height:auto!important;}
/* Originele page.png heeft al transparantie; geen extra opacity toepassen */
body::before{opacity:1!important;position:fixed!important;top:0!important;right:0!important;width:325px!important;height:358px!important;background-image:url('/templates/bvg/images/page.png')!important;background-repeat:no-repeat!important;background-position:right top!important;z-index:0!important;}
/* Lijn iets verder laten doorlopen dan het contentvlak */
#bvg-header-final{width:calc(100% + 28px)!important;margin-left:-4px!important;}
#bvg-header-final .bvg-logo-image,#bvg-header-final .bvg-logo-title,#bvg-header-final .bvg-logo-subtitle{left:73px!important;}

/* Stap 2: indeling van de drie kolommen zoals de originele homepage */
.static-content{padding:0!important;margin:0!important;}
.bvg-layout{grid-template-columns:335px 305px 250px!important;column-gap:35px!important;padding:32px 20px 0!important;box-sizing:border-box!important;align-items:start!important;}
.bvg-middle{padding-top:0!important;}
.bvg-middle section>p:first-child{margin-top:0!important;}
.bvg-contact{margin:0!important;}
@media(max-width:1000px){.bvg-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(220px,.82fr)!important;gap:24px!important;}}
@media(max-width:760px){.bvg-layout{grid-template-columns:1fr 1fr!important;gap:22px!important}.bvg-contact{grid-column:1/-1!important}}
@media(max-width:520px){.bvg-layout{grid-template-columns:1fr!important}.bvg-contact{grid-column:auto!important}}

/* Stap 2b: middelste tekst op hoogte van de linkerkop */
.bvg-layout .bvg-middle{position:relative!important;top:-25px!important;}
@media(max-width:520px){.bvg-layout .bvg-middle{top:0!important;}}

/* Stap 2c: middelste kolom hoort op hoogte van de eerste alinea links, niet de kop */
@media(min-width:521px){.bvg-layout .bvg-middle{top:12px!important;}}
@media(min-width:1001px){.bvg-layout{grid-template-columns:325px 295px 250px!important;column-gap:40px!important;}}

/* Stap 2d: fijne correctie breedte en hoogte middelste kolom */
@media(min-width:521px){.bvg-layout .bvg-middle{top:6px!important;}}
@media(min-width:1001px){.bvg-layout{grid-template-columns:330px 300px 250px!important;column-gap:38px!important;}}

/* Stap 2e: alleen middelste kolom een tekstregel lager */
@media(min-width:521px){.bvg-layout .bvg-middle{top:24px!important;}}

/* Stap 3: originele Stalker sociale iconen; overige opmaak gelijk aan 2e */
.bvg-social{display:flex!important;align-items:center!important;gap:4px!important;margin-top:22px!important}.bvg-social img{display:block!important;width:28px!important;height:28px!important;object-fit:contain!important}

/* Stap 5: oranje lijn onder blogberichten, gelijk aan bovenste headerlijn */
.bvg-footer{border-top:1px solid #eda966!important;width:calc(100% + 28px)!important;margin-left:-4px!important;box-sizing:border-box!important;}