body{background:#ced4b9;font-family:'Open Sans'; font-size:1.1rem;color:#4a5978}
.container-fluid{width:98%;max-width:1320px;margin-left:auto;margin-right: auto;background:#FFFFF9}

img{display: block; max-width: 100%; height: auto;}
.imgcenter{display: block; margin-left: auto;  margin-right: auto;}

.frame{border: solid 2px #366644; padding: 2px}

/* ===FONTS=== */


.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


.playfair-display-<uniquifier> {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.playfair-display-400 {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.playfair-display-300 {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;



}
.intro{color:#aea68a;font-size:105%;line-height: 1.2;}
.mt-n1 {margin-top: -2.75rem !important;}


.transparent{background:none}
.white{color:#fff !important}
.grey{color:#aea68a}

.lybra{color:#b8cf7b;font-style:italic}
.yellow{background:#F9B023;color: #004856;}
.small{font-size:90%;color:#00586A}
.smaller{font-size:81%}
.em{font-style:italic}
.hidden{display:none}
.mt-n1{opacity: 0.4}

.mt-7{margin-top:6rem}
.pt-7{padding-top:2.5rem}



.right {float:right}


a:link{color:#b8cf7b;text-decoration:none;font-weight:500}
a:visited{color:#b8cf7b;text-decoration:none;font-weight:500}
a:hover{color:#366644 ;text-decoration:none;}

.bg-grey{background-color:#008C8C}

h1{color:#ced4b9;font-family: "Playfair Display", serif;  font-style: normal;font-size:1.8rem;margin-bottom:0.5rem}
h2{color:#243b48;font-weight:500;font-size:110%;margin-bottom:0.5rem}
h3{color:#243b488;font-weight:500;font-size:110%;margin-bottom:0.5rem}

@media (min-width: 576px)
{h1 {font-size:200%}h2 {font-size:130%}h3 {font-size:110%}}

.header{position: sticky;top:0; z-index: 1200;width:98%;max-width:1320px;margin-left:auto;margin-right: auto;background-image:url('../mediatheek/header-achtergrond.jpg');background-repeat: no-repeat; background-size:cover}
.header h2{font-family: "Playfair Display", serif;   font-style: normal;color: #ced4b9;font-size:250%; margin-bottom:2rem}
.header h3 {font-family: "Playfair Display", serif;font-weight:300;font-size:100%;color: #969092;word-spacing:.6rem;}

.header h2 a:link{color:#9f0e0e;!important}
.header h2 a:visited{color:#9f0e0e;!important}
.header h2 a:hover{color:#9f0e0e;text-decoration:none}
.header img{float:right}


/* NAVBAR */
.bi-list{color:#FFFFF9;font-size:3rem;}
.offcanvas{background:#FFFFF9}
.offcanvas-header h2{color:#ced4b9; font-size:125%}
.offcanvas-title{color:#003E47}
.offcanvas li{color:#09181e;list-style-type: none;padding-top:.7rem}

.offcanvas a:link{color:#09181e;list-style-type: none;padding-top:.7rem}
.offcanvas a:visited{color:#09181e;}
.offcanvas a:hover{color:#18423e;text-decoration:none}
.offcanvas a:active{color:#18423e}
.btn-close{--bs-btn-close-color:#fff!important}
.btn-white{color:#fff}








.modal {--bs-modal-zindex: 1500;--bs-modal-width: 960px;}

.box{border:solid 1px #D2D6D9;border-radius:4px;padding:.8rem}
.box-np{border:solid 1px #D2D6D9;}

.btn-group{margin-right:-1rem}

.fa-bars{color:#4a5978;font-size:2.5rem;}
.fa-whatsapp{color:#fff;font-size:1.2rem;font-weight:300;padding:0.3rem 0.3rem 0 0.3rem;}
 a:hover >.fa-whatsapp{color:#ecf1f8;text-decoration:none;}
.fa-envelope{color:#fff;font-size:1rem;font-weight:300;padding:0 0.3rem;}
a:hover >.fa-envelope{color:#ecf1f8}
.fa-phone{color:#fff;font-size:1rem;}
.
.fa-instagram-square{font-size:1.4rem;margin-right:0.6rem}
.fa-linkedin{font-size:1.4rem}

.bi-diamond-fill{font-size:1rem}
.bi-diamond{font-size:.6rem}


.phone{position:fixed;z-index:1200;top:1.8rem;right:5rem;padding-bottom:1rem;font-size:1rem;}
.phone a:link {color:#2A293E}
.phone a:visited {color:#2A293E}
.phone a:hover {color:#577284;}

.bi-arrow-right{color:#fff;font-size:1.2rem;float:right}
.bi-facebook{color:#ced4b9;font-size:1.8rem}



.btn-bestel{background:#b8cf7b;color:#fff!important;border: solid 1px #366644;font-size:105%;}

.btn-bestel:hover{background: #366644;text-decoration:none;border: solid 1px #366644;  }
.btn-bestel a:hover{text-decoration:none}



.btn-light{background:#A63E26;color:#fff!important;font-size:.9rem;padding:0.1rem 0.5rem;margin-right:.3rem}
.btn-light a:link {color:#fff;font-size:1rem}
.btn-light a:hover{text-decoration:none}
.btn-light:hover{background:#F25922;}
.btn-light:hover a {color:#ecf1f8!important;}






th{color:#483429;font-weight:300;font-size:90%}
td{color:#483429;font-weight:300;font-size:90%}


.orange{background:#FA5C00;color:#fff;text-align:center}









.date-box{margin-top:1.4rem;font-size:1.5rem;color:#577284;font-weight: 500;}
.intro p{font-size:110%;}




.footer{width:98%;max-width:1320px;margin-left:auto;margin-right: auto;background:#366644}
.footer p{color:#D2D6D9;padding-top:1rem;padding-bottom:1rem}
.footer a:link{color: #D2D6D9;text-decoration:none}
.footer a:visited {color:#D2D6D9;text-decoration:none}
.footer a:hover {color:#fff;text-decoration:none}


.mt0{margin-top:-1.4rem!important;opacity:0.8}
.form-group{margin-left:0.3rem}

.error{color:#E81D09;padding: 2px 4px;}

/* ===CARDS=== */
.card{border:solid 1px #366644}
.card-header-top{background:#09181e}
.card a:hover{text-decoration:none}
.card-header h5{text-align:center;padding:1rem} 
.card-footer{text-align:center;padding:1rem} 
.light{background:#18423e;color:#aea68a}
.dark{background:#aea68a;color:#09181e}
.light a{color:#aea68a}