.udfbf3c{color:#d4872a;font-size:26px;font-weight:500;margin-top:-13px}
.udfbf3c :is(h1,h2,h3,h4,h5,h6){color:inherit}
.ub47c71{margin-top:-10px}
.u414500{box-shadow:0 10px 25px rgba(0,0,0,0.25);background-image:url('/wp-content/uploads/2026/03/deurdorpel-voordeur.jpg');background-position:50%;background-size:cover;background-repeat:no-repeat;min-height:400px;border-style:solid;border-left-width:2px;border-top-width:2px;border-bottom-width:2px;border-right-width:2px;border-color:#E2A04B}
.u0cb7e1{background-color:#e8e8e8}
.u70afaa{background-color:#f5f5f5;padding-left:20px;padding-top:20px;padding-bottom:20px;padding-right:20px}

.raamdorpel-hero{
max-width:650px;
}

.raamdorpel-hero h1{
font-size:46px;
line-height:1.15;
font-weight:700;
}

.raamdorpel-hero h2{
font-size:26px;
font-weight:500;
margin-bottom:20px;
color:#d4872a;
}

.raamdorpel-hero p{
font-size:17px;
line-height:1.6;
margin-bottom:25px;
}

.usp{
list-style:none;
padding:0;
margin-bottom:30px;
}

.usp li{
position:relative;
padding-left:28px;
margin-bottom:12px;
font-size:18px;
}

.usp li:before{
content:"✔";
position:absolute;
left:0;
color:#4f6f53;
font-weight:bold;
}

.cta-buttons{
display:flex;
gap:15px;
flex-wrap:wrap;
}

.cta-offerte{
background:#4f6f53;
color:#fff;
padding:12px 22px;
border-radius:30px;
text-decoration:none;
font-weight:600;
}

.cta-offerte:hover{
background:#3f5c43;
}

.cta-bel{
background:#d4872a;
color:#fff;
padding:12px 22px;
border-radius:30px;
text-decoration:none;
font-weight:600;
}

.cta-bel:hover{
background:#c2771f;
}

.cta-buttons a{
transition:all .2s ease;
}
.cta-buttons a:hover{
transform:translateY(-2px);
box-shadow:0 5px 15px rgba(0,0,0,0.2);
}




.breti-projecten{
margin-top:70px;
}

.breti-projecten h2{
font-size:32px;
margin-bottom:10px;
}

.project-intro{
max-width:700px;
margin-bottom:35px;
line-height:1.6;
}

.project-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.project-item img{
width:100%;
height:240px;
object-fit:cover;
border-radius:6px;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
transition:all .25s ease;
}

.project-item img:hover{
transform:scale(1.03);
box-shadow:0 15px 35px rgba(0,0,0,0.25);
}