body{font-family:"Montserrat",sans-serif;font-size:1rem;line-height:1.6;color:#3D4335}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;font-family:"Koenen",Arial,sans-serif}
.display-1{font-family:"Koenen",Arial,sans-serif;font-weight:400;font-size:5rem;line-height:1.1}
.display-2{font-family:"Koenen",Arial,sans-serif;font-weight:400;font-size:4.5rem;line-height:1.1}
.display-3{font-family:"Koenen",Arial,sans-serif;font-weight:400;font-size:4rem;line-height:1.1}
.display-4{font-family:"Koenen",Arial,sans-serif;font-weight:400;font-size:3.5rem;line-height:1.1}
.display-5{font-family:"Koenen",Arial,sans-serif;font-weight:400;font-size:3rem;line-height:1.1}
.form-control{border:1px solid #ccc;border-radius:0px}
.form-control::placeholder{color:#DDD}
.form-control:focus{border-color:#747262;box-shadow:0 0 0 0.2rem rgba(116,114,98,0.25);outline:0}
.form-control:not(:placeholder-shown){border-color:#747262}
.form-control:hover:not(:focus){border-color:#a6a6a6}
.form-control:not(:placeholder-shown):hover:not(:focus){border-color:#58574b}
.achtergrondDark{background-color:#3D4335;color:#fff}
@media (max-width:767.98px){.display-1{font-size:3.5rem}.display-2{font-size:3rem}.display-3{font-size:2.5rem}.display-4{font-size:2rem}.display-5{font-size:1.75rem}}
.btn{border-radius:0px}
.btn-primary{background-color:#747262;border-color:#747262}
.btn-primary:hover{background-color:#58574b;border-color:#58574b}
.text-primary{color:#747262 !important}.site-header{position:sticky;top:0;z-index:1030;background-color:#3D4335}
.navbar-brand img{height:80px;width:auto}
.navbar-nav .nav-link{font-weight:500;padding:0.5rem 1rem;transition:color 0.2s ease;color:#fff}
.navbar-nav .nav-link:hover{color:#E2CCBD}
.navbar-nav .nav-link.active{color:#E2CCBD}.hero{min-height:500px;display:flex;align-items:center}.features i{transition:transform 0.3s ease}
.features .col-md-4:hover i{transform:scale(1.1)}.cta{background:linear-gradient(135deg,#747262 0%,#0a58ca 100%)}.site-footer{margin-top:auto}
.site-footer a{transition:all 0.2s ease}
.site-footer a:hover{text-decoration:underline !important;opacity:0.9}
.site-footer .bi{opacity:0.8}
.site-footer p{line-height:1.8}
.social-links a{transition:transform 0.2s ease;display:inline-block}
.social-links a:hover{transform:translateY(-3px)}.form-control:focus,.form-select:focus{border-color:#747262;box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25)}.card{border:none;transition:transform 0.2s ease,box-shadow 0.2s ease}
.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1) !important}.btn{font-weight:500;padding:0.5rem 1.5rem;transition:all 0.2s ease}
.btn-lg{padding:0.75rem 2rem}.page-header{padding:4rem 0 3rem}.shadow-sm{box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075) !important}
.shadow{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15) !important}@media (max-width:991.98px){.navbar-collapse{padding:1rem 0}.navbar-nav .nav-link{padding:0.75rem 0}}
@media (max-width:767.98px){.hero{min-height:400px;text-align:center}.display-4{font-size:2.5rem}.display-5{font-size:2rem}}body{background-color:#fff}
.navbar-dark .navbar-toggler{border-color:rgba(226,204,189,0.5)}
.navbar-dark .navbar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28226,204,189,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
@media (max-width:991.98px){.navbar-dark .navbar-collapse{background-color:#3D4335;padding:1rem;margin-top:1rem;border-radius:5px}}
.hero-massage{min-height:600px;display:flex;align-items:center}
@media (max-width:767.98px){.hero-massage{min-height:500px;padding:4rem 0 !important}}
.btn{transition:all 0.3s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)}
section{transition:all 0.3s ease}
.list-unstyled li{margin-bottom:0.75rem}
.list-unstyled li:last-child{margin-bottom:0}
.bi-check-circle-fill,.bi-arrow-right-circle-fill{margin-right:0.5rem;font-size:1.2rem;vertical-align:middle}
.col-md-6>div,.col-lg-4>div{transition:all 0.3s ease}
.col-md-6>div:hover,.col-lg-4>div:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}
@media (max-width:767.98px){.py-5{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.container.py-5{padding-top:2rem !important;padding-bottom:2rem !important}.display-3{font-size:2.5rem !important}.display-5{font-size:1.75rem !important}.lead{font-size:1rem !important}.btn-lg{padding:0.6rem 1.5rem !important;font-size:1rem !important}}
@media (max-width:767.98px){.d-flex.gap-3{gap:0.75rem !important}}