:root{--ink:#172033;--green:#243b80;--green-2:#3555a3;--lime:#5b7cff;--paper:#f6f8fc;--white:#fff;--muted:#697386;--line:#dfe4ee;--soft:#edf1fb;--soft2:#e7ebf5;--shadow:0 20px 50px rgba(36,59,128,.10);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:82px;display:flex;align-items:center;gap:32px;padding:0 max(5vw,24px);background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:23px;font-weight:850;letter-spacing:-.03em;white-space:nowrap}.brand small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:1px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:var(--lime);border-radius:11px;color:var(--ink);font-size:22px;font-weight:900;transform:rotate(-3deg)}.site-nav{display:flex;gap:22px;margin-left:auto;align-items:center}.site-nav a{font-size:13px;font-weight:700;text-decoration:none}.site-nav a:hover,.site-nav a.active{color:var(--green)}.menu-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;font-size:19px}.button,.outline{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;padding:12px 18px;font:inherit;font-weight:780;text-decoration:none;cursor:pointer}.button{border:0;background:var(--green);color:#fff;box-shadow:0 8px 18px rgba(79,124,255,.18)}.button:hover{background:#1e326d}.button.lime{background:var(--lime);color:var(--ink)}.outline{border:1px solid var(--line);background:#fff;color:var(--ink)}.small{padding:10px 14px;font-size:12px}.text-link{color:var(--green);font-weight:800;text-decoration:none}.eyebrow{display:block;color:var(--green);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}.hero{padding:88px 0;background:radial-gradient(circle at 83% 38%,#dfe6ff 0,transparent 27%),linear-gradient(135deg,#fbfcff,#f0f3fb)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:56px}.hero h1,.page-hero h1{font-family:Georgia,serif;font-size:clamp(46px,6vw,76px);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px}.hero h1 em,.page-hero h1 em{font-weight:400;color:var(--green)}.hero p,.page-hero p{font-size:18px;line-height:1.65;color:var(--muted);max-width:660px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;font-size:12px;color:var(--muted);font-weight:700}.solution-window{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg)}.window-top{display:flex;align-items:center;gap:6px;padding:14px 16px;background:#fafbfe;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.window-top i{width:8px;height:8px;border-radius:50%;background:#d5dbea}.window-top span{margin-left:8px}.solution-body{display:grid;grid-template-columns:105px 1fr;min-height:350px}.solution-body aside{padding:22px 14px;background:var(--ink);color:#c7d0e3;display:flex;flex-direction:column;gap:15px;font-size:10px}.solution-body aside b{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--lime);color:var(--ink);font-size:18px}.solution-content{padding:28px}.solution-content h3{font-family:Georgia,serif;font-size:28px;margin:6px 0 18px}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-metrics span{padding:14px;border-radius:12px;background:var(--soft);font-size:10px}.mini-metrics b{display:block;font-size:23px}.fake-list{display:grid;gap:10px;margin-top:22px}.fake-list i{display:block;height:48px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(90deg,#f7f9fd 20%,#fff 20%)}.section{padding:90px 0}.section.alt{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-heading h2,.section h2,.cta h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,50px);line-height:1.1;margin:0}.section-heading p{max-width:480px;color:var(--muted)}.service-grid,.feature-grid,.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid article,.feature-card,.price-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 8px 28px rgba(36,59,128,.045)}.service-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--soft);color:var(--green);font-weight:850}.service-grid h3,.feature-card h3,.price-card h3{font-size:20px;margin:18px 0 8px}.service-grid p,.feature-card p,.price-card p{color:var(--muted);font-size:14px}.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.process ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}.process li{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:18px;border-radius:14px;background:#fff;border:1px solid var(--line)}.process li>b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff;font-size:11px}.process li strong{display:block;margin-bottom:3px}.demo-banner{display:grid;grid-template-columns:1fr .85fr;gap:40px;align-items:center;padding:42px;border-radius:28px;background:linear-gradient(135deg,#172033,#243b80);color:#fff}.demo-banner .eyebrow{color:var(--lime)}.demo-banner h2{color:#fff}.demo-banner p{color:#cbd4ea}.demo-preview{padding:26px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.07)}.demo-preview strong{display:block;font-size:22px;margin-bottom:16px}.flow{display:flex;gap:7px;flex-wrap:wrap}.flow span{padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.09);font-size:10px}.page-hero{padding:74px 0 64px;background:linear-gradient(135deg,#fbfcff,#f0f3fb)}.page-hero h1{font-size:clamp(44px,5vw,66px)}.page-hero .hero-actions{margin-top:22px}.check-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:9px}.check-list li{position:relative;padding-left:24px}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.visual-card{padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.visual-card h3{font-size:24px;margin-top:0}.stack{display:grid;gap:10px}.stack div{padding:14px;border-radius:12px;background:var(--soft);display:flex;justify-content:space-between;gap:20px}.price-card{display:flex;flex-direction:column}.price-card.featured{border:2px solid var(--green);transform:translateY(-7px)}.price-tag{font-family:Georgia,serif;font-size:36px;margin:15px 0 4px}.price-card small{color:var(--muted)}.price-card .check-list{margin-bottom:24px}.price-card .button,.price-card .outline{margin-top:auto}.notice{padding:16px 18px;border-radius:14px;background:#edf1ff;color:#304584;font-size:13px}.faq{display:grid;gap:10px}.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 18px}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.contact-card{padding:28px;border-radius:22px;background:#fff;border:1px solid var(--line)}.contact-card a{color:var(--green);font-weight:800}.contact-form{display:grid;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-size:12px;font-weight:750}input,textarea,select{width:100%;margin-top:6px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit}textarea{resize:vertical}.form-note{color:var(--muted);font-size:11px}.cta{padding:70px 0}.cta-box{padding:50px;border-radius:28px;background:var(--ink);color:#fff;text-align:center}.cta-box .eyebrow{color:var(--lime)}.cta-box h2{color:#fff}.cta-box p{max-width:650px;margin:16px auto 0;color:#cbd4e3}.cta-box .hero-actions{justify-content:center}.site-footer{padding:42px 0;background:#111827;color:#d8deea}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.7fr);gap:35px}.site-footer h4{margin:0 0 12px;color:#fff}.site-footer a{display:block;text-decoration:none;color:#c1c8d6;font-size:12px;margin:8px 0}.site-footer p{color:#9ba5b6;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:28px;margin-top:28px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#8792a7}.badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:var(--soft);font-size:10px;font-weight:800}.demo-note{font-size:11px;color:var(--muted);margin-top:12px}.legal{padding:70px 0}.legal article{max-width:850px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:35px;margin:auto}.legal h1{font-family:Georgia,serif;font-size:42px}.legal h2{font-size:22px;margin-top:32px}.legal p,.legal li{color:#586174}.notfound{min-height:70vh;display:grid;place-items:center;text-align:center;padding:30px}.notfound h1{font-family:Georgia,serif;font-size:70px;margin:0}.notfound p{color:var(--muted)}
@media(max-width:980px){.site-header{height:auto;min-height:74px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.menu-toggle{display:block}.site-nav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0}.site-nav.open{display:flex}.site-nav a{padding:10px 4px}.site-header>.button{display:none}.hero-grid,.split,.process,.demo-banner,.contact-grid{grid-template-columns:1fr}.hero{padding:65px 0}.service-grid,.feature-grid,.price-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.solution-window{max-width:650px;margin:auto}.section{padding:70px 0}}
@media(max-width:650px){.container{width:min(100% - 30px,1180px)}.hero h1,.page-hero h1{font-size:42px}.hero p,.page-hero p{font-size:16px}.section-heading{display:block}.service-grid,.feature-grid,.price-grid,.form-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.mini-metrics{grid-template-columns:1fr}.solution-body{grid-template-columns:76px 1fr}.solution-content{padding:20px}.trust{flex-direction:column;gap:7px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.cta-box{padding:35px 22px}.section{padding:58px 0}.demo-banner{padding:28px}.page-hero{padding:58px 0 48px}}

/* ==========================================================
   PIMVO BRAND 2026
   Eigen moderne software-uitstraling
   ========================================================== */

:root{
    --ink:#172033;
    --green:#243b80;
    --lime:#4f7cff;

    --accent:#4f7cff;
    --accent-dark:#243b80;
    --accent-soft:#e9eeff;
    --violet:#7c6cf2;

    --muted:#667085;
    --soft:#f1f4fb;
    --line:#dfe4ee;

    --shadow:
        0 18px 50px
        rgba(36,59,128,.10);
}

body{
    background:#f7f8fb;
    color:var(--ink);
}

.text-link,
.eyebrow,
.contact-card a{
    color:var(--accent);
}


/* LOGO */

.brand-mark{
    background:
        linear-gradient(
            135deg,
            #4f7cff,
            #7c6cf2
        );

    color:#fff;

    box-shadow:
        0 8px 20px
        rgba(79,124,255,.22);
}


/* NAVIGATIE */

.site-header{
    background:
        rgba(255,255,255,.94);

    backdrop-filter:
        blur(12px);

    border-bottom:
        1px solid #e7eaf1;
}

.site-nav a:hover,
.site-nav a.active{
    color:var(--accent);
}


/* KNOPPEN */

.button{
    background:
        linear-gradient(
            135deg,
            #243b80,
            #4f7cff
        );

    color:#fff;

    box-shadow:
        0 10px 24px
        rgba(79,124,255,.22);
}

.button:hover{
    background:
        linear-gradient(
            135deg,
            #1e326d,
            #426ee8
        );
}

.button.lime{
    background:#fff;
    color:#243b80;
    box-shadow:none;
}

.outline{
    border-color:#ccd4e6;
}


/* HERO */

.hero{
    background:
        radial-gradient(
            circle at 84% 30%,
            rgba(124,108,242,.18),
            transparent 28%
        ),
        radial-gradient(
            circle at 70% 70%,
            rgba(79,124,255,.14),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #fbfcff,
            #f0f3fb
        );
}

.hero h1 em,
.page-hero h1 em{
    color:var(--accent);
}


/* SOFTWARE MOCKUP */

.solution-body aside{
    background:
        linear-gradient(
            180deg,
            #172033,
            #243b80
        );
}

.solution-body aside b{
    background:
        linear-gradient(
            135deg,
            #4f7cff,
            #7c6cf2
        );

    color:#fff;
}

.mini-metrics span{
    background:#f1f4fb;
}


/* KAARTEN */

.service-grid article,
.feature-card,
.price-card{
    border-color:#e0e5ef;

    box-shadow:
        0 10px 28px
        rgba(23,32,51,.045);
}

.service-grid article>span{
    background:#e9eeff;
    color:#3f63d5;
}


/* PROCES */

.process li>b{
    background:
        linear-gradient(
            135deg,
            #243b80,
            #4f7cff
        );
}


/* DEMO */

.demo-banner{
    background:
        linear-gradient(
            135deg,
            #172033,
            #243b80 58%,
            #4a56a8
        );

    box-shadow:
        0 25px 60px
        rgba(36,59,128,.20);
}

.demo-banner .eyebrow{
    color:#9bb5ff;
}

.demo-banner p,
.demo-note{
    color:#cbd4ea !important;
}

.demo-preview{
    border-color:
        rgba(255,255,255,.16);

    background:
        rgba(255,255,255,.07);
}


/* PAGINA HERO */

.page-hero{
    background:
        radial-gradient(
            circle at 80% 35%,
            rgba(79,124,255,.13),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #fbfcff,
            #f0f3fb
        );
}


/* PRIJZEN */

.price-card.featured{
    border-color:#4f7cff;
}


/* INFO */

.notice{
    background:#edf1ff;
    color:#304584;
}


/* CTA */

.cta-box{
    background:
        linear-gradient(
            135deg,
            #172033,
            #243b80
        );
}

.cta-box .eyebrow{
    color:#9bb5ff;
}


/* FOOTER */

.site-footer{
    background:#111827;
}

.site-footer a{
    color:#c1c8d6;
}

.site-footer p{
    color:#9ba5b6;
}


/* FORMULIER */

input:focus,
textarea:focus,
select:focus{
    outline:none;

    border-color:#4f7cff;

    box-shadow:
        0 0 0 3px
        rgba(79,124,255,.12);
}

.check-list li:before{
    color:#4f7cff;
}


/* ==========================================================
   PIMVO DEFINITIEVE MERKLAAG
   ========================================================== */

.brand-mark{
    background:linear-gradient(135deg,#4f7cff,#7c6cf2)!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(79,124,255,.22);
}

.site-nav a:hover,
.site-nav a.active,
.text-link,
.eyebrow,
.contact-card a{
    color:#4f7cff!important;
}

.button{
    background:linear-gradient(135deg,#243b80,#4f7cff)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(79,124,255,.20)!important;
}

.button:hover{
    background:linear-gradient(135deg,#1e326d,#426ee8)!important;
}

.button.lime{
    background:#fff!important;
    color:#243b80!important;
}

.hero{
    background:
        radial-gradient(circle at 84% 30%,rgba(124,108,242,.18),transparent 28%),
        radial-gradient(circle at 70% 70%,rgba(79,124,255,.14),transparent 30%),
        linear-gradient(135deg,#fbfcff,#f0f3fb)!important;
}

.hero h1 em,
.page-hero h1 em{
    color:#4f7cff!important;
}

.solution-body aside{
    background:linear-gradient(180deg,#172033,#243b80)!important;
}

.solution-body aside b{
    background:linear-gradient(135deg,#4f7cff,#7c6cf2)!important;
    color:#fff!important;
}

.process li>b{
    background:linear-gradient(135deg,#243b80,#4f7cff)!important;
}

.demo-banner{
    background:linear-gradient(
        135deg,
        #172033,
        #243b80 58%,
        #4a56a8
    )!important;
}

.demo-banner .eyebrow,
.cta-box .eyebrow{
    color:#9bb5ff!important;
}

.page-hero{
    background:
        radial-gradient(circle at 80% 35%,rgba(79,124,255,.13),transparent 30%),
        linear-gradient(135deg,#fbfcff,#f0f3fb)!important;
}

.price-card.featured{
    border-color:#4f7cff!important;
}

.notice{
    background:#edf1ff!important;
    color:#304584!important;
}

.cta-box{
    background:linear-gradient(135deg,#172033,#243b80)!important;
}

.site-footer{
    background:#111827!important;
}

input:focus,
textarea:focus,
select:focus{
    border-color:#4f7cff!important;
    box-shadow:0 0 0 3px rgba(79,124,255,.12)!important;
}

.check-list li:before{
    color:#4f7cff!important;
}


/* ==========================================================
   PIMVO BRAND - ANTRACIET + KOPER
   ========================================================== */

:root{
    --ink:#24272b;
    --green:#24272b;
    --green-2:#35393e;

    --lime:#e8793a;

    --accent:#e8793a;
    --accent-dark:#c95f28;
    --accent-soft:#f9e9df;

    --paper:#f7f4ef;
    --white:#ffffff;
    --muted:#6e706f;
    --line:#e4dfd8;
    --soft:#f1ece6;
    --soft2:#ebe4dc;

    --shadow:
        0 18px 50px
        rgba(36,39,43,.10);
}


/* ==========================================================
   BASIS
   ========================================================== */

html,
body{
    background:#f7f4ef!important;
    color:#24272b!important;
}


/* ==========================================================
   HEADER / NAV
   ========================================================== */

.site-header{
    background:
        rgba(255,255,255,.95)!important;

    border-bottom:
        1px solid #e6e0d9!important;

    backdrop-filter:
        blur(12px);
}

.site-nav a{
    color:#3b3d40!important;
}

.site-nav a:hover,
.site-nav a.active{
    color:#e8793a!important;
}


/* ==========================================================
   LOGO
   ========================================================== */

.brand-mark{
    background:
        linear-gradient(
            135deg,
            #24272b,
            #3b3f44
        )!important;

    color:#fff!important;

    box-shadow:
        0 8px 20px
        rgba(36,39,43,.16)!important;
}


/* ==========================================================
   TEKST ACCENTEN
   ========================================================== */

.eyebrow,
.text-link,
.contact-card a{
    color:#d9682f!important;
}

.hero h1 em,
.page-hero h1 em{
    color:#d9682f!important;
}


/* ==========================================================
   KNOPPEN
   ========================================================== */

.button{
    background:
        linear-gradient(
            135deg,
            #d9682f,
            #e8793a
        )!important;

    color:#fff!important;

    box-shadow:
        0 10px 24px
        rgba(232,121,58,.22)!important;
}

.button:hover{
    background:
        linear-gradient(
            135deg,
            #c65d29,
            #dc6d34
        )!important;
}

.button.lime{
    background:#24272b!important;
    color:#fff!important;
}

.outline{
    border-color:#d8d1c9!important;
    background:#fff!important;
    color:#24272b!important;
}


/* ==========================================================
   HERO
   ========================================================== */

.hero{
    background:
        radial-gradient(
            circle at 82% 30%,
            rgba(232,121,58,.14),
            transparent 27%
        ),
        radial-gradient(
            circle at 70% 75%,
            rgba(36,39,43,.07),
            transparent 31%
        ),
        linear-gradient(
            135deg,
            #fbf9f6,
            #f2ede7
        )!important;
}


/* ==========================================================
   MOCKUP RECHTS
   ========================================================== */

.solution-body aside{
    background:
        linear-gradient(
            180deg,
            #24272b,
            #35393e
        )!important;
}

.solution-body aside b{
    background:
        linear-gradient(
            135deg,
            #d9682f,
            #e8793a
        )!important;

    color:#fff!important;
}

.mini-metrics span{
    background:#f2ece6!important;
}


/* ==========================================================
   KAARTEN
   ========================================================== */

.service-grid article,
.feature-card,
.price-card,
.contact-card{
    background:#fff!important;

    border-color:#e3ddd6!important;

    box-shadow:
        0 10px 28px
        rgba(36,39,43,.045)!important;
}

.service-grid article>span{
    background:#f8e6db!important;
    color:#c95f28!important;
}


/* ==========================================================
   PROCES
   ========================================================== */

.process li>b{
    background:
        linear-gradient(
            135deg,
            #24272b,
            #3b3f44
        )!important;

    color:#fff!important;
}


/* ==========================================================
   DEMO BLOK
   ========================================================== */

.demo-banner{
    background:
        linear-gradient(
            135deg,
            #24272b,
            #33363a 58%,
            #544338
        )!important;

    box-shadow:
        0 25px 60px
        rgba(36,39,43,.20)!important;
}

.demo-banner .eyebrow{
    color:#f0a070!important;
}

.demo-banner p,
.demo-note{
    color:#d9d2cc!important;
}

.demo-preview{
    border-color:
        rgba(255,255,255,.13)!important;

    background:
        rgba(255,255,255,.06)!important;
}


/* ==========================================================
   PAGINA HERO
   ========================================================== */

.page-hero{
    background:
        radial-gradient(
            circle at 80% 35%,
            rgba(232,121,58,.12),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #fbf9f6,
            #f2ede7
        )!important;
}


/* ==========================================================
   TARIEVEN
   ========================================================== */

.price-card.featured{
    border-color:#e8793a!important;

    box-shadow:
        0 16px 40px
        rgba(232,121,58,.10)!important;
}


/* ==========================================================
   INFO BLOKKEN
   ========================================================== */

.notice{
    background:#f9e9df!important;
    color:#7a4024!important;
}


/* ==========================================================
   CTA
   ========================================================== */

.cta-box{
    background:
        linear-gradient(
            135deg,
            #24272b,
            #35393e
        )!important;
}

.cta-box .eyebrow{
    color:#f0a070!important;
}


/* ==========================================================
   FOOTER
   ========================================================== */

.site-footer{
    background:#1d1f22!important;
}

.site-footer a{
    color:#d7d1ca!important;
}

.site-footer p{
    color:#99958f!important;
}


/* ==========================================================
   FORMULIEREN
   ========================================================== */

input,
textarea,
select{
    background:#fff!important;
    border-color:#ddd6ce!important;
    color:#24272b!important;
}

input:focus,
textarea:focus,
select:focus{
    outline:none!important;

    border-color:#e8793a!important;

    box-shadow:
        0 0 0 3px
        rgba(232,121,58,.12)!important;
}


/* ==========================================================
   CHECKS
   ========================================================== */

.check-list li:before{
    color:#d9682f!important;
}


/* ==========================================================
   LICHTE SECTIES
   ========================================================== */

section,
.page-section{
    border-color:#e4dfd8;
}

.soft,
.soft-section{
    background:#f2ede7!important;
}



/* ==========================================================
   PIMVO VERHUURFOTO'S
   ========================================================== */

.rental-showcase{
    background:#fff;
}

.rental-showcase-heading{
    margin-bottom:32px;
}

.rental-photo-grid{
    display:grid;
    grid-template-columns:1.25fr .875fr .875fr;
    gap:16px;
}

.rental-photo{
    position:relative;
    min-height:410px;
    margin:0;
    overflow:hidden;
    border-radius:24px;
    background:#24272b;
    box-shadow:
        0 18px 45px
        rgba(36,39,43,.12);
}

.rental-photo-main{
    min-height:500px;
}

.rental-photo img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:
        transform .45s ease;
}

.rental-photo:hover img{
    transform:scale(1.025);
}

.rental-photo:after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            transparent 38%,
            rgba(22,23,25,.82) 100%
        );
}

.rental-photo figcaption{
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    bottom:0;
    padding:27px;
    color:#fff;
}

.rental-photo figcaption span{
    display:block;
    margin-bottom:6px;
    color:#f0a070;
    font-size:10px;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.rental-photo figcaption strong{
    display:block;
    font-family:Georgia,serif;
    font-size:27px;
}

.rental-photo figcaption p{
    max-width:310px;
    margin:7px 0 0;
    color:#e1ddd8;
    font-size:12px;
    line-height:1.55;
}

.rental-showcase-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:25px;
    margin-top:22px;
    padding:21px 23px;
    border:1px solid #e4dfd8;
    border-radius:17px;
    background:#f7f4ef;
}

.rental-showcase-footer strong,
.rental-showcase-footer span{
    display:block;
}

.rental-showcase-footer span{
    margin-top:4px;
    color:#6e706f;
    font-size:13px;
}


/* ==========================================================
   DEMO FOTO INTRO
   ========================================================== */

.demo-photo-section{
    background:#fff;
}

.demo-photo-layout{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    align-items:center;
    gap:65px;
}

.demo-photo-copy h2{
    margin:8px 0 17px;
    font-family:Georgia,serif;
    font-size:clamp(34px,4vw,54px);
    line-height:1.03;
}

.demo-photo-copy p{
    color:#6e706f;
    line-height:1.7;
}

.demo-photo-copy .check-list{
    margin-top:22px;
}

.demo-photo-collage{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:210px 210px;
    gap:12px;
}

.demo-photo-collage figure{
    margin:0;
    overflow:hidden;
    border-radius:18px;
    background:#eee9e3;
}

.demo-photo-collage .demo-photo-large{
    grid-row:1 / span 2;
}

.demo-photo-collage img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s ease;
}

.demo-photo-collage figure:hover img{
    transform:scale(1.025);
}


@media(max-width:950px){

    .rental-photo-grid{
        grid-template-columns:1fr 1fr;
    }

    .rental-photo-main{
        grid-column:1 / -1;
        min-height:440px;
    }

    .demo-photo-layout{
        grid-template-columns:1fr;
        gap:35px;
    }

}


@media(max-width:650px){

    .rental-photo-grid{
        grid-template-columns:1fr;
    }

    .rental-photo-main{
        grid-column:auto;
    }

    .rental-photo,
    .rental-photo-main{
        min-height:360px;
    }

    .rental-showcase-footer{
        align-items:stretch;
        flex-direction:column;
    }

    .rental-showcase-footer .button{
        text-align:center;
    }

    .demo-photo-collage{
        grid-template-columns:1fr 1fr;
        grid-template-rows:280px 150px;
    }

    .demo-photo-collage .demo-photo-large{
        grid-column:1 / -1;
        grid-row:auto;
    }

}



/* ==========================================================
   PIMVO FINAL LAYOUT CLEANUP
   ========================================================== */

:root{
    --pimvo-max:1180px;
    --pimvo-radius:18px;
    --pimvo-gap:22px;
}


/* ALGEMENE BREEDTE */

.container{
    width:min(var(--pimvo-max),calc(100% - 44px))!important;
    margin-inline:auto!important;
}


/* SECTIES */

.section{
    padding:76px 0!important;
}

.section-heading{
    display:grid!important;
    grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr)!important;
    gap:48px!important;
    align-items:end!important;
    margin-bottom:34px!important;
}

.section-heading h2{
    max-width:720px!important;
}

.section-heading p{
    max-width:500px!important;
    margin:0!important;
}


/* HERO */

.hero{
    padding:82px 0!important;
}

.hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(420px,.85fr)!important;
    gap:70px!important;
    align-items:center!important;
}

.hero h1{
    max-width:720px!important;
}

.solution-window{
    width:100%!important;
    max-width:520px!important;
    justify-self:end!important;
}


/* ==========================================================
   VERHUURFOTO'S HOME
   ========================================================== */

.rental-showcase{
    overflow:hidden!important;
}

.rental-photo-grid{
    display:grid!important;
    grid-template-columns:1.2fr .9fr .9fr!important;
    gap:18px!important;
    align-items:stretch!important;
}

.rental-photo,
.rental-photo-main{
    position:relative!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:4 / 3!important;
    border-radius:18px!important;
    overflow:hidden!important;
}

.rental-photo-main{
    aspect-ratio:1.15 / 1!important;
}

.rental-photo img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
}

.rental-photo figcaption{
    padding:22px!important;
}

.rental-photo figcaption strong{
    font-size:23px!important;
}

.rental-photo figcaption p{
    font-size:12px!important;
    line-height:1.45!important;
}

.rental-showcase-footer{
    margin-top:18px!important;
    padding:18px 20px!important;
}


/* ==========================================================
   DEMOPAGINA FOTO'S
   ========================================================== */

.demo-photo-layout{
    display:grid!important;
    grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr)!important;
    gap:50px!important;
    align-items:center!important;
}

.demo-photo-collage{
    display:grid!important;
    grid-template-columns:1.2fr .8fr!important;
    grid-template-rows:190px 190px!important;
    gap:12px!important;
    min-height:0!important;
}

.demo-photo-collage figure{
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    border-radius:16px!important;
    overflow:hidden!important;
}

.demo-photo-collage .demo-photo-large{
    grid-row:1 / 3!important;
}

.demo-photo-collage img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
}


/* KAARTEN */

.service-grid,
.feature-grid,
.price-grid{
    align-items:stretch!important;
}

.service-grid article,
.feature-card,
.price-card{
    height:100%!important;
}


/* CTA */

.cta-box{
    padding:42px!important;
    border-radius:22px!important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:950px){

    .section{
        padding:62px 0!important;
    }

    .section-heading{
        grid-template-columns:1fr!important;
        gap:15px!important;
    }

    .hero-grid{
        grid-template-columns:1fr!important;
        gap:45px!important;
    }

    .solution-window{
        max-width:680px!important;
        justify-self:start!important;
    }

    .rental-photo-grid{
        grid-template-columns:1fr 1fr!important;
    }

    .rental-photo-main{
        grid-column:1 / -1!important;
        aspect-ratio:16 / 7!important;
    }

    .demo-photo-layout{
        grid-template-columns:1fr!important;
        gap:35px!important;
    }

}


/* ==========================================================
   MOBIEL
   ========================================================== */

@media(max-width:650px){

    .container{
        width:min(100% - 28px,var(--pimvo-max))!important;
    }

    .section{
        padding:48px 0!important;
    }

    .hero{
        padding:55px 0!important;
    }

    .rental-photo-grid{
        grid-template-columns:1fr!important;
    }

    .rental-photo,
    .rental-photo-main{
        grid-column:auto!important;
        aspect-ratio:4 / 3!important;
    }

    .rental-photo figcaption{
        padding:18px!important;
    }

    .rental-showcase-footer{
        flex-direction:column!important;
        align-items:stretch!important;
    }

    .demo-photo-collage{
        grid-template-columns:1fr 1fr!important;
        grid-template-rows:230px 135px!important;
    }

    .demo-photo-collage .demo-photo-large{
        grid-column:1 / -1!important;
        grid-row:1!important;
    }

    .cta-box{
        padding:28px 22px!important;
    }

}



/* ==========================================================
   PIMVO PRAKTIJKPROJECT
   ========================================================== */

.project-showcase{
    background:#f7f4ef;
}

.project-featured{
    display:grid;
    grid-template-columns:
        minmax(0,1.05fr)
        minmax(360px,.95fr);

    gap:54px;

    align-items:center;

    padding:32px;

    border:
        1px solid #e3ddd6;

    border-radius:26px;

    background:#fff;

    box-shadow:
        0 22px 60px
        rgba(36,39,43,.07);
}


/* browser preview */

.project-preview{
    min-width:0;
}

.project-browser{
    overflow:hidden;

    border:
        1px solid #dcd6cf;

    border-radius:18px;

    background:#fff;

    box-shadow:
        0 20px 45px
        rgba(36,39,43,.12);

    transform:
        rotate(-1deg);
}

.project-browser-top{
    display:flex;
    align-items:center;
    gap:6px;

    height:42px;

    padding:
        0 14px;

    border-bottom:
        1px solid #e6e1db;

    background:#f4f2ef;
}

.project-browser-top i{
    width:8px;
    height:8px;

    border-radius:50%;

    background:#cbc6c0;
}

.project-browser-top span{
    margin-left:7px;

    color:#77736f;

    font-size:10px;
}


.project-site-preview{
    min-height:380px;

    padding:34px;

    background:
        radial-gradient(
            circle at 82% 20%,
            rgba(232,121,58,.12),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #faf8f4,
            #eff1ec
        );
}


.project-preview-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:25px;
}

.project-preview-header small{
    display:block;

    color:#54705f;

    font-size:9px;
    font-weight:850;

    letter-spacing:.14em;
}

.project-preview-header strong{
    display:block;

    max-width:330px;

    margin-top:10px;

    color:#273b30;

    font-family:Georgia,serif;

    font-size:
        clamp(27px,3vw,39px);

    line-height:1.02;
}

.project-preview-header>span{
    padding:
        9px 12px;

    border-radius:9px;

    background:#273b30;

    color:#fff;

    font-size:10px;
    font-weight:800;
}


.project-preview-cards{
    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:10px;

    margin-top:70px;
}

.project-preview-cards>div{
    min-width:0;

    padding:14px;

    border:
        1px solid rgba(39,59,48,.10);

    border-radius:13px;

    background:
        rgba(255,255,255,.82);

    backdrop-filter:
        blur(8px);
}

.project-preview-cards span,
.project-preview-cards b,
.project-preview-cards small{
    display:block;
}

.project-preview-cards span{
    color:#d9682f;

    font-size:9px;
    font-weight:850;
}

.project-preview-cards b{
    margin:
        16px
        0
        4px;

    color:#273b30;

    font-size:12px;
}

.project-preview-cards small{
    color:#738077;

    font-size:8px;

    line-height:1.4;
}


/* rechterkant */

.project-label{
    display:inline-flex;

    padding:
        6px 9px;

    border-radius:999px;

    background:#f8e7dc;

    color:#aa5026;

    font-size:9px;
    font-weight:850;

    text-transform:uppercase;

    letter-spacing:.08em;
}

.project-content h3{
    margin:
        13px
        0
        12px;

    font-family:Georgia,serif;

    font-size:
        clamp(34px,4vw,48px);

    line-height:1;
}

.project-lead{
    margin:0;

    color:#666966;

    font-size:15px;
    line-height:1.7;
}


.project-tags{
    display:flex;
    flex-wrap:wrap;

    gap:7px;

    margin:
        21px
        0;
}

.project-tags span{
    padding:
        6px 9px;

    border:
        1px solid #ded8d1;

    border-radius:999px;

    background:#faf8f5;

    color:#535553;

    font-size:9px;
    font-weight:750;
}


.project-results{
    display:grid;
    gap:10px;

    margin-top:22px;
}

.project-results>div{
    padding:
        13px
        15px;

    border-left:
        3px solid #e8793a;

    background:#faf7f3;
}

.project-results strong,
.project-results span{
    display:block;
}

.project-results strong{
    color:#24272b;

    font-size:11px;
}

.project-results span{
    margin-top:3px;

    color:#737370;

    font-size:10px;

    line-height:1.45;
}


.project-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:17px;

    margin-top:26px;
}


