:root{--wg-primary:#2f80c9;--wg-link:#1f6fb2;--wg-bg:#eef2f5;--wg-surface:#fff;--wg-sidebar:#e5e9ed;--wg-border:#d3d9df;--wg-text:#222;--wg-muted:#5b6470;--wg-radius:4px;--wg-shadow:0 1px 2px rgba(0,0,0,.04)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--wg-bg);color:var(--wg-text);font-size:15px;line-height:1.55}a{color:var(--wg-link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;background:#fff;padding:8px;z-index:9999}.wg-container{max-width:1200px;margin:0 auto;padding:0 18px}.site-header{background:var(--wg-surface);border-bottom:1px solid var(--wg-border)}.header-inner{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding-top:16px;padding-bottom:14px}.site-logo{display:flex;align-items:center;gap:9px;color:#111;font-weight:bold;font-size:27px;letter-spacing:-.8px}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--wg-primary);color:#fff;border-radius:3px;font-weight:bold;line-height:1}.site-logo:hover{text-decoration:none}.site-search{max-width:430px;width:100%;justify-self:center}.search-form{display:flex;gap:6px}.search-field{width:100%;border:1px solid var(--wg-border);border-radius:3px;padding:9px 10px;background:#fff}.search-submit,.button-link{border:1px solid var(--wg-primary);background:var(--wg-primary);color:#fff;border-radius:3px;padding:9px 12px;display:inline-block;font-weight:bold;cursor:pointer}.button-link:hover,.search-submit:hover{text-decoration:none;filter:brightness(.95)}.site-nav ul{display:flex;gap:14px;list-style:none;margin:0;padding:0}.site-nav a{color:#333;font-size:14px}.nav-toggle{display:none}.wg-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start;margin-top:20px;margin-bottom:30px}.wg-main{background:var(--wg-surface);border:1px solid var(--wg-border);padding:22px;min-width:0;box-shadow:var(--wg-shadow)}.wg-sidebar{background:var(--wg-sidebar);border:1px solid var(--wg-border);padding:16px;position:sticky;top:16px}.home-hero{border-bottom:1px solid var(--wg-border);padding-bottom:18px;margin-bottom:20px}.home-hero h1,.archive-header h1,.article-header h1,.business-header h1{font-size:32px;line-height:1.12;margin:0 0 10px}.home-hero p,.archive-header p{font-size:16px;color:var(--wg-muted);max-width:760px}.home-section{margin:24px 0}.home-section h2,.sidebar-block h2,.wg-content-block h2,.wg-direct-answer h2,.wg-glance h2,.wg-faq h2,.wg-businesses-block h2,.wg-related h2{font-size:20px;margin:0 0 12px}.quick-links{display:flex;flex-wrap:wrap;gap:8px}.quick-links a{border:1px solid var(--wg-border);background:#f8fafc;color:#222;padding:8px 10px;border-radius:3px}.quick-links a span,.text-link span{color:#111}.popular-websites-wide .sidebar-block{background:transparent;border:0;padding:0}.popular-sites{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.popular-sites a{display:flex;align-items:center;gap:8px;justify-content:space-between;background:#fff;border:1px solid var(--wg-border);padding:8px;border-radius:3px;color:#222}.popular-sites img{width:22px;height:22px;object-fit:contain}.popular-sites span{margin-right:auto}.category-list{display:grid;gap:10px}.category-row{border:1px solid var(--wg-border);background:#fbfcfd;padding:14px;border-radius:3px}.category-row h3,.wg-card h3{margin:0 0 6px;font-size:18px}.category-row p,.wg-card p{margin:0 0 10px;color:var(--wg-muted)}.wg-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.small-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wg-card{border:1px solid var(--wg-border);background:#fff;border-radius:3px;padding:14px;box-shadow:var(--wg-shadow)}.card-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--wg-muted);margin-bottom:5px}.text-link{font-weight:bold}.business-card-head{display:flex;gap:10px;align-items:center;margin-bottom:8px}.business-card-head img,.business-placeholder{width:42px;height:42px;border:1px solid var(--wg-border);border-radius:4px;object-fit:contain;background:#fff}.business-placeholder{display:flex;align-items:center;justify-content:center;font-weight:bold;color:#555}.card-actions{display:flex;gap:10px;align-items:center;justify-content:space-between}.sidebar-block{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:16px;margin-bottom:16px}.sidebar-block:last-child{border-bottom:0;margin-bottom:0}.wg-link-list,.wg-simple-list,.footer-links{list-style:none;margin:0;padding:0}.wg-link-list li,.wg-simple-list li,.footer-links li{margin:0 0 7px}.wg-link-list a{display:flex;justify-content:space-between;color:#222}.sidebar-ad{background:#fff;border:1px solid var(--wg-border);padding:14px}.wg-breadcrumbs{font-size:13px;color:var(--wg-muted);margin-bottom:14px;display:flex;gap:6px;flex-wrap:wrap}.article-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--wg-muted);font-size:13px;margin-bottom:18px}.article-meta span{background:#f1f4f7;border:1px solid var(--wg-border);padding:4px 7px;border-radius:3px}.wg-direct-answer{background:#f4f9ff;border:1px solid #cfe2f5;border-left:4px solid var(--wg-primary);padding:16px;margin:18px 0}.wg-summary{
    background:#f4f9ff;
    border:1px solid #cfe2f5;
    border-left:4px solid var(--wg-primary);
    padding:16px;
    margin:30px 0 0;
}

