/* ===== CONT3-20261002 — premium lift ===== */ .hero-brand{ margin:0 0 10px;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:800; letter-spacing:-.04em;color:#fff;opacity:.95; text-shadow:0 2px 14px rgba(0,0,0,.4) } .hero-brand--on-dark{color:#fff;opacity:.9;margin-bottom:14px} .hero h1{font-size:clamp(2.2rem,5.4vw,3.55rem)!important;max-width:13ch!important} .hero .lead{font-size:1.08rem;max-width:36ch} /* cats: cinematic, taller, tighter gap */ #diensten{padding-top:clamp(48px,6vw,72px)} #diensten .cats{ display:grid;grid-template-columns:repeat(3,1fr);gap:10px; max-width:min(1320px,100%);margin:0 auto;padding:0 clamp(10px,2vw,18px) } .cat{height:clamp(260px,32vw,340px);border-radius:20px} .cat-shade{background:linear-gradient(180deg,rgba(8,18,42,.05) 20%,rgba(8,18,42,.55) 55%,rgba(8,18,42,.94))} .cat-body{padding:22px 22px 24px} .cat h3{font-size:clamp(1.15rem,1.6vw,1.35rem);letter-spacing:-.03em} .cat:hover .go{transform:translateX(4px)} .cat .go{display:inline-block;transition:transform .2s var(--ease)} @media(max-width:920px){#diensten .cats{grid-template-columns:1fr 1fr;gap:8px}.cat{height:240px}} @media(max-width:560px){#diensten .cats{grid-template-columns:1fr}.cat{height:220px;border-radius:16px}} /* steps: quieter cards, stronger type */ .ow-stappen{gap:20px} .ow-stappen .stap{ background:#fff;border:1px solid var(--line);border-radius:22px; padding:22px 20px 26px;box-shadow:0 18px 40px -30px rgba(11,29,69,.35); transition:transform .25s var(--ease),box-shadow .25s var(--ease) } .ow-stappen .stap:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px rgba(11,29,69,.4)} .ow-stappen .stap b{ width:42px;height:42px;border-radius:14px;display:grid;place-items:center; background:var(--navy);color:var(--amber);font-size:1.05rem;font-weight:800;margin-bottom:14px } .ow-stappen .stap h3{font-size:1.2rem;margin:12px 0 8px;color:var(--navy)} .ow-stappen .stap p{margin:0;color:var(--dim);font-size:.95rem;line-height:1.55} .ow-stappen .stap-beeld{border-radius:14px;overflow:hidden;margin-bottom:4px} .ow-stappen::before{display:none} /* connector line weg — rustiger */ /* reviews editorial */ #ervaringen{background:#fff;padding:var(--space) 0} .rev-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:clamp(28px,5vw,56px);align-items:start} .rev-lead h2{font-size:clamp(1.9rem,3.4vw,2.7rem);color:var(--navy);margin:0 0 12px;letter-spacing:-.035em} .rev-lead p{color:var(--dim);margin:0 0 22px;font-size:1.05rem;max-width:34ch} .rev-stats{display:flex;flex-wrap:wrap;gap:18px 28px} .rev-stats div{min-width:88px} .rev-stats b{display:block;font-size:1.55rem;font-weight:800;color:var(--navy);letter-spacing:-.03em} .rev-stats span{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)} .rev-quotes{display:grid;gap:12px} .rev-q{ margin:0;padding:22px 22px 18px;border-radius:18px; background:var(--soft);border:1px solid transparent; transition:border-color .2s,background .2s,transform .2s var(--ease) } .rev-q:hover{background:#fff;border-color:var(--line);transform:translateX(4px)} .rev-q blockquote{ margin:0 0 12px;padding:0;border:0;font-style:normal; font-size:1.05rem;line-height:1.55;color:var(--ink);font-weight:600;letter-spacing:-.015em } .rev-q blockquote::before{content:"“";color:var(--amber);font-weight:800;margin-right:2px} .rev-q figcaption{font-size:.84rem;font-weight:700;color:var(--brand);display:flex;align-items:center;gap:8px} .rev-stars{color:var(--amber);letter-spacing:.08em;font-size:.78rem} @media(max-width:860px){ .rev-grid{grid-template-columns:1fr;gap:24px} .rev-q:hover{transform:none} } /* bigcta full-bleed */ .bigcta-bleed{ position:relative;isolation:isolate;overflow:hidden; padding:clamp(72px,10vw,120px) 0;margin:0;border-radius:0;text-align:center;color:#fff } .bigcta-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center; transform:scale(1.04);animation:owKB 14s ease-out infinite alternate} .bigcta-shade{position:absolute;inset:0;z-index:1;background: linear-gradient(160deg,rgba(8,18,42,.88) 0%,rgba(11,29,69,.78) 45%,rgba(11,29,69,.7) 100%)} .bigcta-in{position:relative;z-index:2;max-width:640px;margin:0 auto} .bigcta-in h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 12px;color:#fff;font-weight:800;letter-spacing:-.035em} .bigcta-in p{color:rgba(230,237,250,.92);max-width:40ch;margin:0 auto 26px;font-size:1.08rem} .bigcta-bleed .bigcta-actions{justify-content:center} .bigcta-bleed .btn.ghost{border-color:rgba(255,255,255,.55)!important} /* faq softer */ #faq .center{max-width:520px} .faq details{border-radius:16px;transition:box-shadow .2s} .faq details[open]{box-shadow:0 12px 28px -20px rgba(11,29,69,.28)} /* trust/proof bar under hero if present */ .proofbar,.trustbar{border-top:1px solid rgba(255,255,255,.06)}

Uitgelicht op Offertewerk

Maak uw bedrijf beter zichtbaar, zodat meer mensen u vinden.

Eenmalig € 49 (excl. btw) voor 2 jaar. Geen abonnement, geen verlenging zonder dat u het vraagt.

Account maken en uitlichten →

Al een account? Inloggen

Vragen? Bel 085 083 5610 (onze AI-assistent neemt direct op) of app ons.