/* ==========================================================
   UITGEBREIDE CASE OP WEBSITES
   ========================================================== */

.project-case{
    background:#fff;
}

.project-case-heading{
    max-width:760px;

    margin-bottom:40px;
}

.project-case-heading h2{
    margin:
        8px
        0
        14px;

    font-family:Georgia,serif;

    font-size:
        clamp(40px,5vw,62px);

    line-height:1;
}

.project-case-heading p{
    max-width:620px;

    color:#6e706f;

    font-size:15px;
    line-height:1.7;
}


.project-case-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:14px;
}

.project-case-story{
    min-height:220px;

    padding:27px;

    border:
        1px solid #e3ddd6;

    border-radius:18px;

    background:#faf8f5;
}

.project-case-number{
    display:grid;
    place-items:center;

    width:36px;
    height:36px;

    border-radius:10px;

    background:#24272b;

    color:#f0a070;

    font-size:10px;
    font-weight:850;
}

.project-case-story h3{
    margin:
        30px
        0
        10px;

    font-size:18px;
}

.project-case-story p{
    margin:0;

    color:#6d6e6c;

    font-size:13px;
    line-height:1.65;
}


.project-case-conclusion{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    align-items:end;

    gap:40px;

    margin-top:18px;

    padding:32px;

    border-radius:20px;

    background:
        linear-gradient(
            135deg,
            #24272b,
            #35393e
        );

    color:#fff;
}

