*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--primary:#0B4F8A;--primary-dark:#083A66;--primary-light:#D6EAF8;--accent:#E8760C;--accent-hover:#CF6800;--text:#1B2A3D;--text-muted:#5A6A7E;--white:#FFF;--bg:#F6F9FC;--border:#D0DBE5;--radius:10px;--radius-lg:16px;--shadow-md:0 4px 16px rgba(11,79,138,.1);--shadow-lg:0 8px 32px rgba(11,79,138,.12)}
html{scroll-behavior:smooth}body{font-family:'Libre Baskerville',Georgia,serif;font-size:16px;line-height:1.7;color:var(--text);background:var(--white)}
h1,h2,h3,h4,h5{font-family:'Barlow Condensed',sans-serif;font-weight:700;line-height:1.15}a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.topbar{background:var(--primary-dark);color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:14px;padding:8px 0;display:flex}
.topbar .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.topbar a{color:#fff}.topbar__badge{background:var(--accent);padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600}.topbar__right{display:flex;gap:16px}
.navbar{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.navbar .container{display:flex;justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:12px}
.logo{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:26px;color:var(--primary);display:flex;align-items:center;gap:8px}
.logo__icon{width:36px;height:36px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}
.logo span{color:var(--accent)}.nav-links{display:flex;list-style:none;gap:28px;align-items:center}
.nav-links a{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:15px;color:var(--text);text-transform:uppercase}
.nav-cta{background:var(--accent)!important;color:#fff!important;padding:10px 20px!important;border-radius:var(--radius)!important}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:8px}
.nav-toggle span{display:block;width:26px;height:3px;background:var(--primary);border-radius:2px}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:16px;padding:14px 28px;border-radius:var(--radius);border:none;cursor:pointer;transition:all .25s;text-transform:uppercase}
.btn--primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px rgba(232,118,12,.3)}.btn--primary:hover{background:var(--accent-hover);transform:translateY(-2px)}
.btn--outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn--outline:hover{background:var(--primary);color:#fff}
.btn--white{background:#fff;color:var(--accent)}.btn--full{width:100%;justify-content:center}
.page-hero{background:linear-gradient(145deg,#E3F1FB,#B0D4F1);padding:60px 0 50px}
.page-hero--location{background:linear-gradient(145deg,#D6EAF8,#A8CCE8)}.page-hero--casus{background:linear-gradient(145deg,#E8F0FE,#C5DDEF)}
.page-hero h1{font-size:42px;color:var(--primary-dark);margin-bottom:16px}.page-hero__sub{font-size:17px;color:var(--text-muted);max-width:700px;margin-bottom:24px}
.page-hero__badge{display:inline-block;background:#fff;color:var(--primary);font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:13px;padding:6px 16px;border-radius:50px;margin-bottom:16px;text-transform:uppercase}
.page-hero__cta{display:flex;gap:12px;flex-wrap:wrap}.breadcrumb{font-family:'Barlow Condensed',sans-serif;font-size:13px;color:var(--text-muted);margin-bottom:20px}
.breadcrumb a{color:var(--primary)}
.section{padding:60px 0}.section--alt{background:var(--bg)}
.content-layout{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
.content-main h2{font-size:28px;color:var(--primary-dark);margin:32px 0 12px}.content-main h2:first-child{margin-top:0}
.content-main p{margin-bottom:16px}.content-main ul{margin:0 0 16px 24px}.content-main li{margin-bottom:8px}
.content-main a{color:var(--primary);font-weight:600;border-bottom:1px solid var(--primary-light)}.content-main a:hover{color:var(--accent)}
.sidebar{position:sticky;top:80px}.sidebar-cta{background:var(--primary);color:#fff;padding:24px;border-radius:var(--radius-lg);text-align:center;margin-bottom:20px}
.sidebar-cta h3{font-size:20px;margin-bottom:12px;color:#fff}.sidebar-cta p{font-size:13px;margin-top:8px;opacity:.8}
.sidebar-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px}
.sidebar-box h4{font-size:16px;color:var(--primary-dark);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}
.sidebar-box ul{list-style:none}.sidebar-box li{margin-bottom:6px}.sidebar-box li a{font-family:'Barlow Condensed',sans-serif;font-size:14px;color:var(--text-muted);font-weight:500;border:none}
.sidebar-box li a:hover{color:var(--accent)}.sidebar-box li.active a{color:var(--primary);font-weight:700}
.cta-box{background:var(--primary-light);border-left:4px solid var(--primary);padding:28px;border-radius:var(--radius);margin:32px 0}
.cta-box h3{font-size:22px;color:var(--primary-dark);margin-bottom:8px}.cta-box p{margin-bottom:12px}
.technieken-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0}
.techniek-card{background:var(--bg);padding:20px;border-radius:var(--radius);border:1px solid var(--border)}
.techniek-card__icon{font-size:28px;margin-bottom:8px}.techniek-card h4{font-size:17px;margin-bottom:6px}
.techniek-card h4 a{border:none}.techniek-card p{font-size:13px;color:var(--text-muted);margin:0}
.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.overview-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;text-align:center;transition:all .3s}
.overview-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:transparent}
.overview-card__icon{font-size:36px;margin-bottom:12px}.overview-card h3{font-size:20px;color:var(--primary-dark);margin-bottom:8px}
.overview-card p{font-size:13px;color:var(--text-muted)}
.casus-meta{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.casus-meta__item{font-size:14px}.casus-meta__item strong{color:var(--primary-dark)}
.casus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}
.casus-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .3s}
.casus-card:hover{box-shadow:var(--shadow-md)}.casus-card h4{font-size:16px;color:var(--primary-dark);margin-bottom:6px}
.casus-card p{font-size:13px;color:var(--text-muted);margin-bottom:4px}.casus-card span{font-size:12px;color:var(--text-muted)}
.nearby-grid{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.nearby-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 18px;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:600;transition:all .2s}
.nearby-card:hover{background:var(--primary);color:#fff}
.straten-section{background:var(--bg);border-radius:var(--radius-lg);padding:24px;margin-top:28px;border:1px solid var(--border)}
.straten-section h3{font-size:20px;color:var(--primary-dark);margin-bottom:12px}
.straten-list{list-style:none;margin:0;padding:0}.straten-list li{padding:8px 0;border-bottom:1px solid var(--border);font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:500}
.wijk-label{margin-top:12px;font-family:'Barlow Condensed',sans-serif;font-size:14px;color:var(--primary)}
.cta-banner{background:var(--accent);padding:48px 0;text-align:center;color:#fff}
.cta-banner h2{font-size:32px;margin-bottom:10px;color:#fff}.cta-banner p{font-size:16px;opacity:.85;margin-bottom:20px}
.footer{background:var(--primary-dark);color:rgba(255,255,255,.7);padding:48px 0 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer__brand p{font-size:13px;max-width:260px;margin-top:12px}.footer h4{font-size:15px;color:#fff;text-transform:uppercase;margin-bottom:16px}
.footer ul{list-style:none}.footer ul a{font-family:'Barlow Condensed',sans-serif;font-size:14px;color:rgba(255,255,255,.6)}.footer ul li{margin-bottom:6px}
.footer__contact-item{font-family:'Barlow Condensed',sans-serif;font-size:14px;margin-bottom:8px;display:flex;gap:8px;align-items:center}
.footer__contact-item a{color:rgba(255,255,255,.8)}.footer__bottom{padding:16px 0;text-align:center;font-size:12px;font-family:'Barlow Condensed',sans-serif}
.mobile-cta{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--accent);padding:14px;z-index:200;box-shadow:0 -4px 16px rgba(0,0,0,.15)}
.mobile-cta a{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:17px;text-transform:uppercase}
.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}
.contact-item{display:flex;gap:14px;align-items:flex-start;background:var(--bg);padding:20px;border-radius:var(--radius);border:1px solid var(--border)}
.contact-item span{font-size:24px}
details{border-bottom:1px solid var(--border);padding:16px 0}details summary{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:17px;color:var(--primary-dark);cursor:pointer}
details p{margin-top:10px;font-size:14px;color:var(--text-muted)}
@media(max-width:768px){.content-layout{grid-template-columns:1fr}.sidebar{position:static}.nav-links{display:none}
.nav-toggle{display:flex}.nav-links.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px;gap:14px;box-shadow:var(--shadow-lg)}
.page-hero h1{font-size:30px}.technieken-grid,.overview-grid,.casus-grid,.casus-meta,.contact-details{grid-template-columns:1fr}
.mobile-cta{display:block}body{padding-bottom:56px}.footer-grid{grid-template-columns:1fr}.topbar__right{display:none}}
@media(max-width:480px){.page-hero h1{font-size:26px}.page-hero__cta .btn{width:100%;justify-content:center}}
/* === ENHANCED STYLES === */
.photo-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}
.photo-gallery img{width:100%;height:220px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);transition:transform .3s}
.photo-gallery img:hover{transform:scale(1.03)}
.photo-gallery figcaption{font-family:'Barlow Condensed',sans-serif;font-size:13px;color:var(--text-muted);text-align:center;margin-top:4px}
@media(max-width:600px){.photo-gallery{grid-template-columns:1fr}.photo-gallery img{height:180px}}

.stat-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0;padding:28px;background:var(--primary);border-radius:var(--radius-lg);color:#fff;text-align:center}
.stat-bar__item{font-family:'Barlow Condensed',sans-serif}.stat-bar__num{font-size:36px;font-weight:800;line-height:1}
.stat-bar__label{font-size:13px;font-weight:500;opacity:.8;margin-top:4px}
@media(max-width:600px){.stat-bar{grid-template-columns:repeat(2,1fr);gap:12px}.stat-bar__num{font-size:28px}}

.trust-badges{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0;align-items:center}
.trust-badge{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:50px;padding:8px 16px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:600;color:var(--primary)}

.process-timeline{position:relative;padding-left:40px;margin:24px 0}
.process-timeline::before{content:'';position:absolute;left:14px;top:0;bottom:0;width:3px;background:var(--border)}
.process-step{position:relative;margin-bottom:24px;padding-left:20px}
.process-step__dot{position:absolute;left:-33px;top:4px;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px}
.process-step h3{font-size:18px;color:var(--primary-dark);margin-bottom:4px}
.process-step p{font-size:14px;color:var(--text-muted);margin:0}

.price-card{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:var(--radius-lg);padding:32px;margin:24px 0;text-align:center}
.price-card h3{font-size:28px;color:#fff;margin-bottom:8px}.price-card .price{font-size:48px;font-weight:800;font-family:'Barlow Condensed',sans-serif}
.price-card .price small{font-size:18px;opacity:.7}.price-card ul{list-style:none;margin:16px 0;text-align:left}
.price-card li{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.15);font-family:'Barlow Condensed',sans-serif;font-size:15px}
.price-card li::before{content:'✓ ';color:#10B981}

.review-inline{background:var(--bg);border-left:4px solid #F59E0B;border-radius:var(--radius);padding:20px 24px;margin:24px 0;font-style:italic}
.review-inline cite{display:block;font-style:normal;font-family:'Barlow Condensed',sans-serif;font-weight:700;color:var(--primary);margin-top:8px;font-size:14px}

.checklist{list-style:none;margin:16px 0;padding:0}
.checklist li{padding:8px 0 8px 32px;position:relative;border-bottom:1px solid var(--border);font-size:15px}
.checklist li::before{content:'✅';position:absolute;left:0;top:8px}

.extra-content h2{margin-top:28px}

/* ============================================================
   CONTENT BLOCKS — Visuele structuur voor tekst
   ============================================================ */

/* Paragrafen in content-main beter scheiden */
.content-main > p,
.content-main > .extra-content > p {
    margin-bottom: 20px;
    line-height: 1.85;
}

/* Content sections met achtergrondkleur */
.content-block {
    background: var(--bg);
    border-radius: var(--radius-lg);
    padding: 28px 32px;
    margin: 28px 0;
    border: 1px solid var(--border);
}

.content-block--accent {
    background: var(--primary-light);
    border-color: transparent;
    border-left: 4px solid var(--primary);
}

.content-block--dark {
    background: var(--primary);
    color: #fff;
    border-color: transparent;
}

.content-block--dark h3,
.content-block--dark h2 { color: #fff; }
.content-block--dark p { color: rgba(255,255,255,.85); }

.content-block h3 {
    font-size: 20px;
    color: var(--primary-dark);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.content-block h3 .block-icon {
    font-size: 24px;
}

/* Info cards grid */
.info-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 24px 0;
}

.info-card {
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 20px;
    transition: box-shadow .3s, transform .3s;
}

.info-card:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.info-card__icon {
    font-size: 28px;
    margin-bottom: 8px;
}

.info-card h3 {
    font-size: 17px;
    color: var(--primary-dark);
    margin-bottom: 6px;
}

.info-card p {
    font-size: 13px;
    color: var(--text-muted);
    margin: 0;
    line-height: 1.6;
}

@media (max-width: 600px) {
    .info-cards { grid-template-columns: 1fr; }
}

/* Numbered list visual */
.numbered-section {
    counter-reset: step;
    margin: 24px 0;
}

.numbered-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 20px 0;
    border-bottom: 1px solid var(--border);
}

.numbered-item::before {
    counter-increment: step;
    content: counter(step);
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    font-size: 18px;
}

.numbered-item h3 {
    font-size: 18px;
    color: var(--primary-dark);
    margin-bottom: 4px;
}

.numbered-item p {
    font-size: 14px;
    color: var(--text-muted);
    margin: 0;
}

/* Key-value info rows */
.info-rows {
    margin: 20px 0;
}

.info-row {
    display: flex;
    padding: 12px 0;
    border-bottom: 1px solid var(--border);
    font-size: 15px;
}

.info-row__label {
    flex: 0 0 180px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    color: var(--primary-dark);
}

.info-row__value {
    flex: 1;
    color: var(--text);
}

/* Highlight quote blocks */
.highlight-box {
    position: relative;
    background: linear-gradient(135deg, var(--primary-light), #EBF4FF);
    border-radius: var(--radius-lg);
    padding: 28px 32px;
    margin: 28px 0;
    overflow: hidden;
}

.highlight-box::before {
    content: '💡';
    position: absolute;
    top: 12px;
    right: 16px;
    font-size: 32px;
    opacity: 0.15;
}

.highlight-box h3 {
    font-size: 20px;
    color: var(--primary-dark);
    margin-bottom: 8px;
}

/* Section dividers */
.section-divider {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 36px 0 24px;
}

.section-divider::before,
.section-divider::after {
    content: '';
    flex: 1;
    height: 2px;
    background: var(--border);
}

.section-divider span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--accent);
    white-space: nowrap;
}

/* Logo in navbar */
.logo-img {
    height: 40px;
    width: auto;
}

/* Better sidebar spacing */
.sidebar-box ul li {
    padding: 4px 0;
}

.sidebar-box ul li a {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border-radius: 6px;
    transition: background .2s;
}

.sidebar-box ul li a:hover {
    background: var(--bg);
}

/* Casus meta improved */
.casus-meta {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

.casus-meta__item {
    display: flex;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    font-size: 15px;
}

.casus-meta__item:last-child {
    border-bottom: none;
}

.casus-meta__item strong {
    flex: 0 0 160px;
    color: var(--primary-dark);
}