@import "reset.min.css";

/*
maincolors:
BACKGROUND:#fff
COLOR:#000
MAINCOLOR:#000
MAINCOLOR2:#c00
COLOR_ON_MAIN:#fff;
*/

:root {--BACKGROUND:#f7f3ed;--COLOR:#645f59;--MAINCOLOR:#b4976a;--MAINCOLOR2:#8c7047;--COLOR_ON_MAIN:#fff;--MNU_KLEUR:#211e1b;--MNU_KLEUR_HOVER:#b4976a;--MNU_KLEUR_DONKER:#181614;--SECTION_ACCENT:#f2ece3;--BORDER:#d9d2c9;--MAINFONT:'Figtree';--MAINFONT2:'Outfit';}

html								{	-webkit-text-size-adjust: none;	}

body                                {background-color:var(--BACKGROUND);color:var(--COLOR);font-family:var(--MAINFONT),Arial,sans-serif;font-size: 17px;}
body, html 							{height: 100%;}
.clearfix:after 					{ content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear 								{clear:both;}
a 									{color:var(--MAINCOLOR);}
a:hover 							{color:var(--MAINCOLOR2);}
a.tel 								{text-decoration:none;display:block;}
b,strong 							{font-weight:bold;}

#superwrapper 						{min-height: 100%;height: auto !important;height: 100%;}
.wrapper 							{max-width: 1420px;width:95%;height: auto;margin: 0px auto;position:relative;}
.wrapper2 							{max-width: 1920px;width:95%;height: auto;margin: 0px auto;position:relative;}

.table 								{display:table;width:100%;}
.tr 								{display:table-row;}
.td 								{display:table-cell;box-sizing:border-box;padding:3px;}

.placeholder 						{color:#aaa;}
::-webkit-input-placeholder,
::-webkit-textarea-placeholder 		{color:#aaa;}
:-moz-placeholder 					{color:#aaa;opacity:1;}
::-moz-placeholder 					{color:#aaa;opacity:1;}
:-ms-input-placeholder,
:-ms-textarea-placeholder 			{color:#aaa;}	
input[placeholder],
textarea[placeholder] 				{color:#aaa;}

/*ENTER BUTTON
**************/
#enter 								{position:absolute;bottom:10px;width:100%;text-align:center}
#enter a 							{background-color:#fff;padding:10px;display:inline-block;text-decoration:none;border-radius:10px;font-size:20px;}


/*PAGE_TITEL
**************/
h1                                  {color:var(--MNU_KLEUR);font-size:clamp(24px,4vw,40px);font-weight:700;line-height:1.05;margin:0 0 30px;text-transform:none;font-family: var(--MAINFONT2);}
h2                                  {color:var(--MNU_KLEUR);font-size:clamp(20px,3vw,30px);font-weight:700;line-height:1.15;margin:0 0 30px;text-transform:none;font-family: var(--MAINFONT2);}
h3                                  {color:var(--MNU_KLEUR);font-size:clamp(18px,1.5vw,22px);font-weight:600;line-height:1.35;margin:0 0 15px;text-transform:none;font-family: var(--MAINFONT2);}
h4                                  {color:#fff;font-size:clamp(16px,1.5vw,18px);font-weight:600;line-height:1.35;margin:0 0 15px;text-transform:none;font-family: var(--MAINFONT2);}
#melding 							{text-align:center;background-color:var(--MAINCOLOR);color:var(--COLOR_ON_MAIN);padding:10px;text-transform:uppercase;}
#hmTxt 								{display:none;}
a.mobHmls 							{display:none;}

/*HEADER MOB
**************/
#navMobMenu 						{display:none;}
#navMob,#searchMob,
#loginLnksmob,#languagesMob 		{background-color:var(--BACKGROUND);display:none;}

/*WARNING
****************/
#warning,#Zwarning					{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:12000;display:none;background:url(../images/popup2.png);}
#Wmessage,#ZWmessage				{background-color:#fff;width:400px;margin:50px auto;padding:50px;border:solid 5px #000;border-radius:10px;box-sizing:border-box;overflow:scroll-y;max-height:80%;}
#orderDay							{border:none !important;font-size:30px;color:#ad6a43;width:250px;}
/*POPUP
************/
#popup								{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:9998;background:url(../images/popup.png);display:none;}
#Wpopup								{background-color:#fff;width:450px;margin:50px auto;padding:20px;border:solid 5px #000;border-radius:10px;box-sizing:border-box;overflow:scroll-y;max-height:80%;}
a.popupCl 							{display:block;text-align:right;margin-bottom:20px;text-decoration:none;}
#Wpopup h2 a 						{text-decoration:none;}

/*HEADER
******************/

#topbar {background-color:var(--MNU_KLEUR_DONKER);color:#fff;font-size:12px;line-height:1;}
.topbarInner {align-items:center;display:flex;justify-content:space-between;min-height:36px;}
.topbarContact,.topbarActions, .topbarActionsMob {align-items:center;display:flex;}
.topbarActionsMob {display: none;}
.topbarContact {gap:22px;}
.topbarContact a {align-items:center;color:#d8d3cc;display:flex;gap:7px;text-decoration:none;}
.topbarContact a:hover {color:var(--MAINCOLOR);}
.topbarContact i,.topbarRegion i {color:var(--MAINCOLOR);font-size:clamp(.6875rem,.75vw,.8125rem);}
.topbarActions, .topbarActionsMob {gap:18px;}
.topbarRegion {align-items:center;color:#d8d3cc;display:flex;gap:7px;}
.topbarLink {align-items:center;color:#fff;display:flex;font-size:clamp(.5625rem,.65vw,.6875rem);font-weight:600;letter-spacing:.05em;min-height:36px;padding:0 14px;text-decoration:none;text-transform:uppercase;}
.topbarLink:hover {background-color:#292521;color:#fff;}
.topbarLinkAccent {background-color:var(--MAINCOLOR);color:#211e1b;}
.topbarLinkAccent:hover {background-color:var(--MAINCOLOR2);color:#fff;}

#top {background-color:#fff;border-bottom:1px solid #e7e2dc;padding:0;position:sticky;top: 0;width: 100%;z-index:999;}
#header {align-items:center;display:flex;justify-content:space-between;min-height:78px;width:100%;}
#logo {flex-shrink:0;}
#logo a {display:block;}
#logo img {display:block;height:auto;max-width:165px;width:auto;}

#main.homePage {margin:0;line-height:1.6;}

.section {padding:75px 0;}

.sectionDark, #secWrap38, #secWrap47, #secWrap51, #secWrap56, #secWrap66, #secWrap74, #secWrap88, #secWrap95, #secWrap102, #secWrap109, #secWrap116, #secWrap125, #secWrap131, #secWrap137, #secWrap138, #secWrap140 {background-color:#1c1a18;color:#fff;}
.sectionDark h1,.sectionDark h2,.sectionDark h3, #secWrap38 h1, #secWrap38 h2, #secWrap38 h3, #secWrap47 h1, #secWrap47 h2, #secWrap47 h3, #secWrap51 h1, #secWrap51 h2, #secWrap51 h3, #secWrap56 h1, #secWrap56 h2, #secWrap56 h3, #secWrap66 h1, #secWrap66 h2, #secWrap66 h3, #secWrap74 h1, #secWrap74 h2, #secWrap74 h3, #secWrap88 h1, #secWrap88 h2, #secWrap88 h3, #secWrap95 h1, #secWrap95 h2, #secWrap95 h3, #secWrap102 h1, #secWrap102 h2, #secWrap102 h3, #secWrap109 h1, #secWrap109 h2, #secWrap109 h3, #secWrap116 h1, #secWrap116 h2, #secWrap116 h3, #secWrap125 h1, #secWrap125 h2, #secWrap125 h3, #secWrap131 h1, #secWrap131 h2, #secWrap131 h3, #secWrap137 h1, #secWrap137 h2, #secWrap137 h3, #secWrap138 h1, #secWrap138 h2, #secWrap138 h3, #secWrap140 h1, #secWrap140 h2, #secWrap140 h {color:#fff;}
.sectionLight {background-color:var(--BACKGROUND);}
.sectionAccent {background-color:var(--SECTION_ACCENT);}
.sectionSub {background-color: #e7ded2;padding: 90px 0;}
.sectionSub h2, .sectionDark h2 {color: var(--MAINCOLOR);margin-bottom: 10px;font-size: 19px;font-weight: 700;}

.eyebrow {display:inline-flex;align-items:center;min-height:36px;padding:0 18px;border:1px solid rgba(180,151,106,.35);border-radius:999px;background:rgba(255,255,255,.03);color:var(--MAINCOLOR);font-size:13px;font-weight:500;letter-spacing:.03em;line-height:1;text-transform:uppercase;margin-bottom: 20px;}

.hero {padding:90px 0;}
.heroGrid {align-items:center;display:grid;gap:90px;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);}
.sectionDark .hero p {color:#d8d4ce;line-height:1.75;}
.btns {align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.action {background-color:var(--MAINCOLOR);border-radius:5px;color:#fff;font-weight:600;border:solid 1px var(--MAINCOLOR);padding:12px 20px;text-transform:none;text-decoration: none;}
.action:hover {background-color:transparent;color:var(--MAINCOLOR);}
.actionOutline {background-color:#1c1a18;border-color:#5b5650;color: #fff;}
.actionOutline:hover {background-color:#fff;color:var(--MNU_KLEUR);border-color:#fff;}

.heroAdvantages {display:grid;gap:10px 30px;grid-template-columns:repeat(2,1fr);list-style:none;margin:30px 0 0;padding:0;}
.heroAdvantages li {color:#eee9e1;font-size:16px;}
.heroAdvantages i {color:var(--MAINCOLOR);margin-right:7px;}
.heroVisual {padding:10px 20px 35px 0;position:relative;height: 100%;}
.heroImage {border-radius:8px;overflow:hidden;transform:rotate(1deg);height: 100%;}
.heroImage img {height:100%;width:100%;object-fit: cover;aspect-ratio: 5/4;}
.heroDistance {background-color:var(--MAINCOLOR);border-radius:0 0 7px 7px;bottom:0;color:#241f19;display:flex;flex-direction:column;left:25px;padding:20px 24px;position:absolute;width:calc(100% - 25px);box-sizing:border-box;}
.heroDistance strong {font-size:22px;line-height:1;}
.heroDistance span {font-size:14px;margin-top:8px;}

.uspGrid {align-items:stretch;}
.card {background-color:#fff;border:1px solid var(--BORDER);border-radius:6px;box-sizing:border-box;padding:25px;}
.cardLine {background-color:var(--MAINCOLOR);display:block;height:2px;margin-bottom:22px;width:36px;}
.usp p {color:#69645e;line-height:1.7;}

.highlightBox {background-color:#e8ddce;border-left:3px solid var(--MAINCOLOR);border-radius:5px;margin-top:30px;padding:30px 35px;}
.highlightBox p {color:#625d57;}

.serviceCard {background-color:#fff;border-radius:5px;overflow:hidden;}
.serviceCard a {color:var(--MNU_KLEUR);display:block;text-decoration:none;}
.serviceCard img {aspect-ratio:1.55/1;display:block;transition:transform .3s ease;width:100%;}
.serviceCard h3 {background-color:#fff;margin:0;padding:20px;font-size: 18px;}
.serviceCard a:hover img {/*transform:scale(1.04);*/}
.serviceCard a:hover h3 {color:var(--MAINCOLOR2);}

.typeCard {background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08);transition:.3s;}
.typeCard:hover {transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.12);}
.typeCardImage {aspect-ratio:16/9;overflow:hidden;}
.typeCardImage a {display: block;}
.typeCardImage img {width:100%;height:100%;object-fit:cover;display:block;transition:.4s;}
.typeCard:hover .typeCardImage img {transform:scale(1.05);}
.typeCardContent {padding:28px;}
.typeCardContent h3 {font-size: 20px;}
.typeCardText {font-size: 16px;}
.moreLink {display:inline-flex;align-items:center;font-weight:600;text-decoration:none;color:var(--kleurAccent,#b08b57);transition:.3s;margin-top: 15px;}
.moreLink:hover {gap:8px;color:#000;}

.construction-image {overflow:hidden;border-radius:12px;aspect-ratio:1/1;}
#sec162 .construction-image {overflow:hidden;border-radius:12px;aspect-ratio:4/3;}
.construction-image video {display:block;width:100%;height:100%;object-fit:cover;}

.processSection {padding-bottom:85px;}
.process {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));list-style:none;margin:20px 0 40px;padding:0;position:relative;}

.process:before {background-color:#5c4d37;content:"";height:1px;left:0;position:absolute;right:0;top:26px;}

.process li {padding-right:25px;position:relative;}
.processIcon {align-items:center;background-color:#1c1a18;border:1px solid var(--MAINCOLOR2);border-radius:50%;color:var(--MAINCOLOR);display:flex;height:52px;justify-content:center;margin-bottom:18px;position:relative;width:52px;z-index:1;}
.processIcon i {font-size: 20px;}
.process small {color:var(--MAINCOLOR);display:block;font-size:14px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase;}
.process strong {display:block;font-weight:400;line-height:1.55;font-size: 15px;}

.regionGrid {align-items:center;display:grid;gap:80px;grid-template-columns:minmax(400px,1fr) minmax(0,1fr);}
.regionMap {background-color:#1c1a18;border-radius:7px;box-shadow:0 12px 30px rgba(0,0,0,.12);overflow:hidden;position:relative;z-index: 2;}
#regionMap {height:480px;width:100%;}

.leaflet-container {font-family:Inter,Arial,sans-serif;}
.leaflet-control-attribution {font-size:10px;}
.leaflet-popup-content-wrapper {border-radius:5px;}
.leaflet-popup-content {font-size:13px;line-height:1.5;margin:12px 15px;}
.mapMarker {align-items:center;background-color:var(--MAINCOLOR);border:3px solid #fff;border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,.25);color:#1c1a18;display:flex;height:30px;justify-content:center;width:30px;}
.mapMarkerMain {height:38px;width:38px;}
.mapMarker i {font-size:13px;}
.mapLabel {background-color:#1c1a18;border:0;border-radius:4px;box-shadow:none;color:#fff;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:600;padding:4px 8px;}
.mapLabel:before {display:none;}

.regionContent h2 {margin-bottom:25px;}

.ctaInner, #sec40, #sec41, #sec42, #sec45, #sec48, #sec49, #sec52, #sec59, #sec60, #sec68, #sec69, #sec73, #sec75, #sec78, #sec80, #sec87, #sec90, #sec97, #sec98, #sec104, #sec105, #sec111, #sec112, #sec118, #sec119, #sec126, #sec132, #sec135, #sec136, #sec137, #sec154 {margin:0 auto;max-width:950px;text-align:center;}
.sectionDark .ctaInner p, .sectionDark .ctaInner > p > a {color:#d4d0cb;}
.ctaInner .btns {justify-content:center;}

.sectionHeading {margin-bottom:35px;text-align:center;}
.sectionHeading h2 {margin:8px 0;}
.sectionHeading p {color:#746d64;}

.stars {color:var(--MAINCOLOR);font-size:11px;letter-spacing:2px;}

.testimonial {min-height:180px;}
.testimonial p {color:#5d5852;font-size:12px;line-height:1.75;margin:17px 0;}
.testimonial strong {font-size:11px;}

.faqWrapper, #sec61, #sec67, #sec70, #sec76, #sec79, #sec81, #sec89, #sec91, #sec94, #sec99, #sec103, #sec106, #sec110, #sec113, #sec120, #sec124, #sec127, #sec129, #sec130, #sec133 {max-width:950px;margin: 0 auto;}
.faq {border-top:1px solid var(--BORDER);}
.faq-item {border-bottom:1px solid var(--BORDER);}
.faq-question {align-items:center;cursor:pointer;display:grid;grid-template-columns:45px minmax(0,1fr) 30px;padding:20px 0;transition:color .2s ease;}
.faq-question:hover {color:var(--MAINCOLOR2);}
.faq-question:focus-visible {outline:2px solid var(--MAINCOLOR);outline-offset:5px;}
.faq-number {color:var(--MAINCOLOR2);font-size:12px;font-weight:500;}
.faq-title {font-size:clamp(16px,1.2vw,18px);font-weight:600;line-height:1.4;margin:0;}
.faq-icon {align-items:center;background-color:#e2d8ca;border-radius:50%;color:var(--MNU_KLEUR);display:flex;height:24px;justify-content:center;transition:background-color .2s ease,color .2s ease,transform .25s ease;width:24px;}
.faq-icon i {font-size:11px;transition:transform .25s ease;}
.faq-item.isOpen .faq-icon {background-color:var(--MAINCOLOR);color:var(--COLOR_ON_MAIN);}
.faq-item.isOpen .faq-icon i {transform:rotate(180deg);}
.faq-answer {display:none;}
.faq-answer-inner {color:#716b64;line-height:1.75;padding:0 30px 22px 45px;}
.faq-answer-inner p:last-child {margin-bottom:0;}
.faq-answer-inner ul,.faq-answer-inner ol {margin:0 0 15px;padding-left:20px;}
.faqAction {margin-top:40px;text-align:center;}

#sec37 ul, #sec46 ul, #sec50 ul {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;margin:0;padding:0;}
#sec37 li, #sec46 li, #sec50 li {display:flex;align-items:center;padding:24px;background:#fff;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.05);font-weight:500;line-height:1.5;transition:.3s;}
#sec37 li:hover, #sec46 li:hover, #sec50 li:hover {transform:translateY(-4px);box-shadow:0 14px 35px rgba(0,0,0,.08);}
#sec37 li::before, #sec46 li::before, #sec50 li::before {content:"\f058";font-family:"Font Awesome 7 Pro";font-weight:900;font-size:20px;color:#c49a52;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:10px;}

#sec12 ul, #sec57 ul, #sec16 ul, #sec72 ul, #sec89 ul, #sec96 ul, #sec117 ul, #sec124 ul, #sec58 ul {display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;list-style:none;margin:0;padding:0;}
#sec12 ul li, #sec57 ul li, #sec16 ul li, #sec72 ul li, #sec89 ul li, #sec96 ul li, #sec117 ul li, #sec124 ul li, #sec58 ul li {position:relative;display:flex;align-items:center;padding:10px 0 10px 40px;border-bottom:1px solid rgba(0,0,0,.12);font-weight: 700;color:var(--MNU_KLEUR);}
#sec12 ul li:last-child, #sec57 ul li:last-child, #sec16 ul li:last-child, #sec72 ul li:last-child, #sec89 ul li:last-child, #sec96 ul li:last-child, #sec117 ul li:last-child, #sec124 ul li:last-child, #sec58 ul li:last-child {border: 0;}
#sec12 ul li::before, #sec57 ul li::before, #sec16 ul li::before, #sec72 ul li::before, #sec89 ul li::before, #sec96 ul li::before, #sec117 ul li::before, #sec124 ul li::before, #sec58 ul li::before {content:"\f058";font-family:"Font Awesome 7 Pro";font-weight:900;position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--MAINCOLOR);background:var(--SECTION_ACCENT);}

#sec15 ul, #sec67 ul, #sec17 ul, #sec18 ul, #sec79 ul, #sec20 ul, #sec94 ul, #sec103 ul, #sec22 ul, #sec110 ul, #sec23 ul, #sec129 ul, #sec130 ul {list-style:none;margin:0;padding:0;}
#sec15 ul li, #sec67 ul li, #sec17 ul li, #sec18 ul li, #sec79 li, #sec20 ul li, #sec94 ul li, #sec103 ul li, #sec22 ul li, #sec110 ul li, #sec23 ul li, #sec129 ul li, #sec130 ul li {position:relative;display:flex;align-items:center;padding:10px 0 10px 40px;border-bottom:1px solid rgba(0,0,0,.12);font-weight: 700;color:var(--MNU_KLEUR);}
#sec15 ul li:last-child, #sec67 ul li:last-child, #sec17 ul li:last-child, #sec18 ul li:last-child, #sec79 ul li:last-child, #sec20 ul li:last-child, #sec94 ul li:last-child, #sec103 ul li:last-child, #sec22 ul li:last-child, #sec110 ul li:last-child, #sec23 ul li:last-child, #sec129 ul li:last-child, #sec130 ul li:last-child {border: 0;}
#sec15 ul li::before, #sec67 ul li::before, #sec17 ul li::before, #sec18 ul li::before, #sec79 ul li::before, #sec20 ul li::before, #sec94 ul li::before, #sec103 ul li::before, #sec22 ul li::before, #sec110 ul li::before, #sec23 ul li::before, #sec129 ul li::before, #sec130 ul li::before {content:"\f058";font-family:"Font Awesome 7 Pro";font-weight:900;position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--MAINCOLOR);background:var(--SECTION_ACCENT);}

.serviceGrid {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;}

#sec83 {order: 2;}
#sec84 {order: 1;}

.realisatieFilterLabel {display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px;color:var(--COLOR);font-size:13px;font-weight:600;}
.realisatieFilterLabel i {color:var(--MAINCOLOR);}
.realisatieFilters {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:40px;}

.realisatieItem.isHidden {display:none;}
.realisatieMore {margin-top:35px;text-align:center;}
.realisatieMoreBtn {border:0;cursor:pointer;font-family:inherit;}
.realisatieFilters {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:40px;}
.realisatieFilter {background-color:transparent;border:1px solid var(--MAINCOLOR);border-radius:30px;color:var(--COLOR);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease,color .2s ease;}
.realisatieFilter:hover,.realisatieFilter.active {background-color:var(--MAINCOLOR);color:var(--COLOR_ON_MAIN);}
.realisatieGrid {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.realisatieItem {margin:0;overflow:hidden;}
.realisatieItem a {display:block;aspect-ratio:4/3;overflow:hidden;position:relative;}
.realisatieItem img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.realisatieOverlay {align-items:flex-end;background:linear-gradient(to top,rgba(0,0,0,.65),transparent 65%);bottom:0;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;left:0;opacity:0;padding:20px;position:absolute;transition:opacity .3s ease;width:100%;}
.realisatieOverlay i {font-size:20px;}
.realisatieItem a:hover img {transform:scale(1.04);}
.realisatieItem a:hover .realisatieOverlay {opacity:1;}

.regioGrid {display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;}
.regioItem {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#fff;border:1px solid #eee;border-radius:14px;text-decoration:none;color:var(--COLOR);transition:.2s;}
.regioItem span {font-weight:600;}
.regioImg {aspect-ratio: 4/3;overflow: hidden;}
.regioImg img {display: block;width: 100%;height: 100%;border-radius: 16px;}
.regioItem i {color:var(--MAINCOLOR);transition:.2s;}
.regioItem:hover {border-color:var(--MAINCOLOR);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.08);}
.regioItem:hover i {transform:translateX(4px);}

@media screen and (max-width:992px) {
.realisatieGrid {grid-template-columns:repeat(3,1fr);}
}

@media screen and (max-width:768px) {
.realisatieGrid {grid-template-columns:repeat(2,1fr);}
}

@media screen and (max-width:576px) {
.realisatieGrid {grid-template-columns:1fr;}
}

@media screen and (max-width:576px) {
.faq-question {grid-template-columns:35px minmax(0,1fr) 26px;padding:18px 0;}
.faq-number {font-size:11px;}
.faq-title {padding-right:10px;}
.faq-icon {height:22px;width:22px;}
.faq-answer-inner {padding:0 26px 20px 35px;}
}

/*IMAGES FIT
******************/
img.cover 							{object-fit:cover;border-radius: 8px;}
img.coverT 							{object-fit:cover;object-position:top;}
img.coverB 							{object-fit:cover;object-position:bottom;}
img.coverL 							{object-fit:cover;object-position:left;}
img.coverR 							{object-fit:cover;object-position:right;}
img.contain 						{object-fit:contain;}


/*MAIN CONTENT
*********************************/
.grid-6 							{display: grid;grid-gap: 20px;grid-template-columns: repeat(6,1fr);}
.grid-5 							{display: grid;grid-gap: 30px;grid-template-columns: repeat(5,1fr);}
.grid-4 							{display: grid;grid-gap: 30px;grid-template-columns: repeat(4,1fr);}
.grid-3 							{display: grid;grid-gap: 30px;grid-template-columns: repeat(3,1fr);}
.grid-2 							{display: grid;grid-gap: 50px;grid-template-columns: repeat(2,1fr);align-items: center;}
#secWrap43 .grid-2, #secWrap4 .grid-2 					{display: grid;grid-gap: 50px;grid-template-columns: repeat(2,1fr);align-items: flex-start;}
.sectiongrid						{padding:80px 0px;opacity:0;transform:translateY(40px);transition:opacity .8s ease, transform .8s ease;}
.sectiongrid.first					{padding:80px 0 0 0;}
.sectiongrid.evenRow				{background-color: var(--SECTION_ACCENT);}
.sectiongrid:last-child				{margin:0px;}
.sectiongrid.isVisible              {opacity:1;transform:translateY(0);}

/*MOZAIEK
***************/
#mozaiek 							{width: 100%;column-gap: 20px;box-sizing: border-box;}
#mozaiek .mozaiek 					{width: 100%;margin: 0 0 20px;break-inside: avoid;}
#mozaiek .mozaiek a 				{display: block;}

/*NIEUWSBALK
*************/
.newsHome							{margin-top:20px;}
.newsHome a 						{text-align:center;font-size:20px;display:block;text-decoration:none;padding:5px;text-transform:uppercase;}
.newsHome a i 						{}
.newsHome a:hover 					{outline:solid 1px #ccc;background-color:#fff;}
#nieuw h3 							{text-transform:uppercase}
.newsTotal 							{float:left;width:60%;margin-left:10%;}

/*NIEUWS
*************/
#nieuws 							{padding-top:30px;}
#newsAll a 							{display:block;padding:10px;text-align:center;background-color:var(--MAINCOLOR2);color:var(--BACKGROUND);text-transform:uppercase;text-decoration:none;font-size:20px;}
			
.nieH2								{text-align:center;margin-bottom:40px;margin-top:40px;}
.newsPicc							{float:left;width:35%;margin-right:5%;}
.newsTekst							{float:left;width:60%;}
.nieImgList							{float:left;width:30%;margin-right:5%;}
.nieTxtList							{float:left;width:65%;}
.nieTxtList a 						{color:var(--MAINCOLOR);font-weight:bold;}
.nieuwsbericht 						{margin-bottom:20px;padding-bottom:20px;}
.nieDatum							{color:var(--MAINCOLOR2);display:inline-block;padding:5px 5px 5px 0px;margin-bottom:10px;font-size:14px;}
.nieTitel							{text-transform:uppercase;font-size:20px;margin-bottom:10px;font-weight:normal;}
.nieTitel a 						{text-decoration:none;display:inline-block;}
.nieTekst 							{margin-top:5px;}
.nieStripe							{height:1px;border-bottom:dotted 1px var(--COLOR);margin:20px 0px 20px 0px;}
.nieFancyZoom a 					{font-size:16px;}

.videoWrapper 						{position: relative;padding-bottom: 56.25%;margin-top: 25px;height: 0;}
.videoWrapper iframe				{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.nieFancyZoom						{text-align:center;margin-top:5px;font-size:12px;display:none;}
.nieFancyZoom a 					{text-decoration:none;}
.Floader							{width:100%;font-size:10px;text-align:center;line-height:12px;padding-top:10px;}
.Floader img 						{width:40px;height:20px;}

.nieBtn								{}
.nieBtn a							{background-color:var(--MAINCOLOR);color:var(--COLOR_ON_MAIN);display:inline-block;border-radius:5px;text-decoration:none;text-transform:uppercase;padding:7px 15px;font-size:13px;margin-top:15px;}
.nieBtn a:hover 					{background-color:var(--MAINCOLOR2);color:var(--COLOR_ON_MAIN);}
.nieSmallPic img 						{width: 100%;object-fit: cover;aspect-ratio: 4/3;}
.nieSmallPic a 						{display: block;}

/*PREVIOUS NEXT
********************/
#usable 							{display:grid;grid-template-columns: repeat(3,1fr);grid-gap: 10px;text-align: center;margin-bottom: 20px;}
#usable a 							{box-sizing:border-box;padding:5px;text-decoration:none;border-radius:5px;background-color: #eee;}
#usable a:hover 					{background-color:#ccc;color:#fff;}

/*FOOTER TOP
***********/
#sticky {background-color:#1c1a18;color:#fff;line-height:1.7;padding:60px 0 20px;}
.footerLogo {background-color:#fff;border-radius:5px;display:inline-block;margin-bottom:20px;padding:10px 15px;}
.footerLogo img {display:block;max-height:45px;max-width:130px;}
.footerIntro p {color:#aaa49d;font-size:16px;}

#sticky h2 {color:var(--MAINCOLOR);font-size:10px;font-weight:500;letter-spacing:1px;margin-bottom:18px;text-transform:uppercase;}
#sticky ul {list-style:none;margin:0;padding:0;}
#sticky li {color:#b7b2ac;font-size:16px;margin-bottom:6px;}
#sticky a {color:#b7b2ac;text-decoration:none;}
#sticky a:hover {color:var(--MAINCOLOR);}

.footerContact i {color:var(--MAINCOLOR);margin-right:8px;}
.footerBottom {border-top:1px solid #34302c;color:#77726c;display:flex;font-size:14px;justify-content:space-between;margin-top:45px;padding-top:18px;}
.toTop {display:none;}

/*FORMS
********/
.required 							{color: #CC0000;}
.field_heading 						{font-weight: bold;margin-bottom:30px;}
.field_row 							{display:flex;flex-direction: column;gap: 10px;}
.field_title 						{flex:1;}
.field_input 						{flex:2;}
.field_checkbox 					{width:100%;margin-bottom:10px;}
.field_title2 						{width:100%;margin-bottom:10px;}
.field_input2 						{width:100%;margin-bottom:10px;}
input[type='checkbox'] 				{width:auto;}
input[type='radio'] 				{width:auto;}
.textarea							{width:100%;}

.email,.textfield,.textarea,select 	{color:#7c7c7c;background-color:#fff;border:1px solid #d8d8d8;width:100%;box-sizing: border-box;font-family:Inter, Arial;font-size:15px;}
.email,.textfield,.textarea,select 	{border-radius: 0;outline: none;padding:8px;margin-bottom:15px;}
.textarea 							{height:150px;}
.field_error						{border:solid 1px #c00;margin-bottom:0px;}

.checkbox_label 					{cursor: pointer;}
.radio_label 						{cursor: pointer;}
.nixhier 							{display:none;}
.submit								{background-color:var(--MAINCOLOR);color:var(--COLOR_ON_MAIN);border:none;padding:10px 30px;text-decoration:none;display:inline-block;margin-top:15px;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;font-family:var(--MAINFONT2), Arial;border-radius: 20px;font-weight: 700;font-size: 18px;}
.shop_submit:hover,
.submit:hover	 					{background-color:#fff;color:var(--MAINCOLOR2);outline:solid 1px var(--MAINCOLOR2);}
a.action:after 						{content:"\f105";font-family: "Font Awesome 7 Pro";padding-left:10px;}

.gdpr								{font-size:10px;line-height: normal;}

.editImgContainer 					{position:absolute;z-index:1000;display:flex;}
a.editImg,div.editImg 				{opacity:0;transition: opacity 0.1s ease-in-out;background-color:#336699;padding:10px;color:#fff;display:inline-block !important}
.editImgContainer:hover .editImg  	{opacity: 1;}
.imgPosi 							{width:105px;position:absolute;margin-top:30px;padding:0px 0px 10px 0px !important;}