.project-case-conclusion h3{
    max-width:680px;

    margin:
        8px
        0
        12px;

    color:#fff;

    font-family:Georgia,serif;

    font-size:
        clamp(28px,4vw,43px);

    line-height:1.05;
}

.project-case-conclusion p{
    max-width:680px;

    margin:0;

    color:#cdc7c0;

    font-size:13px;
    line-height:1.65;
}

.project-case-conclusion .eyebrow{
    color:#f0a070!important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:950px){

    .project-featured{
        grid-template-columns:1fr;

        gap:35px;
    }

    .project-browser{
        max-width:700px;
    }

}


@media(max-width:700px){

    .project-featured{
        padding:18px;
    }

    .project-site-preview{
        min-height:310px;

        padding:22px;
    }

    .project-preview-cards{
        grid-template-columns:1fr;

        margin-top:35px;
    }

    .project-preview-cards>div:nth-child(2),
    .project-preview-cards>div:nth-child(3){
        display:none;
    }

    .project-case-grid{
        grid-template-columns:1fr;
    }

    .project-case-conclusion{
        grid-template-columns:1fr;

        align-items:start;
    }

}



/* ==========================================================
   PIMVO JURIDISCHE PAGINA'S
   ========================================================== */

.legal-hero{
    padding-bottom:54px!important;
}

