:root{
	--bgcolor:#0C1928;
	--textcolor:#FFFFFF;
	--actioncolor:#FF7B00;
	--actionclickcolor:#AA5200;
	--clickcolor:#003977;
	--subcolor:#075CB9;
	--fontfamily:"PT Sans";
	--pagewidth:min(100%,75rem);
	--outerspacing:calc(100vw - var(--pagewidth));
	--innerpadding:clamp(1rem, calc(1vw * 5.34), 4rem);
	--logosize:clamp(12.5rem,calc(1vw * 24.2),18.125rem);
}
*{box-sizing:border-box;}
html,body{width:100%;min-height:100%;}
body{
	margin:0;
	background-image:url(/images/background.jpg);
	background-size:100% auto;
	background-repeat:repeat-y;
	background-color:var(--bgcolor);
	color:var(--textcolor);
	font-family:var(--fontfamily);
}
span.photo,span.graphic{display:inline-block;font-size:1rem;}
span.photo.left,span.graphic.left{float:left;}
span.photo.right,span.graphic.right{float:right;}
div#__wj{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;background-color:#FFFFFF;}
a{color:var(--actioncolor);cursor:pointer;}
a:active{color:var(--actionclickcolor)}
a.wj_bttn {
	display: block;
	border-radius: 99em;
	background-color:var(--subcolor);
	color: var(--textcolor);
	text-decoration: none;
}
a.wj_txtbttn {
	margin: .5rem 0;
	padding: .375em 1.5em;
	font-size: 1rem;
	line-height: 1em;
	text-align: center;
}
a.wj_bttn:active{
	background-color:var(--clickcolor);
}
div#wj_header{
	position:absolute;
	width:100%;
	height:190px;
	z-index:10;
}
div#innerpage{
	position:relative;
	width:var(--pagewidth);
	margin:0 auto;
}
div#logocontainer{
	position:absolute;
	width:var(--pagewidth);
	height:19.125rem;
	left:50%;
	transform:translate(-50%,0);
	pointer-events:none;
}
div#wj_logo{
	position:absolute;
	top:1.5rem;
	left:var(--innerpadding);
	width:var(--logosize);
	height:19.125rem;
	background-image:url(/images/logo-bbd-290.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position: 0 0;
	z-index:20;
	pointer-events:auto;
}
div#mtop{
	position:absolute;
	width:var(--pagewidth);
	height:2rem;
	margin:0 auto;
	pointer-events:auto;
}
div#mtop div.mtop0{
	position:absolute;
	display:flex;
	height:100%;
	line-height:1;
}
div#mtop a{
	position:relative;
	display:block;
	height:100%;
	padding: .4375rem 0 .4375rem 3.4375rem;
	color:#FFFFFF;
	font-size:1.125rem;
	text-decoration:none;
}
div#mtop a:before{
	content:"";
	position:absolute;
	display:block;
	width:2.5625rem;
	height:2rem;
	top:0;
	left:0;
	color:#FFFFFF;
	background-image:url(/images/card-icon.png);
	background-size:100% 300%;
	background-position:0 0;
	background-repeat:no-repeat;
}
div#mtop a:first-child:before{
	width:2.8125rem;
	background-image: url(/images/people-icon.png);
}
div#mtop a:hover{
	color:var(--subcolor);
}
div#mtop a:hover:before{
	background-position:0 50%;
}
div#mtop a:active, div#mtop a.hit{
	color:var(--actioncolor);
}
div#mtop a:active:before, div#mtop a.hit:before{
	background-position:0 100%;
}
div#mmain{
	position:absolute;
	width:100%;
	pointer-events:auto;
}
div#mmain div.mmain0{
	position:relative;
	display:flex;
	width:var(--pagewidth);
}
div#mmain a{
	display:block;
	color:var(--textcolor);
	text-decoration:none;
}
div#mmain a span{
	display:inline-block;
}
div#mmain a:hover span{
	border-bottom-color:var(--subcolor);
}
div#mmain a:active span{
	border-bottom-color:var(--clickcolor);
}
div#mmain a.hit span{
	border-bottom-color:var(--actioncolor);
}
div#omslag{
	position:absolute;
	width:100vw;
	height:80vh;
	top:0;
	left:calc(var(--outerspacing) * -.5);
	padding-left:calc(var(--outerspacing) * -.5);
	clip-path:polygon(0 0, 100% 0, 100% 72%, 0 100%);
	z-index:5;
	pointer-events:none;
}
div#omslag div.foto{
	position:absolute;
	width:calc(100vw - (var(--outerspacing) * .5));
	left:calc(var(--outerspacing) * .5);
	height:100%;
}
div#omslag img.omslag{
	width:100%;
	height:100%;
	object-fit:cover;
}
div#omslag div.coverleft{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:calc(var(--outerspacing) * .5);
	background-color:var(--bgcolor);
}
div#omslag div.covergradient{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:var(--pagewidth);
	background-image:linear-gradient(to right, var(--bgcolor), rgba(12,25,40,.75) 50%, rgba(12,25,40,0) 100%);
}
div#omslag-content{
	position:absolute;
	display:flex;
	height:calc(74% - 16.25rem);
	justify-content:space-between;
	pointer-events:auto;
}
div#heading{
	color:var(--textcolor);
}
h1{
	margin:0;
	padding:0;
	font-weight:700;
	font-size:clamp(2rem,calc(1vw * 4),3rem);
	line-height:1.0625;
}
h1>i{
	display:block;
	font-weight:400;
	font-style:normal;
	font-size:.8em;
}
h2{
	font-weight:700;
	font-size:1.375em;
}
div.bttns{
	display:flex;
	flex-direction:row;
	gap:1rem;
	line-height:1;
	flex-wrap:wrap;
	align-items:stretch;
}
div.bttns a.bttn{
	position: relative;
	display:block;
	padding:.625rem 2rem;
	background-color:var(--subcolor);
	border-radius: 99em !important;
	font-family: var(--fontfamily) !important;
	font-size:1.5rem;
	text-align: center;
	color:var(--textcolor);
	text-decoration:none;
	white-space:nowrap;
	flex-grow:1;
}
div.bttns a.bttn:active{
	background-color:var(--clickcolor);
}
div.bttns a.defaultbttn{
	background-color:var(--actioncolor);
}
div.bttns a.defaultbttn:active{
	background-color:var(--actionclickcolor);
}
div#contentbox{
	position:relative;
}
div#wj_footer{
	position:relative;
	width:100%;
	background-color:var(--bgcolor);
}
div#wj_footer div.footer{
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	gap:calc(var(--innerpadding) * .5);
	width:var(--pagewidth);
	margin:0 auto;
	padding:calc(var(--innerpadding) * .5) var(--innerpadding);
	line-height:2;
}
div#wj_footer div.footercolumn{
	width:clamp(8rem,calc((100vw - (var(--outerspacing) + (var(--innerpadding) * 1.5))) * .25), 17.25rem);
	font-size:clamp(.75rem,calc(1vw * 1.34),1rem);
	flex-grow:1;
	align-items:stretch;
}
div#wj_footer .title{
	font-size:1.2em;
}
div#wj_footer a{
	display:block;
	color:var(--textcolor);
	text-decoration:none;
}
div#wj_footer a:hover{
	color:var(--textcolor);
	text-decoration:underline;
}
div#wj_footer a:active{
	color:var(--subcolor);
	text-decoration:underline;
}
div#wj_footer span.label {
	display:block;
	padding-right:.5em;
	color:var(--textcolor);
	float:left;
}
div#wj_footer img.footerlogo{
	width:100%;
	height:15rem;
	object-fit:contain;
	pointer-events:none;
}
div#wj_footer div#cmain {
	font-size:clamp(.75rem,calc(1vw * 1.34),1rem);
	margin:0 auto;
}
p{
	margin:0;
	padding:0 0 1rem;
	font-size:1rem;
	line-height:1.5;
}
div.intro{
	padding:0 0 .5rem;    
	font-style:italic;
	font-size:1.2em;
}
div.kopje{
	padding:1rem 0 .5rem;
}
div#cta_bttns_bottom {
	position: fixed;
	top: calc(var(--viewport-height) - (var(--cta-bttn-fontsize) * 2.1));
	left: 0;
	padding: 0;
	justify-content: space-between;
	gap: 0;
	opacity: 0;
	z-index: 6;
}
div#cta_bttns_bottom.fixed-visible {
	opacity: 1;
}
ul.checkli {
	list-style-type: '✅';
	margin-left: 1.3125em;
	padding: .5em 0 1em 0;
}
ul.checkli li {
	padding: 0 0 .5em .75em;
}