:root{--clr-primary: #2a8c9a;--clr-primary-dark: #1f6e7a;--clr-primary-light: #a9d4d9;--clr-primary-xlight: #e8f5f7;--clr-dark: #1a2b35;--clr-text: #3d4f58;--clr-text-muted: #7a8f9a;--clr-bg: #ffffff;--clr-bg-section: #f5fbfc;--clr-border: #ddeef1;--clr-white: #ffffff;--font-heading: "Poppins", sans-serif;--font-body: "Inter", sans-serif;--shadow-sm: 0 2px 12px rgba(42, 140, 154, .08);--shadow-md: 0 8px 32px rgba(42, 140, 154, .14);--shadow-lg: 0 16px 48px rgba(42, 140, 154, .18);--radius: 12px;--radius-sm: 8px;--transition: all .3s ease}section[id]{scroll-margin-top:80px}*,*:before,*:after{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--clr-primary-light) transparent}*::-webkit-scrollbar{width:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--clr-primary-light);border-radius:3px}body{font-family:var(--font-body);color:var(--clr-text);background:var(--clr-bg);line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--clr-dark);font-weight:600}a{color:var(--clr-primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--clr-primary-dark)}ol,ul{list-style:none;margin:0;padding:0}#header{height:72px;position:fixed;top:0;left:0;right:0;z-index:997;background:#fffffff7;backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--clr-border),var(--shadow-sm);transition:var(--transition)}#header .logo h1{font-family:var(--font-heading);font-size:22px;font-weight:700;letter-spacing:.5px;color:var(--clr-dark);margin:0}#header .logo h1 a,#header .logo h1 a:hover{color:var(--clr-dark);text-decoration:none}#header .logo h1 span{color:var(--clr-primary)}#header .logo img{max-height:40px}.navbar{padding:0}.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center;gap:4px}.navbar li{position:relative}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;font-family:var(--font-heading);font-size:14px;font-weight:500;color:var(--clr-text);white-space:nowrap;transition:color .25s ease,transform .25s ease,background .25s ease;border-radius:var(--radius-sm);position:relative}.navbar a i,.navbar a:focus i{font-size:11px;line-height:0;margin-left:4px}.navbar a.nav-link:after{content:"";position:absolute;bottom:3px;left:14px;right:14px;height:2px;border-radius:1px;background:var(--clr-primary);transform:scaleX(0);transform-origin:left center;transition:transform .28s cubic-bezier(.4,0,.2,1)}.navbar a.nav-link:hover:after,.navbar .active.nav-link:after{transform:scaleX(1)}.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color:var(--clr-primary);background:transparent;transform:translateY(-1px)}.navbar .btn-afspraak:hover{transform:none}.navbar .dropdown ul{display:block;position:absolute;left:0;top:calc(100% + 8px);margin:0;padding:8px;z-index:99;opacity:0;visibility:hidden;background:var(--clr-white);box-shadow:var(--shadow-md);border-radius:var(--radius);border:1px solid var(--clr-border);transition:var(--transition);min-width:200px}.navbar .dropdown ul a{padding:8px 12px;font-size:13px;font-weight:400;color:var(--clr-text);border-radius:var(--radius-sm)}.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a{color:var(--clr-primary);background:var(--clr-primary-xlight)}.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.navbar .btn-afspraak{background:var(--clr-primary)!important;color:var(--clr-white)!important;padding:8px 18px!important;border-radius:50px!important;font-weight:600!important;margin-left:8px}.navbar .btn-afspraak:hover{background:var(--clr-primary-dark)!important;color:var(--clr-white)!important}.header-social-links{margin:0 0 0 20px;display:flex;gap:4px}.header-social-links a{color:var(--clr-text-muted);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition);font-size:16px}.header-social-links a:hover{color:var(--clr-primary);background:var(--clr-primary-xlight)}.mobile-nav-toggle{color:var(--clr-dark);font-size:26px;cursor:pointer;display:none;line-height:0;transition:var(--transition)}@media (max-width: 991px){.mobile-nav-toggle{display:block}.navbar ul{display:none}.header-social-links{margin:0 12px 0 0}}.navbar-mobile{position:fixed;overflow:hidden;inset:0;background:#1a2b35eb;backdrop-filter:blur(6px);transition:.3s;z-index:999}.navbar-mobile .mobile-nav-toggle{position:absolute;top:16px;right:16px;color:var(--clr-white)}.navbar-mobile ul{display:block;position:absolute;inset:60px 16px 16px;padding:16px;background-color:var(--clr-white);border-radius:var(--radius);overflow-y:auto}.navbar-mobile a,.navbar-mobile a:focus{padding:12px 16px;font-size:15px;color:var(--clr-dark);border-radius:var(--radius-sm)}.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover>a{color:var(--clr-primary);background:var(--clr-primary-xlight)}.navbar-mobile .btn-afspraak{background:var(--clr-primary)!important;color:var(--clr-white)!important;margin-top:8px;text-align:center;justify-content:center}.navbar-mobile .dropdown ul{position:static;display:none;margin:4px 0 4px 16px;padding:8px;border-radius:var(--radius-sm);background:var(--clr-primary-xlight);box-shadow:none;border:none}.navbar-mobile .dropdown>.dropdown-active{display:block}#hero{width:100%;min-height:100vh;background:url("./media/AdobeStock_305797864-7JJWFJ55.jpeg") center center / cover no-repeat;position:relative;margin-top:72px;display:flex;align-items:center;padding:80px 0}#hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1a2b35c7,#2a8c9a8c)}#hero .container{position:relative;z-index:2}#hero h1{font-family:var(--font-heading);font-size:clamp(36px,5vw,58px);font-weight:700;line-height:1.15;color:var(--clr-white);margin-bottom:16px}#hero h1 span{color:var(--clr-primary-light)}#hero h2{font-family:var(--font-body);font-size:clamp(16px,2.5vw,22px);font-weight:300;color:#ffffffd9;margin-bottom:40px;max-width:540px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.btn-hero-primary{font-family:var(--font-heading);font-weight:600;font-size:15px;padding:14px 32px;border-radius:50px;background:var(--clr-primary);color:var(--clr-white);border:2px solid var(--clr-primary);transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.btn-hero-primary:hover{background:var(--clr-primary-dark);border-color:var(--clr-primary-dark);color:var(--clr-white);transform:translateY(-2px);box-shadow:0 8px 24px #2a8c9a66}.btn-hero-secondary{font-family:var(--font-heading);font-weight:500;font-size:15px;padding:14px 32px;border-radius:50px;background:transparent;color:var(--clr-white);border:2px solid rgba(255,255,255,.6);transition:var(--transition)}.btn-hero-secondary:hover{background:#ffffff1a;border-color:var(--clr-white);color:var(--clr-white)}@media (max-width: 768px){#hero{min-height:calc(100vh - 72px);padding:60px 0}}section{padding:80px 0}.section-bg{background-color:var(--clr-bg-section)}.section-title{text-align:center;padding-bottom:48px}.section-title .overline{font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--clr-primary);display:block;margin-bottom:12px}.section-title h2{font-size:clamp(26px,3vw,36px);font-weight:700;color:var(--clr-dark);margin-bottom:16px;position:relative;display:inline-block}.section-title h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:48px;height:3px;border-radius:2px;background:var(--clr-primary)}.section-title p{color:var(--clr-text-muted);font-size:16px;max-width:540px;margin:24px auto 0}.wie-ik-ben{padding:80px 0}.wie-ik-ben .profile-img{border-radius:var(--radius);object-fit:cover;width:100%;aspect-ratio:4/5;box-shadow:var(--shadow-lg)}.wie-ik-ben .content-wrapper{padding-left:40px}@media (max-width: 991px){.wie-ik-ben .content-wrapper{padding-left:0;margin-top:40px}}.wie-ik-ben .overline{font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--clr-primary);display:block;margin-bottom:12px}.wie-ik-ben h3{font-size:clamp(26px,3vw,36px);font-weight:700;color:var(--clr-dark);margin-bottom:20px}.wie-ik-ben p{color:var(--clr-text);font-size:15px;line-height:1.8;margin-bottom:32px}.credential-card{background:var(--clr-bg-section);border:1px solid var(--clr-border);border-radius:var(--radius);padding:20px 24px;display:flex;align-items:center;gap:16px;transition:var(--transition)}.credential-card:hover{box-shadow:var(--shadow-sm);border-color:var(--clr-primary-light)}.credential-card .icon{width:48px;height:48px;border-radius:50%;background:var(--clr-primary-xlight);display:flex;align-items:center;justify-content:center;color:var(--clr-primary);font-size:22px;flex-shrink:0}.credential-card h4{font-size:13px;font-weight:600;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 4px}.credential-card p{font-size:16px;font-weight:600;color:var(--clr-dark);margin:0}.wat-ik-doe{padding:80px 0}.card-deck{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.card{border:1px solid var(--clr-border);border-radius:var(--radius);overflow:hidden;transition:var(--transition);background:var(--clr-white);box-shadow:var(--shadow-sm);cursor:pointer}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--clr-primary-light)}.card img{width:100%;height:200px;object-fit:cover;transition:transform .4s ease}.card:hover img{transform:scale(1.05);filter:none}.card:before{display:none}.card .card-body{padding:20px}.card .card-title{font-family:var(--font-heading);font-size:17px;font-weight:600;color:var(--clr-dark);margin-bottom:8px}.card .card-text{font-size:14px;color:var(--clr-text-muted);line-height:1.6}.card .card-arrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--clr-primary);margin-top:12px;transition:var(--transition)}.card:hover .card-arrow{gap:10px}.afspraak-section{padding:80px 0;background:var(--clr-bg)}.afspraak-card{background:var(--clr-white);border:1px solid var(--clr-border);border-radius:var(--radius);padding:40px;box-shadow:var(--shadow-sm)}@media (max-width: 768px){.afspraak-card{padding:24px}}.form-label{font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--clr-text);margin-bottom:6px}.form-control,.form-select{border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);padding:10px 14px;font-family:var(--font-body);font-size:14px;color:var(--clr-text);transition:var(--transition);background:var(--clr-bg-section)}.form-control:focus,.form-select:focus{border-color:var(--clr-primary);background:var(--clr-white);box-shadow:0 0 0 3px #2a8c9a1f;outline:none}.form-control::placeholder{color:var(--clr-text-muted)}.form-check-input:checked{background-color:var(--clr-primary);border-color:var(--clr-primary)}.form-check-input:focus{box-shadow:0 0 0 3px #2a8c9a1f;border-color:var(--clr-primary)}.btn-submit{background:var(--clr-primary);color:var(--clr-white);border:none;border-radius:50px;padding:13px 36px;font-family:var(--font-heading);font-size:15px;font-weight:600;transition:var(--transition);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-submit:hover{background:var(--clr-primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #2a8c9a59;color:var(--clr-white)}.btn-submit:disabled{opacity:.65;transform:none;cursor:not-allowed}.succes-melding{text-align:center;padding:40px 20px}.succes-melding .succes-icoon{width:72px;height:72px;border-radius:50%;background:var(--clr-primary-xlight);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:36px;color:var(--clr-primary)}.succes-melding h3{font-size:22px;color:var(--clr-dark);margin-bottom:12px}.succes-melding p{color:var(--clr-text-muted);font-size:15px}.afspraak-info{padding:32px;background:var(--clr-primary-xlight);border-radius:var(--radius);height:100%}.afspraak-info h4{font-size:18px;font-weight:700;color:var(--clr-dark);margin-bottom:24px}.contact-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.contact-item .ci-icon{width:40px;height:40px;border-radius:50%;background:var(--clr-white);display:flex;align-items:center;justify-content:center;color:var(--clr-primary);font-size:18px;flex-shrink:0;box-shadow:var(--shadow-sm)}.contact-item .ci-text strong{display:block;font-size:13px;font-weight:600;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.contact-item .ci-text span{font-size:15px;color:var(--clr-dark)}#contact{padding:80px 0;background:var(--clr-bg-section)}#contact .contact-card{background:var(--clr-white);border:1px solid var(--clr-border);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-sm)}#contact h2{font-size:16px;font-weight:700;color:var(--clr-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}#contact ul li{padding:6px 0;font-size:15px;color:var(--clr-text);border-bottom:1px solid var(--clr-border)}#contact ul li:last-child{border-bottom:none}#contact ul a{color:var(--clr-primary);font-weight:500}#contact .googlemapsframe{width:100%;height:340px;border-radius:var(--radius);border:0;box-shadow:var(--shadow-sm)}.carousel-item img{max-height:420px;width:100%;object-fit:cover;border-radius:var(--radius)}.carousel-inner{border-radius:var(--radius);overflow:hidden}.carousel-control-prev,.carousel-control-next{width:44px;height:44px;background:#2a8c9acc;border-radius:50%;top:50%;transform:translateY(-50%);opacity:1}.werkzaamheden-page{margin-top:72px;padding:60px 0}.werkzaamheden-page h1{font-size:clamp(28px,4vw,42px);font-weight:700;color:var(--clr-dark);margin-bottom:8px}.werkzaamheden-page .lead{font-size:17px;color:var(--clr-text-muted);margin-bottom:40px}.werkzaamheden-page h4{font-size:18px;font-weight:600;color:var(--clr-primary);margin:28px 0 12px}.werkzaamheden-page p{font-size:15px;color:var(--clr-text);line-height:1.8}.btn-terug{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:14px;font-weight:500;color:var(--clr-text-muted);padding:8px 0;border:none;background:none;cursor:pointer;transition:var(--transition);margin-bottom:24px}.btn-terug:hover{color:var(--clr-primary);gap:12px}.text-primary-custom{color:var(--clr-primary)!important}.bg-primary-xlight{background:var(--clr-primary-xlight)!important}@media (max-width: 768px){section{padding:60px 0}.afspraak-info{margin-top:24px}}