/*AANPASSINGEN 14-07-2026*/
:root {
  --primary-color: #130940;
  --secondary-color: #af802c;
  --white: #fff;
  --container-width: 1170px;
  --rest-space: calc(100vw - var(--container-width));
  --half-space: calc(var(--rest-space) / 2);
}

@font-face {
  font-family: 'Aller';
  src: url('../fonts/Aller-Italic.woff2') format('woff2'),
        url('../fonts/Aller-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Aller';
  src: url('../fonts/Aller-Light.woff2') format('woff2'),
        url('../fonts/Aller-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Aller';
  src: url('../fonts/Aller-LightItalic.woff2') format('woff2'),
        url('../fonts/Aller-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Aller';
  src: url('../fonts/Aller-Bold.woff2') format('woff2'),
        url('../fonts/Aller-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Aller';
  src: url('../fonts/Aller-BoldItalic.woff2') format('woff2'),
        url('../fonts/Aller-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Aller';
  src: url('../fonts/Aller.woff2') format('woff2'),
        url('../fonts/Aller.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Aller Display';
  src: url('../fonts/AllerDisplay.woff2') format('woff2'),
        url('../fonts/AllerDisplay.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body { font-family: 'Aller'; font-size: 20px; font-weight: 300; font-style: normal; color: var(--primary-color); line-height: 42px; text-align: center;}

h1 { font-family: 'Aller'; font-size: 60px; font-weight: 300; font-style: normal; color: var(--white); text-align: center;}
h1 span { font-weight: bold;}
h1:after { content: ''; display: block; width: 50px; height: 5px; background: var(--white); margin: 20px auto 40px auto;}
h2 { font-family: 'Aller'; font-size: 60px; font-weight: 300; font-style: normal; color: var(--secondary-color); text-align: center;}
h2 span { font-weight: bold;}
h2:after { content: ''; display: block; width: 50px; height: 5px; background: var(--secondary-color); margin: 20px auto 40px auto;}
h3 { font-family: 'Aller'; font-size: 34px; font-weight: bold; font-style: normal; color: var(--primary-color); margin-bottom: 30px;}

.pt-0 { padding-top: 0 !important;}
.pe-lg-5 { padding-right: 5rem;}
.ps-lg-5 { padding-left: 5rem;}
.mt-5 { margin-top: 5rem;}

/*container en dot-button*/
.owl-dots .owl-dot { display: inline-block; zoom: 1; display: inline;}

/*de “bullet” zelf*/
.owl-dots .owl-dot span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791;}
.owl-dots .owl-dot:is(:hover,.active) span { opacity: 1;}

/*wrapper blijft hetzelfde*/
.owl-theme { position: relative;}
.owl-theme .owl-dots { position: absolute; top: 40%; right: 25px;}
.owl-theme .owl-dots .owl-dot { display: block; padding: 5px !important;}
.owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; margin: 0; filter: 1; opacity: 1; background: rgba(175,128,44,0); border: 2px solid var(--secondary-color); border-radius: 50%;}
.owl-theme .owl-dots .owl-dot:is(:hover,.active) span { background: rgba(175,128,44,1);}

.container-fluid.content a { font-weight: bold; border-bottom: 1px solid var(--primary-color);}
.container-fluid.content a:hover { border-bottom: none; text-decoration: none;}

.btn { font-family: 'Aller'; font-size: 20px; font-weight: bold; padding: 6px 50px; border: 1px solid transparent; border-radius: 0; margin-top: 30px;}
.btn:hover { border: 1px solid transparent !important;}
.btn.btn-primary { color: var(--white); background-color: rgba(255,255,255,0); border-color: var(--white) !important; transition: all 0.2s ease-in-out;}
.btn.btn-primary:after { font-family: "Font Awesome 5 Regular"; content: "\f178"; display: none;}
.btn.btn-primary svg { margin-left: 15px; font-size: 18px;}
.btn.btn-primary:hover { background-color: rgba(255,255,255,1); border-color: var(--white) !important;}
.gold .btn.btn-primary:hover { color: var(--secondary-color) !important;}
.purple .btn.btn-primary:hover { color: var(--primary-color) !important;}

/*TOP*/
.container-fluid.top .row { display: flex; flex-wrap: wrap; justify-content: space-between;}
.container-fluid.top .row::before { display: none; }
.container-fluid.top .row::after { display: none; }

.container-fluid.top { background: url(../images/bg_gold.jpg); background-size: 100% auto; width: 100%; font-size: 16px;}
.container-fluid.top .align-self-center { align-self: center;}
.container-fluid.top .block.menuitem ul { padding-left: 0; margin-bottom: 0; list-style: none; display: flex; align-items: center; justify-content: flex-end; gap: 30px;}
.container-fluid.top .block.menuitem a { color: var(--primary-color); font-weight: bold;}
.container-fluid.top .block.menuitem a:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 3px;}

.container-fluid.top .contactgegevens ul { padding-left: 0; margin-bottom: 0; height: 35px; display: flex; align-items: center; justify-content: flex-start; gap: 30px; list-style: none;}
.container-fluid.top .contactgegevens ul li a { color: var(--primary-color);}
.container-fluid.top .contactgegevens ul li svg { margin-right: 5px; font-size: 14px;}

/*HEADER*/
.container-fluid.header { background: var(--primary-color); padding: 15px 0 0 0; text-align: left !important;}
.container-fluid.header:after { content: " "; display: block; width: 100%; height: 5px; background: url(../images/bg_gold.jpg); margin-top: 10px;}
.container-fluid.header .row { display: flex; flex-direction: row; align-items: center; justify-content: space-between;}

.navbar-default { background-color: transparent; border-color: transparent;}
.navbar-default .navbar-nav > li > a { font-weight: bold; color: var(--white);}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover { color: var(--secondary-color); background-color: transparent;}
.navbar { margin-bottom: 0; padding: 0;}
.navbar-collapse { padding-right: 0; padding-left: 0;}
.navbar-nav { float: right;}
.nav > li > a { padding: 10px 22px; font-size: 20px;}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover { color: var(--white); background-color: transparent; border-bottom: 2px solid var(--secondary-color);}

/*BANNER*/
.container-fluid.mainbanner { position: relative;}
.container-fluid.mainbanner .text { position: absolute; top: 0; bottom: 0; height: fit-content; width: 100%; margin: auto; padding: 0 calc(var(--half-space) + 15px); text-align: left; z-index: 2; color: var(--white);}
.container-fluid.mainbanner .text h1 { text-align: left; font-weight: bold;}
.container-fluid.mainbanner .text h1::after { display: none;}
.container-fluid.mainbanner .text .btn.btn-primary { background-color: var(--secondary-color); border-color: var(--secondary-color) !important;}
.container-fluid.mainbanner .text .btn.btn-primary:hover { background-color: var(--white); border-color: var(--white) !important; color: var(--primary-color);}
.container-fluid.mainbanner .image { position: relative;}
.container-fluid.mainbanner .image img { min-height: 55vh;}
.container-fluid.mainbanner .image::after { content: ''; background: var(--primary-color); background: radial-gradient(circle, rgba(19, 9, 64, 0.2) 0%, rgba(19, 9, 64, 0.5) 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}


/*CONTENT*/
.p-0 { padding: 0 !important;}

.container-fluid.content > .row { padding: 50px 0;}

.container-fluid.content .row.gold h2 { color: var(--white);}
.container-fluid.content .row.gold h2::after { background-color: var(--white);}

.block.list.entrees { display: flex; flex-wrap: wrap; row-gap: 30px;}
.block.list.entrees .item { border: 1px solid #eeeeee; height: 100%; display: flex; flex-direction: column;}
.block.list.entrees .item .image { position: relative; overflow: hidden;}
.block.list.entrees .item .image img { transition: transform 0.3s ease-in-out;}
.block.list.entrees .item .content { padding: 20px; text-align: left; font-size: 16px; font-weight: 300; line-height: 28px; display: flex; flex-direction: column; flex: 1;}
.block.list.entrees .item .content h3 { text-align: left; font-size: 18px; line-height: 26px; margin: 0 0 10px 0;}
.block.list.entrees .item .content h3:after { content: ''; display: block; width: 50px; height: 3px; background: #130940; margin: 15px 0;}
.block.list.entrees .item .content .text { flex: 1;}
.block.list.entrees .item .content .read-more { color: var(--secondary-color); font-weight: bold; transition: all 0.3s ease-in-out;}

.block.list.entrees a:hover { text-decoration: none;}
.block.list.entrees a:hover .image img { transform: scale(1.08);}
.block.list.entrees a:hover .content .read-more { margin-left: 10px; color: var(--primary-color);}

.container-fluid.content a { color: var(--primary-color);}
.gold { background-color: var(--secondary-color); font-size: 26px; color: var(--white); position: relative;}
.gold:before { content: ''; background: url(../images/pattern.svg); background-size: 6% auto; background-position: -50px -50px; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.15;}
.gold .btn { font-size: 26px;}
.gold a { color: var(--white) !important;}
.purple { background: var(--primary-color); color: var(--white); position: relative;}
.purple:before { content: ''; display: block; width: 98px; height: 105px; background: url(../images/en-teken.png); position: absolute; top: 30px; left: calc(50% - 50px);}
.purple:after { content: ''; display: block; width: 97px; height: 100px; background: url(../images/pijl.svg); position: absolute; bottom: -42px; right: 0;}
.purple h3 { color: var(--white); margin-bottom: 50px;}
.purple a { font-weight: bold; color: var(--white) !important; border-bottom: 1px solid var(--white) !important;}
.purple a:hover { border-bottom: none; text-decoration: none;}

.block.list.person { display: flex; justify-content: center;}
.block.list.person .item { text-align: left; line-height: 1.42857143;}
.block.list.person .item .image:after { content: ''; display: block; width: 73px; height: 76px; background: url(../images/pijl.svg); position: absolute; bottom: -32px; right: 15px;}
.block.list.person .item img { width: 100%; position: relative;}
.block.list.person .item h2 { font-weight: bold; color: var(--primary-color); text-align: left; margin-bottom: 0; line-height: 50px;}
.block.list.person .item h2:after { display: none;}
.block.list.person .item .surname { font-size: 34px;}

.block.list.person .item .function { margin: 0;}
.block.list.person .item table tr td:nth-child(1) { width: 30px;}
.block.list.person .item table tr td svg { font-size: 16px;}
.block.list.person .item a { font-weight: 300; color: var(--primary-color); border: none;}
.block.list.person .item a:hover { color: var(--secondary-color);}
.block.list.person .item a:hover h2 { color: var(--secondary-color);}
.block.list.person .item svg { margin-right: 5px;}

.block.list.person .item .image .photo { position: relative; overflow: hidden;}
.block.list.person .item .image .photo:hover img { -moz-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08);}
.block.list.person .item .image .photo img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}

/*KLANTEN*/
.block.list.owl-carousel.klanten { margin: 50px 0;}
.block.list.owl-carousel.klanten .item { padding: 0 25px;}
.block.list.owl-carousel.klanten .item a { border: none;}
.block.list.owl-carousel.klanten img { width: 100%;}

/*REVIEWS*/
.block.product.reviews { position: relative; border: 1px solid rgba(175,128,44,1);}
.block.product.reviews::after { content: ''; display: block; width: 73px; height: 76px; background: url(../images/pijl.svg); position: absolute; bottom: -32px; right: 15px;}
/*.block.product.reviews::before {content: '“'; font-weight: 700; color: var(--secondary-color); height: 100%; font-size: 15.625rem; position: absolute; left: 60px; z-index: 2; top: 40%; display: flex; align-items: flex-start; }*/
/*.block.product.reviews::after {content: '”'; font-weight: 700; color: var(--secondary-color); height: 100%; font-size: 15.625rem; position: absolute; right: 60px; z-index: 2; top: 40%; display: flex; align-items: flex-start; }*/
.block.product.reviews .item { display: flex; justify-content: center; border: none;}
.block.product.reviews .item .content { padding: 25px 35px; font-size: 20px; text-align: center; max-width: 700px;}
.block.product.reviews .item .content h3 { font-size: 24px; color: var(--secondary-color);}
.block.product.reviews .item .content .text { }
.block.product.reviews .item .content .tags { padding: 12px 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 0 12px;}
.block.product.reviews .item .content .tags span { font-size: 12px; font-style: italic; padding: 3px 20px; background-color: #E7E7E7; border-radius: 35px; display: none;}
.block.product.reviews .item .content .tags br { display: none;}

.block.product.reviews .owl-controls { top: calc(100% + 24px); right: 0; width: 100%;}
.block.product.reviews .owl-controls .owl-pagination { width: 100%; display: flex; justify-content: center;}

/*FOOTER*/
.footer { background-color: var(--secondary-color); font-size: 18px; color: var(--white); text-align: left; position: relative; padding: 25px 0 40px 0; line-height: 32px;}
.footer:before { }
.footer h2 { font-size: 24px; font-weight: bold; color: var(--white); text-align: left; margin: 15px 0;}
.footer h2:after { content: ''; display: none;}
.footer a { color: var(--white);}
.footer a:hover { color: var(--white); text-decoration: underline;}
.footer table tr td svg { font-size: 14px; margin-right: 5px;}
.footer ul li { list-style: none;}
.footer ul li:before { font-family: "Font Awesome 5 Regular"; content: "\f105"; display: none;}
.footer ul li svg { margin-left: -25px; margin-right: 15px;}

.endpage { background: url(../images/bg.jpg); background-size: 100% auto; font-size: 16px; font-weight: bold; color: var(--white); text-shadow: 1px 1px 3px #000000; padding: 5px 0;}
.endpage { text-align: left;}
.endpage .col-sm-6:nth-child(2) { text-align: right;}

/*#Tablet (Landscape)
==================================================*/
@media only screen and (min-width: 959px) and (max-width: 1220px) {
  .nav > li > a { padding: 10px 13px;}
  .block.list.person .col-md-6 { width: 100%;}
}

@media only screen and (max-width: 991px) {
  .purple h3 { margin-bottom: 24px;}
  .purple::before { display: none;}

  .coatch { }
  .coaching::before { content: url(../images/en-teken.png); display: flex; justify-content: center; width: 100%; height: 105px; position: relative; margin: 24px 0;}

  .owl-theme .owl-dots { right: 12px;}
}

/*Tablet (Portrait)
==================================================*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .nav > li > a { padding: 10px 14px;}
  .block.list.person .col-md-6 { padding: 0;}
  .block.list.person .item h2 { font-size: 40px; margin-top: 40px;}
  .block.list.person .item .surname { font-size: 30px;}
  .purple:before { top: calc(50% - 53px);}
  .purple #home_column1 .block.content:nth-child(1) { margin-bottom: 80px;}
  .purple h3 { color: var(--white); margin-top: 0; margin-bottom: 30px;}
}

/*#Mobile (Landscape)
==================================================*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .navbar-nav { float: none; text-align: center; margin: 7.5px 0;}
  .navbar-collapse { border-top: none; box-shadow: none;}
  .block.list.person { max-width: 350px; margin: 0 auto;}
  .block.list.person .item { margin-bottom: 25px;}
  .purple:before { top: calc(50% - 53px);}
  .purple #home_column1 .block.content:nth-child(1) { margin-bottom: 80px;}
  .purple h3 { color: var(--white); margin-top: 0; margin-bottom: 30px;}


  .endpage .col-sm-6 { text-align: center;}
  .endpage .col-sm-6:nth-child(2) { text-align: center;}
}

@media only screen and (max-width: 767px) {
  h1, h2 { font-size: 50px;}

  .container-fluid.content .row { padding: 0;}
  .container-fluid.content > .row { padding: 50px;}
  .container-fluid.content > .row:has(.owl-carousel) { padding-bottom: 100px;}
}


/*Mobiel (Portrait)
==================================================*/
@media only screen and (max-width: 479px) {
  .navbar-nav { float: none; text-align: center; margin: 7.5px 0;}
  .navbar-collapse { border-top: none; box-shadow: none;}
  .container_banner .block.list.slider .item .text { padding: 20px 60px 20px 20px; line-height: 30px;}
  .container_banner .block.list.slider .item .text .title { font-size: 28px;}
  .container_banner .block.list.slider .item .text .subtitle { font-size: 24px;}
  .container_banner .block.list.slider .item .text .subtitle:after { margin: 10px 0;}
  .owl-theme .owl-controls { top: 16%;}
  .gold { font-size: 20px; line-height: 34px;}
  .gold:before { background-size: 10% auto; opacity: 0.25;}
  .block.list.person .item { margin-bottom: 25px;}
  .purple:before { top: calc(50% - 53px);}
  .purple #home_column1 .block.content:nth-child(1) { margin-bottom: 80px;}
  .purple h3 { color: var(--white); margin-top: 0; margin-bottom: 30px;}
  .block.list.person .item p a svg { font-size: 55px; padding: 10px 12px; margin-right: 0;}
  .block.list.person .item p a:nth-child(1) { margin-left: -12px;}
  .footer table tr td { width: 100%; float: left;}
  .endpage { line-height: 30px;}
  .endpage .col-sm-6 { text-align: center;}
  .endpage .col-sm-6:nth-child(2) { text-align: center;}

  .block.product.reviews .item .content { padding: 12px;}
  .block.product.reviews .item .content .text { line-height: 1.2;}

  .owl-theme .owl-dots { top: 20%;}

  .block.product.reviews.owl-theme .owl-dots { display: flex; justify-content: center; width: 100%; top: unset; bottom: 6px; right: unset;}
}
/*---------------------------------------*/
@media (max-width: 1399px) {
  :root {
    --container-width: 1170px;
  }
}

/*---------------------------------------*/
@media (max-width: 1199px) {
  :root {
    --container-width: 970px;
  }
  .pe-lg-5 { padding-right: 15px;}
  .ps-lg-5 { padding-left: 15px;}
}

/*---------------------------------------*/
@media (max-width: 991px) {
  :root {
    --container-width: 750px;
  }
  .block.list.entrees .col-md-6 { width: 50%;}
  .container-fluid.header img { max-width: 125px;}
  .container-fluid.header .navbar .nav a { font-size: 18px; }

}

/*---------------------------------------*/
@media (max-width: 767px) {
  :root {
    --container-width: 500px;
  }
  .container-fluid.top .contactgegevens ul { gap: 15px;}
  .container-fluid.top .contactgegevens ul li svg { font-size: 18px;}

  .container-fluid.header .row::before { display: none;}
  .container-fluid.header .row::after { display: none;}
  .container-fluid.header .row:has(.navbar .navbar-collapse[aria-expanded="true"]) { align-items: flex-start; position: relative;}
  .container-fluid.header .navbar-default { position: static; }
  .container-fluid.header .navbar .navbar-collapse[aria-expanded="true"] { position: absolute; left: 0; width: 100%; z-index: 4; background: var(--primary-color); top: 100%; border-bottom: 5px solid var(--secondary-color);}
}

/*---------------------------------------*/
@media (max-width: 575px) {
  :root {
    --container-width: 100%;
  }


  .block.list.entrees .col-md-6 { width: 100%;}
  .block.list.person { flex-direction: column;}
}

/*---------------------------------------*/
@media (max-width: 479px) {

}