.wg-summary h2{
    margin-top:0;
    font-size:20px;
}.wg-glance{background:#fbfcfd;border:1px solid var(--wg-border);padding:16px;margin:18px 0}.wg-glance ul{margin:0;padding-left:20px}.wg-content-block,.wg-faq,.wg-businesses-block,.wg-related{margin:26px 0}.wg-richtext p:first-child{margin-top:0}.wg-richtext p:last-child{margin-bottom:0}.faq-item{border-top:1px solid var(--wg-border);padding:12px 0}.faq-item h3{font-size:16px;margin:0 0 6px}.business-header{display:flex;gap:18px;align-items:flex-start;border-bottom:1px solid var(--wg-border);padding-bottom:18px;margin-bottom:20px}.business-header img{width:92px;height:92px;object-fit:contain;border:1px solid var(--wg-border);background:#fff;border-radius:4px;padding:8px}.badge-row{display:flex;gap:8px;margin:10px 0}.badge-row span{background:#eef6ff;color:#174f80;border:1px solid #cfe2f5;padding:4px 8px;border-radius:3px;font-size:12px;font-weight:bold}.business-details dl{display:grid;grid-template-columns:140px 1fr;gap:8px 12px}.business-details dt{font-weight:bold}.business-details dd{margin:0}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-item{display:block;border:1px solid var(--wg-border);padding:12px;background:#fbfcfd;color:#222}.topic-item span{display:block;color:var(--wg-muted);font-size:13px;margin-top:4px}.archive-header{margin-bottom:18px;border-bottom:1px solid var(--wg-border);padding-bottom:14px}.search-results-list{display:grid;gap:12px}.empty-state{background:#fbfcfd;border:1px dashed var(--wg-border);padding:18px}.muted{color:var(--wg-muted)}.site-footer{background:#fff;border-top:1px solid var(--wg-border);margin-top:28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;padding-top:24px;padding-bottom:18px}.footer-grid h3{font-size:16px;margin:0 0 10px}.footer-brand{font-size:22px}.footer-bottom{border-top:1px solid var(--wg-border);padding-top:12px;padding-bottom:12px;color:var(--wg-muted);font-size:13px}.nav-links{margin-top:18px;display:flex;gap:10px}.nav-links a,.nav-links span{border:1px solid var(--wg-border);padding:7px 10px;background:#fff}.toc-block nav:empty:after{content:'Wordt automatisch gevuld.';color:var(--wg-muted);font-size:13px}@media (max-width:900px){.header-inner{grid-template-columns:1fr;gap:12px}.site-search{max-width:none;justify-self:stretch}.site-nav{display:none}.site-nav.is-open{display:block}.site-nav ul{display:block}.site-nav li{margin:8px 0}.nav-toggle{display:inline-block;justify-self:start;border:1px solid var(--wg-border);background:#fff;padding:8px 10px}.wg-layout{grid-template-columns:1fr}.wg-sidebar{position:static}.wg-card-grid,.small-grid,.topic-grid,.popular-sites,.footer-grid{grid-template-columns:1fr}.business-header{display:block}.business-header img{margin-bottom:12px}}@media (max-width:560px){.wg-container{padding:0 12px}.wg-main{padding:16px}.home-hero h1,.archive-header h1,.article-header h1,.business-header h1{font-size:27px}.search-form{display:block}.search-submit{margin-top:7px;width:100%}}

/* =======================================================
   WEBGIDS TOOLS
   ======================================================= */

.wg-tool-page {
    margin-top: 20px;
    margin-bottom: 30px;
}

.wg-tool-card {
    background: var(--wg-surface);
    border: 1px solid var(--wg-border);
    border-radius: var(--wg-radius);
    padding: 22px;
    margin-bottom: 20px;
    box-shadow: var(--wg-shadow);
}

.wg-tool-card h1 {
    font-size: 32px;
    line-height: 1.12;
    margin: 0 0 10px;
    color: var(--wg-text);
}

.wg-tool-card h2 {
    font-size: 20px;
    margin: 0 0 12px;
    color: var(--wg-text);
}

.wg-tool-description {
    margin: 0 0 18px;
    color: var(--wg-muted);
    max-width: 760px;
}

/* =======================================================
   FORMULIER
   ======================================================= */

.wg-tool-form {
    display: flex;
    gap: 6px;
    align-items: center;
}

.wg-tool-form input {
    flex: 1;
    border: 1px solid var(--wg-border);
    border-radius: 3px;
    padding: 9px 10px;
    background: #fff;
    font-size: 15px;
    color: var(--wg-text);
}

.wg-tool-form input:focus {
    outline: none;
    border-color: var(--wg-primary);
}

.wg-tool-form button,
.wg-tool-button-secondary {
    border: 1px solid var(--wg-primary);
    background: var(--wg-primary);
    color: #fff;
    border-radius: 3px;
    padding: 9px 12px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.wg-tool-form button:hover,
.wg-tool-button-secondary:hover {
    text-decoration: none;
    filter: brightness(.95);
}

/* =======================================================
   RESULTATEN
   ======================================================= */

.wg-result-card {
    background: var(--wg-surface);
    border: 1px solid var(--wg-border);
    border-radius: var(--wg-radius);
    padding: 22px;
    box-shadow: var(--wg-shadow);
}

.wg-result-header {
    margin-bottom: 16px;
}

.wg-result-header h2 {
    margin: 0;
}

.wg-result-grid {
    margin-bottom: 18px;
}

.wg-result-grid > div {
    margin-bottom: 14px;
}

.wg-result-grid > div:last-child {
    margin-bottom: 0;
}

.wg-result-label {
    display: block;
    margin-bottom: 3px;
    font-size: 13px;
    font-weight: bold;
    color: var(--wg-muted);
}

.wg-result-grid strong {
    color: var(--wg-text);
}

.wg-result-grid a {
    color: var(--wg-link);
    word-break: break-word;
}

/* =======================================================
   SITEMAP LIJST
   ======================================================= */

.wg-sitemap-list {
    border: 1px solid var(--wg-border);
    border-radius: var(--wg-radius);
    overflow: hidden;
}

.wg-sitemap-item {
    padding: 12px 14px;
    border-bottom: 1px solid var(--wg-border);
    background: #fff;
}

.wg-sitemap-item:last-child {
    border-bottom: 0;
}

.wg-sitemap-item a {
    display: block;
    color: var(--wg-link);
    font-weight: bold;
    word-break: break-word;
}

.wg-sitemap-item a:hover {
    text-decoration: underline;
}

.wg-sitemap-item span {
    display: block;
    margin-top: 3px;
    color: var(--wg-muted);
    font-size: 13px;
}

.wg-muted {
    margin-top: 12px;
    color: var(--wg-muted);
    font-size: 13px;
}

/* =======================================================
   STATUS
   ======================================================= */

.wg-result-success,
.wg-result-error {
    border-left: 4px solid var(--wg-primary);
}

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

@media (max-width: 560px) {

    .wg-tool-card,
    .wg-result-card {
        padding: 16px;
    }

    .wg-tool-card h1 {
        font-size: 27px;
    }

    .wg-tool-form {
        display: block;
    }

    .wg-tool-form button,
    .wg-tool-button-secondary {
        width: 100%;
        margin-top: 7px;
    }

}
/* =======================================================
   WEBGIDS TOPBANNER
   ======================================================= */

.wg-topbanner{

    margin:20px 0;

}

..wg-topbanner .wg-container{

    padding:0 18px;

}

.wg-topbanner-inner{

    background:var(--wg-primary);

    border:1px solid var(--wg-border);

    border-radius:4px;

    box-shadow:var(--wg-shadow);

    padding:26px 28px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

}

.wg-topbanner-content{

    flex:1;

}

.wg-topbanner-content h2{

    margin:0 0 8px;

    font-size:34px;

    line-height:1.15;

    font-weight:bold;

}

.wg-topbanner-content p{

    margin:0;

    font-size:16px;

    opacity:.95;

}

.wg-topbanner-button{

    flex-shrink:0;

}

.wg-topbanner-button a{

    display:inline-block;

    padding:13px 22px;

    border-radius:4px;

    font-weight:bold;

    text-decoration:none;

    transition:.2s;

}

.wg-topbanner-button a:hover{

    transform:translateY(-2px);

    text-decoration:none;

}

@media (max-width:900px){

    .wg-topbanner-inner{

        flex-direction:column;

        align-items:flex-start;

    }

}