/*
Theme Name: Albert Peters Beheer
Theme URI: https://albertpetersbeheer.nl/
Author: Albert Peters Beheer
Description: Een eerlijk, mobiel WordPress-thema voor bedrijfsontwikkeling en digitale strategie.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: albert-peters-beheer
*/

:root{--ink:#17322e;--muted:#52645d;--forest:#174a3b;--lime:#d8e995;--cream:#f5f3e9;--paper:#fffefa;--line:#d9e0d5;--orange:#b85d32;--width:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}a:hover{color:var(--orange)}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}img{max-width:100%;height:auto}p{margin:0 0 1.2rem}h1,h2,h3{font-family:Georgia,Cambria,serif;line-height:1.13;letter-spacing:-.035em;margin:0 0 .65em}h1{font-size:clamp(2.8rem,8vw,6.2rem)}h2{font-size:clamp(2rem,4vw,3.6rem)}h3{font-size:1.55rem}ul,ol{padding-left:1.3rem}li{margin:.35rem 0}.wrap{width:min(calc(100% - 40px),var(--width));margin-inline:auto}.skip{position:absolute;left:1rem;top:-5rem;padding:.6rem 1rem;background:#fff;z-index:20}.skip:focus{top:1rem}.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:10}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:86px}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:800;line-height:1.05;letter-spacing:-.025em}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--forest);color:var(--lime);display:grid;place-items:center;font:700 23px Georgia,serif}.brand span:last-child{max-width:180px}.nav-toggle{border:1px solid var(--forest);border-radius:7px;background:transparent;color:var(--forest);padding:.55rem .85rem;font:inherit;cursor:pointer}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:1rem 20px 1.5rem;box-shadow:0 12px 20px #17322e15}.site-nav.open{display:block}.site-nav ul{display:flex;flex-direction:column;gap:.15rem;list-style:none;padding:0;margin:0}.site-nav a{display:block;text-decoration:none;font-size:.92rem;font-weight:650;padding:.55rem .7rem;border-radius:5px}.site-nav a:hover,.site-nav .current-menu-item>a{background:var(--cream)}.site-nav .menu-item:last-child>a{background:var(--forest);color:white}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.75rem;font-weight:800;color:var(--orange);margin-bottom:1rem}.hero{background:var(--cream);overflow:hidden}.hero-grid{display:grid;gap:2rem;padding-block:5rem 5.5rem}.hero h1{max-width:950px}.hero p.lead{font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.5;max-width:680px}.hero-panel{background:var(--forest);color:white;border-radius:4px;padding:2.3rem;align-self:end;box-shadow:18px 18px 0 var(--lime)}.hero-panel strong{display:block;font:2rem/1.2 Georgia,serif;margin-bottom:1rem}.hero-panel p{color:#e4eee8;margin:0}.buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.button{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:48px;padding:.7rem 1.2rem;border-radius:5px;text-decoration:none;font-weight:750;background:var(--forest);color:white;border:1px solid var(--forest)}.button:hover{background:#0e3026;color:white}.button.secondary{background:transparent;color:var(--forest)}.button.secondary:hover{background:var(--lime)}.section{padding-block:4.5rem}.section.alt{background:var(--cream)}.section-head{max-width:730px;margin-bottom:2.3rem}.section-head>p:last-child{font-size:1.14rem}.cards{display:grid;gap:1rem}.card{border:1px solid var(--line);background:var(--paper);padding:1.65rem;border-radius:6px;display:flex;flex-direction:column}.card .number{color:var(--orange);font-weight:800;font-size:.85rem;letter-spacing:.1em;margin-bottom:1.2rem}.card p{color:var(--muted)}.card a{margin-top:auto;font-weight:750;text-underline-offset:4px}.split{display:grid;gap:2.5rem;align-items:start}.statement{background:var(--forest);color:white;border-radius:4px;padding:2rem}.statement p{font:clamp(1.7rem,3vw,2.7rem)/1.3 Georgia,serif;margin:0}.statement small{display:block;color:var(--lime);font-size:.85rem;margin-top:1.5rem}.check-list{list-style:none;padding:0}.check-list li{padding:.8rem 0 .8rem 2rem;border-bottom:1px solid var(--line);position:relative}.check-list li:before{content:'↗';position:absolute;left:0;color:var(--orange);font-weight:bold}.band{background:var(--lime);padding:3.5rem 0}.band .split{align-items:center}.band h2{margin:0}.page-hero{background:var(--cream);padding:4.5rem 0 3.5rem}.page-hero h1{font-size:clamp(2.7rem,7vw,5rem);max-width:920px}.page-hero .lead{font-size:1.3rem;max-width:720px}.breadcrumb{font-size:.82rem;margin-bottom:2.5rem;color:var(--muted)}.breadcrumb a{text-underline-offset:3px}.content-layout{display:grid;gap:3rem;padding-block:4rem 5rem}.article{max-width:780px}.article h2{margin-top:2.5rem}.article h3{margin-top:1.9rem}.article p,.article li{color:#31443d}.article .intro{font-size:1.25rem;color:var(--ink)}.article blockquote{border-left:5px solid var(--lime);margin:2rem 0;padding:.5rem 1.5rem;font:1.5rem/1.4 Georgia,serif}.article details{border-bottom:1px solid var(--line);padding:1rem 0}.article summary{font-weight:700;cursor:pointer;list-style-position:outside}.article details p{margin:1rem 0 0}.aside{background:var(--cream);padding:1.6rem;align-self:start;border-radius:5px}.aside h2{font:1.55rem Georgia,serif}.aside a{display:block;margin:.6rem 0;text-underline-offset:3px}.contact-form{display:grid;gap:1rem;max-width:620px}.field{display:grid;gap:.3rem}.field input,.field textarea{font:inherit;width:100%;padding:.75rem;border:1px solid #9aa99e;background:white;border-radius:4px}.field textarea{min-height:155px}.contact-form button{cursor:pointer;font:inherit;justify-self:start}.notice{padding:1rem;background:var(--lime);border-radius:4px}.notice.error{background:#f9e2db}.hp{position:absolute;left:-10000px}.site-footer{background:#112e27;color:#e8f0e9;padding:4rem 0 1.5rem}.footer-grid{display:grid;gap:2rem}.site-footer h2{color:white;font-size:1.7rem}.site-footer a{color:inherit;text-underline-offset:4px}.footer-links{display:grid;gap:.3rem}.footer-bottom{border-top:1px solid #ffffff33;margin-top:3rem;padding-top:1.2rem;font-size:.85rem;color:#bbcec2} @media(min-width:720px){.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:2fr 1fr 1fr}}@media(min-width:1000px){.nav-toggle{display:none}.site-nav{display:block;position:static;background:none;padding:0;box-shadow:none}.site-nav ul{flex-direction:row;align-items:center}.hero-grid{grid-template-columns:1.65fr 1fr;gap:3.5rem;padding-block:7rem}.cards{grid-template-columns:repeat(3,1fr)}.content-layout{grid-template-columns:minmax(0,780px) 260px}.aside{position:sticky;top:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}