/* Aankoopproblemen.nl — globale huisstijl v18
   Plaats dit bestand in het WordPress-thema of voeg de inhoud toe via
   Weergave > Customizer > Extra CSS / Elementor Site Settings > Custom CSS.
*/
:root{
  --ap-navy:#023866;
  --ap-navy-2:#17324a;
  --ap-blue:#2e67ae;
  --ap-orange:#FE9003;
  --ap-orange-2:#f5821f;
  --ap-green:#779b43;
  --ap-light:#EEF5FB;
  --ap-light-2:#f7fafc;
  --ap-white:#fff;
  --ap-text:#22333d;
  --ap-muted:#65737d;
  --ap-border:#d8e2e8;
  --ap-shadow:0 14px 36px rgba(2,56,102,.10);
}
html{scroll-behavior:smooth}
body{color:var(--ap-text);background:var(--ap-white)}
h1,h2,h3,h4,h5,h6{color:var(--ap-navy)}
a{transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}
a:focus-visible,button:focus-visible{outline:3px solid rgba(254,144,3,.42);outline-offset:3px}
.ap-global-header{background:#fff;border-bottom:1px solid var(--ap-border);position:sticky;top:0;z-index:30}
.ap-global-topbar{background:var(--ap-navy-2);color:#fff}
.ap-kicker{color:var(--ap-orange);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.ap-btn,.cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border-radius:9px;background:var(--ap-orange);color:#fff!important;font-weight:800;text-decoration:none;box-shadow:0 8px 20px rgba(254,144,3,.20)}
.ap-btn:hover,.cta:hover{background:#e87f00;transform:translateY(-1px)}
.ap-btn-secondary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border:2px solid var(--ap-navy);border-radius:9px;background:#fff;color:var(--ap-navy)!important;font-weight:800;text-decoration:none}
.ap-btn-secondary:hover,.secondary:hover{background:var(--ap-light)}
.ap-section{padding:72px 0}
.ap-section-alt{background:var(--ap-light)}
.ap-card{background:#fff;border:1px solid var(--ap-border);border-radius:16px;box-shadow:0 8px 24px rgba(2,56,102,.06)}
.ap-card-accent{border-top:5px solid var(--ap-orange)}
.ap-callout{background:linear-gradient(135deg,#fff7ee,#fff);border:2px solid rgba(254,144,3,.28);border-radius:18px;box-shadow:var(--ap-shadow)}
.ap-legal-note{padding:14px 16px;background:#fff8ed;border-left:5px solid var(--ap-orange);border-radius:10px;color:#5a4937}
.ap-global-footer,footer{background:var(--ap-navy-2);color:#fff;border-top:6px solid var(--ap-orange)}
.ap-global-footer h3,.ap-global-footer h4,footer h3,footer h4{color:var(--ap-orange)}
.ap-global-footer a,footer a{color:#dceaf2;text-decoration:none}
.ap-global-footer a:hover,footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
/* Artikelen en blogs */
.article-card,.topic-card,.content-card{border-top:4px solid var(--ap-blue)}
.article-card:nth-child(3n+2),.topic-card:nth-child(3n+2),.content-card:nth-child(3n+2){border-top-color:var(--ap-orange)}
.article-card:nth-child(3n+3),.topic-card:nth-child(3n+3),.content-card:nth-child(3n+3){border-top-color:var(--ap-green)}
.article-card:hover,.topic-card:hover,.content-card:hover{transform:translateY(-2px);box-shadow:var(--ap-shadow)}
/* Zoekpagina's */
.ap-finder-shell{max-width:1720px;margin:0 auto;padding:0 22px}
.ap-finder-hero{padding:66px 0;background:radial-gradient(circle at 87% 12%,rgba(254,144,3,.18),transparent 28%),linear-gradient(135deg,#f8fbfd 0%,var(--ap-light) 100%)}
.ap-finder-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}
.ap-finder-hero h1{font-size:clamp(38px,5vw,58px);line-height:1.05;margin:10px 0 20px;letter-spacing:-1.2px}
.ap-finder-hero p{font-size:19px;color:#4b5d68;max-width:760px}
.ap-finder-hero-card{padding:26px;background:var(--ap-navy);color:#fff;border-radius:18px;box-shadow:var(--ap-shadow);border-top:6px solid var(--ap-orange)}
.ap-finder-hero-card h2,.ap-finder-hero-card h3{color:#fff;margin-top:0}
.ap-finder-hero-card ul{margin:0;padding-left:21px;color:#e6f0f5}
.ap-finder-section{padding:68px 0}
.ap-finder-section.alt{background:var(--ap-light)}
.ap-finder-head{max-width:900px;margin-bottom:30px}
.ap-finder-head h2{font-size:clamp(30px,4vw,42px);margin:0 0 10px}
.ap-finder-head p{font-size:18px;color:var(--ap-muted);margin:0}
.ap-finder-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;align-items:start}
.ap-finder-map-panel{background:#fff;border:1px solid var(--ap-border);border-radius:18px;padding:18px;box-shadow:var(--ap-shadow);min-width:0}
.ap-finder-map-note{padding:11px 14px;margin-bottom:12px;border-radius:11px;background:var(--ap-light);color:var(--ap-navy);font-size:14px}
.ap-finder-map-scroll{overflow:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.ap-finder-map-canvas{position:relative;width:100%;aspect-ratio:1326/1187;min-width:0;overflow:hidden;border-radius:14px;background:#edf4f8}
.ap-finder-map-canvas img,.ap-finder-map-canvas svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.ap-finder-map-canvas .ap-province{fill:rgba(2,56,102,.18)!important;stroke:transparent!important;stroke-width:4!important;cursor:pointer;transition:stroke .16s ease,filter .16s ease,fill .16s ease}
.ap-finder-map-canvas .ap-province:hover,.ap-finder-map-canvas .ap-province:focus{fill:rgba(2,56,102,.23)!important;stroke:#fff!important;stroke-width:7!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.95))}
.ap-finder-map-canvas .ap-province.active{fill:rgba(254,144,3,.48)!important;stroke:#fff!important;stroke-width:7!important;filter:drop-shadow(0 0 8px rgba(254,144,3,.38))}
.ap-finder-map-canvas .ap-office-marker{display:none!important}
.ap-finder-result{position:sticky;top:118px;background:var(--ap-navy);color:#fff;border-radius:18px;padding:25px;box-shadow:var(--ap-shadow);border-top:6px solid var(--ap-orange)}
.ap-finder-result h2,.ap-finder-result h3,.ap-finder-result h4{color:#fff}
.ap-finder-result-title{margin:7px 0 18px;font-size:29px}
.ap-provider-list{display:grid;gap:13px}
.ap-provider-card{display:block;padding:16px;border-radius:13px;background:#fff;color:var(--ap-text);border-left:5px solid var(--ap-orange);text-decoration:none;box-shadow:0 7px 20px rgba(0,0,0,.12)}
.ap-provider-card:nth-child(2){border-left-color:var(--ap-blue)}
.ap-provider-card:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(0,0,0,.18)}
.ap-provider-card strong{display:block;color:var(--ap-navy);font-size:17px;line-height:1.25}
.ap-provider-card span{display:block;margin-top:5px;font-size:13px;line-height:1.45;color:#586b76}
.ap-provider-card .ap-provider-action{color:var(--ap-orange);font-weight:800;margin-top:9px}
.ap-province-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}
.ap-province-button{min-height:44px;padding:9px 10px;border:1px solid var(--ap-border);border-radius:10px;background:#fff;color:var(--ap-navy);font-weight:800;cursor:pointer}
.ap-province-button:hover,.ap-province-button.active{border-color:var(--ap-orange);background:#fff7ed;box-shadow:0 5px 13px rgba(2,56,102,.08)}
.ap-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ap-directory details{background:#fff;border:1px solid var(--ap-border);border-radius:14px;box-shadow:0 7px 20px rgba(2,56,102,.06);overflow:hidden}
.ap-directory summary{cursor:pointer;padding:17px 19px;color:var(--ap-navy);font-size:18px;font-weight:800;border-left:5px solid var(--ap-blue)}
.ap-directory details:nth-child(3n+2) summary{border-left-color:var(--ap-orange)}
.ap-directory details:nth-child(3n+3) summary{border-left-color:var(--ap-green)}
.ap-directory-inner{padding:0 17px 17px;display:grid;gap:10px}
.ap-directory .ap-provider-card{border:1px solid var(--ap-border);border-left:5px solid var(--ap-orange);box-shadow:none}
.ap-source-note{margin-top:20px;font-size:13px;color:var(--ap-muted)}
.ap-site-header{background:#fff;border-bottom:1px solid var(--ap-border);position:sticky;top:0;z-index:40}
.ap-site-nav{max-width:1300px;margin:0 auto;padding:11px 22px;display:flex;align-items:center;gap:18px;min-height:76px}
.ap-site-brand{margin-right:auto;text-decoration:none}
.ap-site-brand strong{display:block;color:var(--ap-navy);font-size:23px}
.ap-site-brand span{display:block;color:var(--ap-muted);font-size:12px}
.ap-site-links{display:flex;align-items:center;gap:17px;flex-wrap:wrap}
.ap-site-links a{color:var(--ap-navy);font-weight:800;text-decoration:none;font-size:14px}
.ap-site-links a:hover,.ap-site-links a[aria-current="page"]{color:var(--ap-orange)}
.ap-site-footer{padding:44px 0}
.ap-footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:30px}
.ap-footer-grid p,.ap-footer-grid li{color:#c8d7df}
.ap-footer-grid ul{padding-left:18px}
@media(max-width:1050px){
  .ap-finder-layout{grid-template-columns:1fr}
  .ap-finder-result{position:static}
  .ap-site-nav{flex-wrap:wrap}
  .ap-site-links{width:100%;gap:12px}
}
@media(max-width:800px){
  .ap-finder-hero-grid{grid-template-columns:1fr}
  .ap-province-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ap-directory{grid-template-columns:1fr}
  .ap-footer-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .ap-finder-shell{padding:0 16px}
  .ap-finder-section{padding:48px 0}
  .ap-finder-hero{padding:44px 0}
  .ap-finder-map-scroll{overflow-x:auto}
  .ap-finder-map-canvas{width:720px;min-width:720px}
  .ap-province-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ap-site-links{display:grid;grid-template-columns:1fr 1fr;width:100%}
}


*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ap-text);background:#fff;line-height:1.65}img{max-width:100%;height:auto}.container{max-width:1180px;margin:0 auto;padding:0 22px}.topbar{background:var(--ap-navy-2);color:#fff;font-size:14px}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding-top:8px;padding-bottom:8px}.site-header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--ap-border)}.nav{min-height:82px;display:flex;align-items:center;gap:22px}.brand{margin-right:auto;text-decoration:none}.brand strong{display:block;color:var(--ap-navy);font-size:24px;line-height:1.1}.brand span{display:block;color:var(--ap-muted);font-size:12px}.nav-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nav-links a{color:var(--ap-navy);font-weight:800;text-decoration:none;font-size:14px}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ap-orange)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border-radius:9px;background:var(--ap-orange);color:#fff!important;box-shadow:0 8px 20px rgba(254,144,3,.20)}.breadcrumb{padding:18px 0 0;font-size:14px;color:var(--ap-muted)}.breadcrumb ol{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.breadcrumb li+li:before{content:'›';margin-right:8px;color:#96a6af}.article-hero{padding:50px 0 44px;background:radial-gradient(circle at 88% 8%,rgba(254,144,3,.18),transparent 27%),linear-gradient(135deg,#f8fbfd 0%,var(--ap-light) 100%)}.kicker{color:var(--ap-orange);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.article-hero h1{max-width:980px;margin:10px 0 18px;color:var(--ap-navy);font-size:clamp(36px,5.2vw,58px);line-height:1.06;letter-spacing:-1.2px}.lead{max-width:820px;font-size:20px;color:#435965;margin:0}.article-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;color:var(--ap-muted);font-size:14px}.article-meta span{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid var(--ap-border);border-radius:999px;background:#fff}.article-shell{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:54px;align-items:start;padding-top:48px;padding-bottom:72px}.article-content{min-width:0}.article-content h2{margin:48px 0 14px;color:var(--ap-navy);font-size:clamp(27px,3.2vw,36px);line-height:1.2;scroll-margin-top:110px}.article-content h3{margin:30px 0 10px;color:var(--ap-navy-2);font-size:23px;line-height:1.3;scroll-margin-top:110px}.article-content p{margin:0 0 18px;font-size:17px}.article-content ul,.article-content ol{margin:0 0 22px;padding-left:25px}.article-content li{margin:7px 0}.article-content blockquote{margin:24px 0;padding:18px 22px;border-left:5px solid var(--ap-orange);background:#fff7ee;border-radius:0 12px 12px 0;font-size:19px;color:#4e3d2d}.article-image{margin:0 0 30px}.article-image img{display:block;width:100%;border-radius:18px;box-shadow:var(--ap-shadow)}.article-image figcaption{margin-top:8px;color:var(--ap-muted);font-size:13px}.toc{position:sticky;top:112px;padding:22px;border:1px solid var(--ap-border);border-top:5px solid var(--ap-orange);border-radius:16px;background:#fff;box-shadow:var(--ap-shadow)}.toc h2{margin:0 0 12px;color:var(--ap-navy);font-size:20px}.toc ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.toc a{display:block;color:var(--ap-navy);font-size:14px;font-weight:700;text-decoration:none;line-height:1.35}.toc a:hover{color:var(--ap-orange)}.legal-note{margin:30px 0;padding:15px 17px;border-left:5px solid var(--ap-orange);border-radius:10px;background:#fff8ed;color:#5a4937}.series-nav,.related{margin-top:48px;padding:25px;border:1px solid var(--ap-border);border-radius:18px;background:var(--ap-light-2)}.series-nav h2,.related h2{margin:0 0 15px;color:var(--ap-navy);font-size:26px}.series-grid,.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.series-link,.related-link{display:block;padding:15px;border:1px solid var(--ap-border);border-left:5px solid var(--ap-blue);border-radius:12px;background:#fff;color:var(--ap-navy);font-weight:800;text-decoration:none}.series-link:nth-child(even),.related-link:nth-child(even){border-left-color:var(--ap-orange)}.series-link:hover,.related-link:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(2,56,102,.08)}.article-cta{margin-top:44px;padding:28px;border:2px solid rgba(254,144,3,.32);border-radius:18px;background:linear-gradient(135deg,#fff7ee,#fff);box-shadow:var(--ap-shadow)}.article-cta h2{margin-top:0}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.site-footer{padding:44px 0;background:var(--ap-navy-2);color:#fff;border-top:6px solid var(--ap-orange)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.site-footer h3,.site-footer h4{color:var(--ap-orange);margin-top:0}.site-footer p,.site-footer li{color:#c8d7df}.site-footer a{color:#dceaf2;text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline}.site-footer ul{padding-left:18px}.skip-link{position:absolute;left:-9999px;top:8px}.skip-link:focus{left:8px;z-index:100;background:#fff;padding:10px;border:2px solid var(--ap-orange)}.index-hero{padding:60px 0;background:radial-gradient(circle at 85% 15%,rgba(254,144,3,.2),transparent 28%),linear-gradient(135deg,#f8fbfd,var(--ap-light))}.index-hero h1{font-size:clamp(38px,5vw,58px);line-height:1.05;color:var(--ap-navy);margin:10px 0 18px}.index-hero p{font-size:19px;color:#4b5d68;max-width:850px}.search-box{margin-top:25px;display:flex;gap:10px;max-width:760px}.search-box input{flex:1;min-width:0;padding:13px 15px;border:1px solid var(--ap-border);border-radius:10px;font:inherit;font-size:16px}.search-box button{border:0}.topics{padding:66px 0}.topic-section{margin-bottom:42px;scroll-margin-top:105px}.topic-section h2{font-size:31px;color:var(--ap-navy);margin:0 0 15px;padding-bottom:10px;border-bottom:3px solid var(--ap-orange)}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.article-card{display:flex;flex-direction:column;padding:20px;border:1px solid var(--ap-border);border-top:5px solid var(--ap-blue);border-radius:15px;background:#fff;text-decoration:none;box-shadow:0 8px 22px rgba(2,56,102,.06)}.article-card:nth-child(3n+2){border-top-color:var(--ap-orange)}.article-card:nth-child(3n+3){border-top-color:var(--ap-green)}.article-card:hover{transform:translateY(-2px);box-shadow:var(--ap-shadow)}.article-card small{color:var(--ap-orange);font-weight:900;text-transform:uppercase;letter-spacing:.06em}.article-card strong{display:block;margin:7px 0;color:var(--ap-navy);font-size:19px;line-height:1.3}.article-card span{color:var(--ap-muted);font-size:14px}.topic-nav{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.topic-nav a{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--ap-border);color:var(--ap-navy);font-weight:800;text-decoration:none;font-size:13px}.topic-nav a:hover{border-color:var(--ap-orange);background:#fff7ee}.no-results{display:none;padding:20px;border-left:5px solid var(--ap-orange);background:#fff7ee;border-radius:10px}
@media(max-width:1000px){.article-shell{grid-template-columns:1fr}.toc{position:static;order:-1}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{flex-wrap:wrap}.nav-links{width:100%;padding-bottom:10px}.footer-grid{grid-template-columns:1fr}}
@media(max-width:650px){.container{padding:0 16px}.topbar .container{justify-content:center;text-align:center}.topbar span:last-child{display:none}.nav-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.article-hero{padding:39px 0}.article-shell{gap:25px;padding-top:32px}.article-content p{font-size:16px}.series-grid,.related-grid,.article-grid{grid-template-columns:1fr}.search-box{flex-direction:column}.article-image img{border-radius:12px}}