/* ============================================
		TOP
=============================================*/



/* ============================================
		NAVIGATIE
=============================================*/



/* ============================================
		SLIDER/BANNER
=============================================*/
.container-fluid.banner { position: relative; }
.container-fluid.banner::before { content: ''; background: linear-gradient(249.98deg, #FCB026 -47.11%, #EB8C23 -10.33%, #D85727 29.39%, #BB1F62 64.69%, #8E2066 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 52%; }
.container-fluid.banner .content .text { text-align: left; }

/* ============================================
		CONTENT
=============================================*/
h1 { font-weight: 300; font-size: 3.75rem; }

.pe-17 { padding-right: 17rem !important; }

.container-fluid.content { padding-top:6rem; }
.container-fluid.content > .row.bg-prim-light:first-of-type { margin-top:-6rem; }

.icon-row {display:flex; align-items:flex-start; position:relative; overflow: hidden;}
.icon-row.icon-left { justify-content:flex-start; }
.icon-row.icon-left::before { content:""; position:absolute; left:-30px; top:0; width:250px; height:250px; background:url('/media/2025-11/fav.png') no-repeat center/contain; opacity: 50%; z-index: -1; }
.icon-row.icon-right { justify-content:flex-end; z-index: -1; }
.icon-row.icon-right::after { content:""; position:absolute; right:-30px; top:0; width:250px; height:250px; background:url('/media/2025-11/fav.png') no-repeat center/contain; opacity: 50%; z-index: -1; }
.icon-row .block.content { position:relative; z-index:1; background:rgb(from var(--white) r g b / 0.5); backdrop-filter: blur(5px); }

.icon-row.icon-left .block.content:not(.lees-meer-text) { padding: 15px 0 15px 15px; }
.icon-row.icon-left .block.content.lees-meer-text.visible { padding: 0 0 0 15px; }
.icon-row.icon-left .block.html.lees-meer-btn { padding: 0 15px 15px 0; }
.icon-row.icon-right .block.content:not(.lees-meer-text) { padding: 15px 15px 15px 0; }
.icon-row.icon-right .block.content.lees-meer-text.visible { padding: 0 15px 0 0; }
.icon-row.icon-right .block.html.lees-meer-btn { padding: 0 15px 15px 0; }

.block.content.content-collapsed { max-height:470px; overflow:hidden; transition: max-height .5s ease; overflow: hidden; }
.block.content.content-collapsed + .btn.btn-info::after { content: '\f078'; }
.block.content.content-collapsed + .btn.btn-info:hover::after { margin: 0 15px; }
.block.content:not(.content-collapsed) + .btn.btn-info::after { content: '\f077'; }
.block.content:not(.content-collapsed) + .btn.btn-info:hover::after { margin: 0 15px; }

.bg-prim-light { background-color: var(--bg-color); padding-top: 3rem; padding-bottom: 3rem; }
.bg-prim-light .btn.btn-primary:hover { background: transparent; }
.bg-prim-light .btn.btn-secondary { background: transparent; }

.block.list.entrees { margin-top: 30px; }
.block.list.entrees .item { padding: 45px; }
.block.list.entrees.page-nav { margin-top: 0; margin-bottom: 30px; }
.block.list.entrees.page-nav .item { margin-right: 0; padding: 30px 30px 100px 30px; }
.block.list.entrees.page-nav .item h3 { margin-top: 0; }
.block.list.entrees.page-nav .item .btn.btn-primary i { transform: unset; }

.block.list.entrees.secondary .item h3 { color: var(--secondary-color) !important; }
.block.list.entrees.secondary .item .btn.btn-primary { background: linear-gradient(180deg, #D85727 0%, #BB1F62 48.3%, #8E2066 100%) !important; }
.block.list.entrees.secondary a .item:hover { background: linear-gradient(180deg, #D85727 0%, #BB1F62 48.3%, #8E2066 100%) !important; }
.block.list.entrees.secondary a .item:hover h3 { color: var(--white) !important; }
.block.list.entrees.secondary a .item:hover .btn.btn-primary { background: var(--white) !important; }
.block.list.entrees.secondary a .item:hover .btn.btn-primary i { color: var(--secondary-color) !important; }

.block.list.entrees.primary .item .label { background-color: var(--primary-color) !important; }
.block.list.entrees.primary .item h2 { color: var(--primary-color) !important; }

.row.watermark-right { position: relative; overflow: hidden; }
.row.watermark-right::after { content: ''; background: url(/media/2025-11/Icoon-Ontwikkeling-inZicht-4.svg);width: 440px; height: 440px; background-size: contain; background-repeat: no-repeat; position: absolute; bottom: 0; top: 0; right: -20px; margin: auto; filter: var(--filter-white); opacity: 0.5; }
.row.watermark-right .block { position: relative; z-index: 1; }

.block.html.video { margin-bottom: 0; }

.block.content.contact-gegevens a { color: var(--text-color); text-decoration: none; }
.block.content.contact-gegevens a:hover {color: var(--tertiary-color);}

.block.content.contact-gegevens p a:not(.btn){ color: var(--text-color); text-decoration: none; }
.container-fluid.content p a:not(.btn):hover{ color: var(--tertiary-color); }

.block.content.contact-gegevens i { color: var(--primary-color); font-size: 1.3rem; margin-right: 15px; vertical-align: middle; }
.block.content.contact-gegevens table td { padding: 10px 0; }

.bg-color {background-color: var(--primary-color); color: var(--white); padding-top: 2rem; padding-bottom: 3rem;}
.bg-color h2,.bg-color h3 { color: var(--white); }
.container-fluid.content .bg-color p a:not(.btn) { color: var(--white); text-decoration: underline; }

.bg-color.col-lg-12 { max-width: calc(var(--container-width) - 24px); margin: auto; }
.bg-color .block.form form .form-group .form-control {background-color: transparent; border: 1px solid var(--white); color: var(--white);}
.bg-color .block.form form .form-group .form-control::placeholder { color: var(--white); }
.bg-color .block.form .btn.btn-default { border-color: var(--white); }
 
.block.form form .form-group {margin-bottom: 15px;}
.block.form form .form-group .form-control {background-color: transparent; border: 1px solid var(--primary-color); color: var(--primary-color);}
.block.form form .form-group .form-control::placeholder { color: var(--primary-color); }
.block.form .btn.btn-default { border-color: var(--primary-color); }

.block.product.reviews.row .listitem .label { padding: 8px 20px; background-color: var(--primary-color); color: var(--white); border-radius: 26px; width: fit-content; }
.block.product.reviews.row .listitem .label[data-cat="training-workshop"] { background-color: var(--tertiary-color); }
.block.product.reviews.row .listitem .label[data-cat="preventieve-trajectbegeleiding"] { background-color: var(--quaternary-color); }
.block.product.reviews.row .listitem:has([data-cat="training-workshop"]) :is(h2, h3, h4, h5) { color: var(--tertiary-color); }
.block.product.reviews.row .listitem:has([data-cat="training-workshop"]) .btn.btn-primary { background-color: var(--tertiary-color); border-color: var(--tertiary-color); }
.block.product.reviews.row .listitem:has([data-cat="training-workshop"]) .btn.btn-primary:hover { border-color: var(--tertiary-color); background-color: transparent; color: var(--tertiary-color) !important; }
.block.product.reviews.row .listitem:has([data-cat="preventieve-trajectbegeleiding"]) :is(h2, h3, h4, h5) { color: var(--quaternary-color); }
.block.product.reviews.row .listitem:has([data-cat="preventieve-trajectbegeleiding"]) .btn.btn-primary { background-color: var(--quaternary-color); border-color: var(--quaternary-color); }
.block.product.reviews.row .listitem:has([data-cat="preventieve-trajectbegeleiding"]) .btn.btn-primary:hover { border-color: var(--quaternary-color); background-color: transparent; color: var(--quaternary-color) !important; }

.block.list.accordion .accordion-item{ border: 1px solid var(--primary-color); color: var(--primary-color); margin-bottom: 10px; border-radius: 30px; }
.block.list.accordion .accordion-item h3{ margin-top: 0; font-weight: 600; border: none; }
.block.list.accordion .accordion-item h3 .accordion-button{ color: var(--primary-color); font-size: 1.1rem; font-weight: 600; font-style: normal; color: var(--primary-color); line-height: 1.5; border-radius: 30px; }
.block.list.accordion .accordion-item h3 .accordion-button::after { filter: var(--filter-primary); }
.block.list.accordion .accordion-item h3 .accordion-button:focus{ border-color: transparent !important; outline: 0 !important; box-shadow: none !important; }
.block.list.accordion .accordion-item h3 .accordion-button:not(.collapsed){ background-color: transparent  !important; box-shadow: none; }


/* ============================================
		FOOTER & ENDPAGE
=============================================*/



/* ============================================
		MOBIEL
=============================================*/
/* --------------------------------------- */
@media only screen and (max-width: 1599px) {

h2 { font-size: 2.3rem; }

}

/* --------------------------------------- */
@media only screen and (max-width: 1499px) {

.row.watermark-right::after { width: 300px; height: 300px; top: -100px; }
.block.content.content-collapsed { max-height:550px; } 

}

/* --------------------------------------- */
@media only screen and (max-width: 1399px) {
.icon-row.icon-left::before {}


}

/* --------------------------------------- */
@media only screen and (max-width: 1199px) {
.container-fluid.banner img { min-height: 250px; }
.pe-17 { padding-right: 10rem !important; }
h1 { font-size: 3rem; }
h2 { font-size: 2rem; }
.block.list.entrees .item { padding: 30px; }
.block.list.entrees .item h2 { hyphens: auto; }


}

/* --------------------------------------- */
@media only screen and (max-width: 991px) {

	h1 { font-size: 2.5rem; }
.container-fluid.content { padding-top: 3rem; }
.container-fluid.content > .row.bg-prim-light:first-of-type { margin-top: -3rem; }
.pe-17 { padding-right: calc(var(--bs-gutter-x) * .5) !important; }

.bg-color { padding: 2rem; }
}

/* --------------------------------------- */
@media only screen and (max-width: 767px) {



}

/* --------------------------------------- */
@media only screen and (max-width: 575px) {
	h1 { font-size: 2rem; }
	h2 { font-size: 1.5rem; }
	.container-fluid.banner img { min-height: 175px; }
.block.list.entrees.page-nav .item {padding: 30px;}
.block.content.content-collapsed { max-height: 450px; }
.block.content.lees-meer + .btn.lees-meer,
.block.content.content-collapsed + .btn.lees-meer { margin-bottom: 30px; }

}

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

.container-fluid.content { padding-top: 2rem; }
.container-fluid.content > .row.bg-prim-light:first-of-type { margin-top: -2rem; }
.block.content.lees-meer + .btn.lees-meer,
.block.content.content-collapsed + .btn.lees-meer { width: fit-content; }
}