.legal-meta{
    display:flex;
    gap:9px;
    flex-wrap:wrap;
    margin-top:20px;
}

.legal-meta span{
    padding:7px 10px;
    border:1px solid #ddd6ce;
    border-radius:999px;
    background:#fff;
    color:#6d6e6c;
    font-size:10px;
    font-weight:750;
}

.legal-layout{
    display:grid;
    grid-template-columns:230px minmax(0,780px);
    gap:60px;
    justify-content:center;
    align-items:start;
}

.legal-sidebar{
    position:sticky;
    top:100px;

    display:flex;
    flex-direction:column;
    gap:4px;

    padding:18px;

    border:1px solid #e3ddd6;
    border-radius:16px;

    background:#faf8f5;
}

.legal-sidebar strong{
    margin-bottom:8px;
    color:#24272b;
    font-size:12px;
}

.legal-sidebar a{
    padding:6px 7px;
    border-radius:7px;
    color:#6d6e6c;
    font-size:10px;
    text-decoration:none;
}

.legal-sidebar a:hover{
    background:#f4e8e0;
    color:#b95726;
}


.legal-content{
    min-width:0;
}

.legal-content section{
    padding:0 0 30px;
    margin-bottom:30px;
    border-bottom:1px solid #e7e1da;
}

.legal-content section:last-of-type{
    border-bottom:0;
}

