/* cmsms stylesheet: stukadoorsbedrijf modified: donderdag 9 juli 2026 06:36:57 */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700&display=swap');

:root{--red:#e30620;--dark:#151515;--text:#202020;--light:#f7f7f7;--line:#ddd;--wrap:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.stuk-page{margin:0;color:var(--text);background:#fff;font-family:Barlow,Arial,sans-serif;line-height:1.5}.wrap{width:min(var(--wrap),calc(100% - 48px));margin:auto}
h1,h2,h3,.hero__red{font-family:"Barlow Condensed",Arial,sans-serif}.hero{min-height:720px;position:relative;overflow:hidden;background:#f5f3f1}.hero__copy{position:relative;z-index:2;min-height:720px;display:flex;align-items:center}.hero__left{width:48%;padding:36px 0}.brand-logo{width:min(330px,80%);max-height:155px;object-fit:contain;object-position:left center;margin-bottom:48px}.hero h1{font-size:56px;line-height:.95;margin:0;font-weight:800}.hero__red{font-size:54px;line-height:1;color:var(--red);font-weight:800}.red-rule,.heading-rule{display:block;width:72px;height:4px;background:var(--red);margin:28px 0}.hero__intro{font-size:24px;margin-bottom:18px}.hero__text{font-size:18px;max-width:570px}.benefits{list-style:none;padding:18px 0 0;margin:0}.benefits li{margin:16px 0;font-size:16px}.benefits li:before{content:"✓";display:inline-grid;place-items:center;width:26px;height:26px;border:2px solid var(--red);border-radius:50%;color:var(--red);margin-right:12px;font-weight:800}.hero__photo{position:absolute;inset:0 0 0 52%;background-size:cover;background-position:center;background-repeat:no-repeat}.hero:after{content:"";position:absolute;z-index:1;inset:0 42% 0 0;background:linear-gradient(90deg,#f5f3f1 75%,rgba(245,243,241,0))}
.contact-strip{background:linear-gradient(100deg,#0d0d0d,#222);color:#fff;padding:25px 0}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr)}.contact-item{display:flex;gap:18px;align-items:center;padding:0 35px;border-right:1px solid #777}.contact-item:last-child{border-right:0}.contact-icon{flex:0 0 62px;width:62px;height:62px;background:var(--red);display:flex;align-items:center;justify-content:center;border-radius:4px}.contact-icon img{display:block;width:auto;height:auto;max-width:38px;max-height:38px;object-fit:contain;margin:0}.contact-content{min-width:0}.contact-content b{display:block;font-size:17px}.contact-content span{display:block;font-size:16px}
.section{padding:50px 0 34px}.services h2{text-align:center;font-size:42px;margin:0}.heading-rule{margin:10px auto 32px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr)}.service{text-align:center;padding:0 18px;border-right:1px solid var(--line);display:flex;flex-direction:column}.service:last-child{border:0}.service-icon{height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.service-icon img{width:auto;height:auto;max-width:85px;max-height:80px;object-fit:contain;margin:0}.service h3{font-size:25px;color:var(--red);margin:10px 0}.service-text{min-height:125px}.service .service-photo{width:100%;height:285px;object-fit:cover;margin-top:25px}
.about{display:grid;grid-template-columns:1.1fr 1fr;min-height:500px}.about__copy{background:radial-gradient(circle at 30% 20%,#292929,#121212 70%);color:#fff;display:flex;justify-content:flex-end}.about__inner{width:min(650px,calc(100% - 50px));padding:58px 45px 48px 0}.about h2{font-size:38px;line-height:1.05;margin:0}.about h2 span{color:var(--red)}.about__text{font-size:17px;max-width:610px}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.about-points b{font-family:"Barlow Condensed";font-size:17px}.about-points small{display:block;margin-top:8px}.about__photo{background:#e7e2dc center/cover no-repeat}
.cta{padding:35px 0;background:linear-gradient(105deg,#d70718,#ef0b21 68%,#c50618);color:#fff}.cta__grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px}.cta h2{font-size:34px;line-height:1;margin:0 0 10px}.call-button{display:inline-block;background:#171717;color:#fff;text-decoration:none;padding:20px 35px;border-radius:5px;font-size:22px;font-weight:700}
.footer{background:linear-gradient(100deg,#111,#242424);color:#fff;padding:32px 0}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);align-items:center}.footer-grid>div{padding:0 28px;border-right:1px solid #666}.footer-grid>div:last-child{border:0}.footer b{display:block;color:var(--red);font-size:14px}.footer span,.footer a{color:#fff;font-size:14px;text-decoration:none}.footer-logo{max-width:230px;max-height:100px;object-fit:contain}
@media(max-width:900px){.hero,.hero__copy{min-height:auto}.hero__copy{padding:35px 0 420px}.hero__left{width:100%}.hero__photo{inset:auto 0 0;height:400px}.hero:after{display:none}.brand-logo{margin-bottom:30px}.hero h1,.hero__red{font-size:44px}.contact-grid,.services-grid{grid-template-columns:1fr 1fr}.contact-item{border:0;padding:16px}.service{margin-bottom:35px}.about{grid-template-columns:1fr}.about__copy{justify-content:center}.about__inner{width:min(var(--wrap),calc(100% - 48px));padding:45px 0}.about__photo{min-height:420px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div{border:0;padding:0}.cta__grid{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{width:min(100% - 30px,var(--wrap))}.hero__copy{padding-bottom:300px}.hero__photo{height:285px}.hero h1,.hero__red{font-size:36px}.hero__intro{font-size:20px}.contact-grid,.services-grid,.footer-grid{grid-template-columns:1fr}.contact-item{padding:12px 0}.service{border:0;padding:0}.service img{height:240px}.about-points{grid-template-columns:1fr}.about__photo{min-height:300px}.cta h2{font-size:29px}.call-button{font-size:18px;padding:16px 20px}.footer-grid{gap:18px}}

/* =========================
   HERO VERFIJNING
   ========================= */
.hero__left{
    width:52%;
    padding:42px 0 55px;
}

.brand-logo{
    width:min(285px,72%);
    max-height:135px;
    object-fit:contain;
    object-position:left center;
    margin-bottom:48px;
}

.hero h1{
    margin:0;
    max-width:620px;
}

.hero-title-main{
    display:block;
    font-family:"Barlow Condensed",Arial,sans-serif;
    font-size:clamp(44px,4vw,64px);
    line-height:.98;
    font-weight:800;
    color:#202020;
    letter-spacing:-1px;
}

.hero-title-sub{
    display:block;
    margin-top:10px;
    font-family:"Barlow Condensed",Arial,sans-serif;
    font-size:clamp(29px,2.4vw,40px);
    line-height:1.05;
    font-weight:600;
    color:#444;
}

.hero__red{
    margin-top:26px;
    max-width:600px;
    font-size:clamp(34px,3vw,50px);
    line-height:.95;
    color:var(--red);
    font-weight:800;
}

.hero .red-rule{
    width:78px;
    height:4px;
    margin:28px 0 30px;
}

.hero__intro{
    font-size:25px;
    line-height:1.3;
    margin-bottom:20px;
}

.hero__text{
    max-width:590px;
    font-size:18px;
    line-height:1.6;
}

.benefits{
    list-style:none;
    padding:22px 0 0;
    margin:0;
}

.benefits li{
    display:flex;
    align-items:center;
    margin:14px 0;
    font-size:16px;
    line-height:1.35;
}

.benefits li:before{
    flex:0 0 27px;
    width:27px;
    height:27px;
    margin-right:14px;
}

.hero__photo{
    inset:0 0 0 54%;
    background-size:cover;
    background-position:58% center;
    background-repeat:no-repeat;
}

.hero:after{
    inset:0 39% 0 0;
    background:linear-gradient(
        90deg,
        #f5f3f1 0%,
        #f5f3f1 72%,
        rgba(245,243,241,.92) 82%,
        rgba(245,243,241,0) 100%
    );
}

@media(max-width:900px){
    .hero__left{width:100%;padding:35px 0 0}
    .brand-logo{width:min(260px,75%);margin-bottom:34px}
    .hero-title-main{font-size:clamp(40px,8vw,54px)}
    .hero-title-sub{font-size:clamp(27px,5vw,36px)}
    .hero__red{font-size:clamp(32px,6vw,44px)}
    .hero__photo{inset:auto 0 0;height:400px;background-position:center}
}

@media(max-width:600px){
    .brand-logo{width:min(230px,78%);margin-bottom:30px}
    .hero-title-main{font-size:40px;letter-spacing:-.5px}
    .hero-title-sub{font-size:28px}
    .hero__red{font-size:34px}
    .hero__intro{font-size:21px}
    .hero__text{font-size:17px}
    .benefits li{align-items:flex-start;font-size:15px}
}


/* =========================
   HERO EXTRA VERFIJNING
   ========================= */
.hero__left{
    padding-top:30px;
    padding-bottom:48px;
}

.brand-logo{
    width:min(270px,70%);
    max-height:125px;
    margin-bottom:30px;
}

.hero h1{
    margin-bottom:0;
}

.hero-title-main{
    font-size:clamp(44px,3.7vw,60px);
}

.hero-title-sub{
    margin-top:8px;
    font-size:clamp(28px,2.2vw,37px);
}

.hero__red{
    margin-top:24px;
    font-size:clamp(31px,2.65vw,44px);
    line-height:1;
}

.hero .red-rule{
    margin:24px 0 26px;
}

.hero__intro{
    margin-bottom:16px;
}

.hero__text{
    line-height:1.55;
}

.benefits{
    padding-top:16px;
}

.benefits li{
    margin:11px 0;
}

@media(max-width:900px){
    .hero__left{
        padding-top:25px;
    }

    .brand-logo{
        margin-bottom:25px;
    }
}

@media(max-width:600px){
    .hero__left{
        padding-top:20px;
    }

    .brand-logo{
        width:min(220px,75%);
        margin-bottom:22px;
    }

    .hero__red{
        margin-top:20px;
    }

    .hero .red-rule{
        margin:20px 0 22px;
    }
}