body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;line-height:1.6;color:#212529}
h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.2}
a{color:#3D96C3;text-decoration:none;transition:color 0.2s ease}
a:hover{color:#30789d;text-decoration:underline}
.gradientAchterFooter{background:url("/themes/buitenhoven/assets/images/gradient-footer.webp") no-repeat;background-size:50% 100%;background-position:right bottom}
.achtergrondAfbeelding{position:absolute;top:360px;left:0;width:100%;height:auto;max-height:1400px;z-index:-1}
.navbar-toggler{color:#3D96C3}
.navbar-toggler svg{width:36px;height:36px}
.Buitenhovenknop{font-size:1rem;padding:0px 15px 15px 7px;max-width:70%}
.Buitenhovenknop.oranje{background:linear-gradient(to bottom,#E83C6D,#EE710F);color:#fff;transition:all 0.2s ease}
.Buitenhovenknop.oranje:hover{background:linear-gradient(to bottom,#d81950,#be5a0c);color:#fff}
.Buitenhovenknop.groen{background:linear-gradient(to bottom,#42A54F,#B2C818);color:#fff;transition:all 0.2s ease}
.Buitenhovenknop.groen:hover{background:linear-gradient(to bottom,#33813e,#899a13);color:#fff}
.Buitenhovenknop-link{font-size:1.5rem;color:#3D96C3}
.zweefknopContainer{position:absolute;top:0px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}
.zweefknop{position:absolute;right:0;padding:1px 15px 3px 15px;text-decoration:none;font-size:1.5rem;z-index:1000;transition:all 0.3s ease;min-width:300px}
.zweefknop.koop{top:5px;background-color:#A2AE24;border:1px solid #A1AD24;color:#FFF}
.zweefknop.download{top:60px;background-color:#fff;border:1px solid #A2AE24;color:#A2AE24}
.display-1{font-weight:300;font-size:4rem;line-height:1.1}
.display-2{font-weight:300;font-size:3rem;line-height:1.1}
.display-3{font-weight:300;font-size:2.5rem;line-height:1.1}
.display-4{font-weight:300;font-size:2rem;line-height:1.1}
.display-5{font-weight:300;font-size:1.5rem;line-height:1.1}
.form-control{border:1px solid #ccc;border-radius:0px}
.form-control::placeholder{color:#DDD}
.form-control:focus{border-color:#3D96C3;box-shadow:0 0 0 0.2rem rgba(61,150,195,0.25);outline:0}
.form-control:not(:placeholder-shown){border-color:#3D96C3}
.form-control:hover:not(:focus){border-color:#a6a6a6}
.form-control:not(:placeholder-shown):hover:not(:focus){border-color:#30789d}
@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:#3D96C3;border-color:#3D96C3}
.btn-primary:hover{background-color:#30789d;border-color:#30789d}
.text-primary{color:#3D96C3 !important}.site-header{position:sticky;top:0;z-index:99030;background:#fff}
.navbar-brand img{height:180px;width:auto;margin-bottom:-120px}
.nieuwsItem{background:#fff;transition:all 0.3s ease}
.nieuwsItem .nieuwsDatum{color:#EB5F5B;margin-bottom:10px}
.nieuwsItem h3{color:#EB5F5B;font-size:20px;margin-bottom:15px;font-size:1.8rem}
.nieuwsItem .nieuwsExcerpt{color:#000}
.nieuwsItem a{color:#EB5F5B;text-decoration:none}
.nieuwsItem a:hover{text-decoration:none}
.woningtypeItem{background:#fff;transition:all 0.3s ease}
.woningtypeItem h3{color:#3D96C3;font-size:20px;margin-bottom:15px;font-weight:bold}
.woningtypeItem .nieuwsExcerpt{color:#000}
.woningtypeItem a{color:#3D96C3;text-decoration:none}
.woningtypeItem a:hover{text-decoration:none}
.woningtypeItem:hover{box-shadow:0 4px 8px rgba(0,0,0,0.1);transform:scale(1.1)}
.woningtypeItem.geenScale:hover{box-shadow:none;transform:scale(1)}
.downloads h3{color:#AE5F5A}
.downloads a{color:#AE5F5A}
.woningGradientAchter{padding-right:120px;padding-bottom:40px;background:url("/themes/buitenhoven/assets/images/gradient-woningtypes-slider.webp") no-repeat;background-size:50% 50%;background-position:right bottom}
input,textarea,select,.form-control,.form-select{border-radius:0px !important;border-color:#A1AD24 !important}
.btn-secondary{background-color:#A1AD24;border-color:#A1AD24}
.btn-secondary:hover{background-color:#7a831b;border-color:#7a831b}
.witMenu .navbar-nav .nav-link{color:#fff}
.witMenu .navbar-nav .nav-link:hover{color:#3D96C3}
.witMenu .navbar-nav .nav-link.active{color:#3D96C3}
.plattegrondItem{position:relative}
.plattegrondItem .vergroot{position:absolute;bottom:30px;right:0px;width:40px;height:auto;transition:transform 0.3s ease}
.plattegrondItem:hover .vergroot{transform:scale(1.2)}.blok-1 .carousel-thumbnails{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.blok-1 .carousel-thumbnails.naarBoven{margin-top:-30px}
.blok-1 .thumbnail-btn{border:none;padding:0;background:none;aspect-ratio:1;overflow:hidden;cursor:pointer;opacity:0.6;transition:opacity 0.3s ease;position:relative}
.blok-1 .thumbnail-btn:hover{opacity:0.8}
.blok-1 .thumbnail-btn.active{opacity:1}
.blok-1 .thumbnail-btn.active::after{content:"";position:absolute;inset:0;pointer-events:none}
.blok-1 .thumbnail-btn img{width:100%;height:100%;object-fit:cover}
.blok-1 .blok1-titel{color:#E53935;margin-top:-180px;position:relative;z-index:333}
.navbar-nav .nav-link{font-weight:500;padding:0.5rem 1rem;color:#3D96C3;transition:color 0.2s ease}
.navbar-nav .nav-link:hover{color:#3D96C3}
.navbar-nav .nav-link.active{color:#A1AD24}
.intro-tekst{font-size:1.25rem;line-height:1.6}.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,#3D96C3 0%,#0a58ca 100%)}.site-footer{margin-top:auto}
.site-footer a{transition:opacity 0.2s ease}
.site-footer a:hover{opacity:0.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:#3D96C3;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.2rem 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}}