.legal-content h2{
    margin:0 0 14px;
    color:#24272b;
    font-family:Georgia,serif;
    font-size:25px;
    line-height:1.2;
}

.legal-content p,
.legal-content li{
    color:#646765;
    font-size:13px;
    line-height:1.75;
}

.legal-content ol,
.legal-content ul{
    padding-left:22px;
}

.legal-content li{
    margin:6px 0;
}

.legal-content a{
    color:#c95f28;
}


.legal-company-card{
    display:flex;
    flex-direction:column;
    gap:3px;

    margin-top:17px;
    padding:18px;

    border-left:3px solid #e8793a;
    border-radius:0 12px 12px 0;

    background:#faf7f3;

    color:#626562;
    font-size:12px;
    line-height:1.55;
}

.legal-company-card strong{
    margin-bottom:4px;
    color:#24272b;
    font-size:14px;
}


.legal-contact{
    margin-top:35px;
    padding:25px;

    border-radius:17px;

    background:
        linear-gradient(
            135deg,
            #24272b,
            #35393e
        );

    color:#fff;
}

.legal-contact h3{
    margin:6px 0 10px;
    color:#fff;
    font-family:Georgia,serif;
    font-size:27px;
}

.legal-contact p{
    margin:0;
    color:#d8d2cc;
}

.legal-contact a{
    color:#f0a070;
}


.legal-footer{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:40px;
}

.legal-footer strong{
    display:block;
    color:#fff;
    font-size:18px;
}

.legal-footer p{
    margin:5px 0 10px;
}

.legal-footer small{
    color:#99958f;
    font-size:10px;
    line-height:1.6;
}

.legal-footer small a{
    color:#d7d1ca;
}

.footer-links{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.footer-links a{
    font-size:11px;
}


/* ==========================================================
   CONTACT JURIDISCHE INFO
   ========================================================== */

.contact-legal-section{
    padding-top:20px!important;
}

.contact-legal-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.contact-business-card,
.contact-privacy-card{
    padding:27px;

    border:1px solid #e3ddd6;
    border-radius:18px;

    background:#fff;

    box-shadow:
        0 10px 28px
        rgba(36,39,43,.045);
}

.contact-business-card h2,
.contact-privacy-card h3{
    margin:7px 0 17px;
}

.contact-business-lines{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
}

.contact-business-lines p{
    margin:0;
    color:#666966;
    font-size:11px;
    line-height:1.65;
}

.contact-business-lines a,
.contact-privacy-card a{
    color:#c95f28;
}

.contact-privacy-card p{
    color:#666966;
    font-size:12px;
    line-height:1.65;
}


@media(max-width:850px){

    .legal-layout{
        grid-template-columns:1fr;
        gap:30px;
    }

    .legal-sidebar{
        position:static;
    }

    .contact-legal-grid{
        grid-template-columns:1fr;
    }

    .contact-business-lines{
        grid-template-columns:1fr;
    }

}


@media(max-width:650px){

    .legal-footer{
        align-items:flex-start;
        flex-direction:column;
    }

    .footer-links{
        flex-direction:column;
        gap:8px;
    }

}



/* ==========================================================
   PIMVO FOOTER V2
   ========================================================== */

.pimvo-footer{
    margin-top:0!important;
    padding:0!important;

    background:
        linear-gradient(
            145deg,
            #202225,
            #292c30
        )!important;

    color:#fff!important;
}


.pimvo-footer .container{
    padding-top:64px;
    padding-bottom:24px;
}


.pimvo-footer-main{
    display:grid;

    grid-template-columns:
        minmax(280px,1.5fr)
        minmax(130px,.65fr)
        minmax(130px,.65fr)
        minmax(170px,.75fr);

    gap:55px;

    align-items:start;
}


/* merk */

.pimvo-footer-brand{
    max-width:390px;
}


.pimvo-footer-logo{
    display:inline-flex;

    align-items:center;

    gap:12px;

    text-decoration:none!important;
}


.pimvo-footer-logo .brand-mark{
    width:44px!important;
    height:44px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:12px!important;

    background:
        linear-gradient(
            135deg,
            #e8793a,
            #c95f28
        )!important;

    color:#fff!important;

    font-size:19px!important;
    font-weight:900!important;
}


.pimvo-footer-logo>span:last-child{
    display:flex;

    flex-direction:column;

    gap:2px;
}


.pimvo-footer-logo strong{
    color:#fff!important;

    font-size:19px;
}


.pimvo-footer-logo small{
    color:#aaa6a1!important;

    font-size:9px;
}


.pimvo-footer-brand p{
    max-width:360px;

    margin:
        22px
        0
        20px;

    color:#aaa7a2!important;

    font-size:12px;

    line-height:1.7;
}


.pimvo-footer-cta{
    display:inline-flex;

    align-items:center;

    gap:9px;

    color:#f09a67!important;

    font-size:11px;

    font-weight:800;

    text-decoration:none;
}


.pimvo-footer-cta span{
    transition:
        transform .2s ease;
}


.pimvo-footer-cta:hover span{
    transform:
        translateX(4px);
}


/* kolommen */

.pimvo-footer-column{
    display:flex;

    flex-direction:column;

    gap:10px;
}


.pimvo-footer-title{
    margin-bottom:7px;

    color:#f09a67!important;

    font-size:9px;

    font-weight:850;

    letter-spacing:.12em;

    text-transform:uppercase;
}


.pimvo-footer-column a,
.pimvo-footer-column>span:not(.pimvo-footer-title){
    color:#c9c5c0!important;

    font-size:11px;

    line-height:1.45;

    text-decoration:none;
}


.pimvo-footer-column a:hover{
    color:#fff!important;
}


/* onderbalk */

.pimvo-footer-bottom{
    display:flex;

    justify-content:space-between;
    align-items:center;

    gap:30px;

    margin-top:54px;

    padding-top:20px;

    border-top:
        1px solid
        rgba(255,255,255,.10);
}


.pimvo-footer-company,
.pimvo-footer-legal{
    display:flex;

    flex-wrap:wrap;

    gap:17px;
}


.pimvo-footer-company span,
.pimvo-footer-legal a{
    color:#888581!important;

    font-size:9px;

    text-decoration:none;
}


.pimvo-footer-legal a:hover{
    color:#d4d0cb!important;
}


/* ==========================================================
   JURIDISCHE PAGINA V2
   ========================================================== */

.legal-hero{
    padding:
        74px
        0
        62px!important;

    background:
        radial-gradient(
            circle at 78% 30%,
            rgba(232,121,58,.11),
            transparent 24%
        ),
        linear-gradient(
            145deg,
            #faf8f5,
            #f2ede7
        )!important;
}


.legal-hero .container{
    max-width:980px!important;
}


.legal-hero h1{
    max-width:760px;

    margin:
        8px
        0
        15px;

    font-family:
        Georgia,
        serif;

    font-size:
        clamp(42px,5.5vw,68px);

    line-height:.98;
}


.legal-hero p{
    max-width:650px;

    margin:0;

    color:#696a68;

    font-size:15px;

    line-height:1.7;
}


.legal-meta{
    margin-top:24px!important;
}


.legal-meta span{
    padding:
        7px
        10px!important;

    border:0!important;

    background:
        rgba(255,255,255,.7)!important;

    color:#77736f!important;
}


/* inhoud */

.legal-layout{
    display:grid!important;

    grid-template-columns:
        205px
        minmax(0,720px)!important;

    gap:60px!important;

    justify-content:center!important;

    align-items:start!important;
}


.legal-sidebar{
    position:sticky!important;

    top:95px!important;

    padding:16px!important;

    border:
        1px solid #e4ded7!important;

    border-radius:14px!important;

    background:#faf8f5!important;

    box-shadow:none!important;
}


.legal-sidebar strong{
    display:block;

    padding:
        3px
        6px
        10px;

    color:#24272b!important;

    font-size:11px;
}


.legal-sidebar a{
    display:block;

    padding:
        7px
        8px!important;

    border-radius:7px!important;

    color:#757572!important;

    font-size:9px!important;

    line-height:1.35;

    text-decoration:none;
}


.legal-sidebar a:hover{
    background:#f5e8df!important;

    color:#aa5026!important;
}


/* artikelen */

.legal-content{
    min-width:0;
}


.legal-content section{
    margin:0!important;

    padding:
        0
        0
        34px!important;

    border:0!important;
}


.legal-content section + section{
    padding-top:34px!important;

    border-top:
        1px solid #ece7e1!important;
}


.legal-content h2{
    margin:
        0
        0
        17px!important;

    color:#24272b!important;

    font-family:
        Georgia,
        serif!important;

    font-size:
        clamp(21px,2.2vw,27px)!important;

    line-height:1.2!important;
}


.legal-content p,
.legal-content li{
    color:#646664!important;

    font-size:12px!important;

    line-height:1.8!important;
}


.legal-content p{
    margin:
        0
        0
        13px;
}


.legal-content ol,
.legal-content ul{
    margin:
        0
        0
        10px!important;

    padding-left:20px!important;
}


.legal-content li{
    padding-left:5px;

    margin:
        8px
        0!important;
}


.legal-content li::marker{
    color:#c95f28;

    font-weight:700;
}


/* bedrijfskaart privacy */

.legal-company-card{
    margin-top:20px!important;

    padding:19px 21px!important;

    border:0!important;

    border-radius:14px!important;

    background:#f5f0ea!important;

    box-shadow:
        inset 3px 0 0
        #e8793a;
}


/* afsluitend contact */

.legal-contact{
    margin-top:20px!important;

    padding:27px!important;

    border-radius:17px!important;

    background:
        linear-gradient(
            135deg,
            #24272b,
            #34373b
        )!important;
}


/* ==========================================================
   CONTACTPAGINA VERFIJNEN
   ========================================================== */

.contact-legal-section{
    background:#f7f4ef!important;
}


.contact-legal-grid{
    gap:20px!important;
}


.contact-business-card,
.contact-privacy-card{
    padding:30px!important;

    border:
        1px solid #e5ded7!important;

    border-radius:18px!important;

    box-shadow:none!important;
}


.contact-business-card{
    background:#fff!important;
}


.contact-privacy-card{
    background:#f3eee8!important;
}


.contact-business-lines{
    margin-top:22px;
}


/* ==========================================================
   RESPONSIVE FOOTER
   ========================================================== */

@media(max-width:900px){

    .pimvo-footer-main{
        grid-template-columns:
            1.4fr
            1fr
            1fr!important;

        gap:40px!important;
    }

    .pimvo-footer-brand{
        grid-column:
            1 / -1;
    }

    .legal-layout{
        grid-template-columns:1fr!important;

        gap:28px!important;
    }

    .legal-sidebar{
        position:static!important;

        display:flex!important;

        flex-direction:row!important;

        overflow-x:auto!important;

        gap:5px!important;
    }

    .legal-sidebar strong{
        white-space:nowrap;
    }

    .legal-sidebar a{
        white-space:nowrap;
    }

}


@media(max-width:650px){

    .pimvo-footer .container{
        padding-top:45px;
    }

    .pimvo-footer-main{
        grid-template-columns:
            1fr 1fr!important;

        gap:
            36px
            25px!important;
    }

    .pimvo-footer-brand{
        grid-column:
            1 / -1;
    }

    .pimvo-footer-contact{
        grid-column:
            1 / -1;
    }

    .pimvo-footer-bottom{
        align-items:flex-start!important;

        flex-direction:column!important;

        gap:12px!important;

        margin-top:40px!important;
    }

    .pimvo-footer-company,
    .pimvo-footer-legal{
        gap:
            7px
            14px!important;
    }

    .legal-hero{
        padding:
            52px
            0
            45px!important;
    }

}


/* Oude generieke footer-regels mogen nieuwe footer niet verkleuren */

.site-footer.pimvo-footer .brand{
    color:#fff!important;
}

.site-footer.pimvo-footer .brand span{
    color:inherit;
}

.site-footer.pimvo-footer a{
    text-decoration:none;
}



/* ==========================================================
   PIMVO CONTACTFORMULIER CRM
   ========================================================== */

.contact-submit-status{
    min-height:20px;
    margin:12px 0 0;
    font-size:12px;
    line-height:1.5;
}

.contact-submit-status.success{
    padding:11px 13px;
    border:1px solid #e8c7b3;
    border-radius:10px;
    background:#f9ece4;
    color:#754225;
}

.contact-submit-status.error{
    padding:11px 13px;
    border:1px solid #e0bab6;
    border-radius:10px;
    background:#fae9e7;
    color:#8a3d36;
}

.contact-form button[disabled]{
    opacity:.7;
    cursor:wait;
}


/* ==========================================================
   CONTACTFORMULIER STATUS - FINAL
   ========================================================== */

.contact-submit-status{
    display:none;
    margin-top:14px;
    padding:12px 14px;
    border-radius:10px;
    font-size:12px;
    line-height:1.5;
}

.contact-submit-status.success{
    display:block!important;
    background:#f7e8df!important;
    border:1px solid #e8c3ad!important;
    color:#6f381d!important;
}

.contact-submit-status.error{
    display:block!important;
    background:#fae9e7!important;
    border:1px solid #e0bab6!important;
    color:#8a3d36!important;
}



/* ==========================================================
   PIMVO CONTACT BEDANKKAART
   ========================================================== */

.contact-thankyou{
    min-height:390px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    padding:42px 30px;

    text-align:center;

    border-radius:18px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(232,121,58,.13),
            transparent 42%
        ),
        #faf7f3;
}

.contact-thankyou-icon{
    width:58px;
    height:58px;

    display:grid;
    place-items:center;

    margin-bottom:20px;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            #e8793a,
            #c95f28
        );

    color:#fff;

    font-size:25px;
    font-weight:900;

    box-shadow:
        0 12px 28px
        rgba(232,121,58,.20);
}

.contact-thankyou h3{
    max-width:430px;

    margin:
        8px
        0
        12px;

    font-family:Georgia,serif;

    font-size:
        clamp(27px,3vw,38px);

    line-height:1.08;

    color:#24272b;
}

.contact-thankyou p{
    max-width:470px;

    margin:0;

    color:#696a68;

    font-size:13px;
    line-height:1.7;
}

.contact-thankyou-meta{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;

    margin-top:24px;
}

.contact-thankyou-meta span{
    padding:7px 10px;

    border:1px solid #e5d9d0;
    border-radius:999px;

    background:#fff;

    color:#6e5a4e;

    font-size:10px;
    font-weight:750;
}


/* oude kleine melding niet meer nodig na succes */

.contact-submit-status.success{
    display:none!important;
}


@media(max-width:650px){

    .contact-thankyou{
        min-height:330px;
        padding:35px 20px;
    }

}