/* AI Rechtshulp bronnenshowcase [air_bronnenshow] v1.1.0 */
.airbs{--airbs-navy:#172c46;--airbs-accent:#174e80;--airbs-muted:#42546b;--airbs-line:#cfdae5;--airbs-soft:#f2f6fa;color:var(--airbs-navy);font-family:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;padding:clamp(48px,7vw,88px) 0}
.airbs .airbs__w{max-width:1120px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}
.airbs .airbs__eye{margin:0 0 10px;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--airbs-accent);display:flex;align-items:center;gap:10px}
.airbs .airbs__eye::before{content:"";width:8px;height:8px;border-radius:50%;background:#1f8a5b;box-shadow:0 0 0 0 rgba(31,138,91,.45)}
.airbs--js .airbs__eye::before{animation:airbs-puls 2.4s ease-out infinite}
@keyframes airbs-puls{0%{box-shadow:0 0 0 0 rgba(31,138,91,.45)}70%{box-shadow:0 0 0 8px rgba(31,138,91,0)}100%{box-shadow:0 0 0 0 rgba(31,138,91,0)}}
.airbs.airbs h2{margin:0 0 14px;font:700 clamp(30px,4.2vw,48px)/1.08 "Source Sans 3",system-ui,sans-serif!important;letter-spacing:-.015em;color:var(--airbs-navy)!important}
.airbs .airbs__lead{margin:0 0 clamp(28px,4vw,44px);max-width:640px;font-size:clamp(17px,1.6vw,19px);line-height:1.55;color:var(--airbs-muted)}

.airbs .airbs__bronnen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--airbs-line)}
.airbs .airbs__bronnen li{position:relative;margin:0;padding:22px 22px 24px;border-bottom:1px solid var(--airbs-line);border-left:1px solid var(--airbs-line);display:flex;flex-direction:column;gap:4px;min-width:0}
.airbs .airbs__bronnen li::before{content:"";position:absolute;left:22px;right:22px;top:-1px;height:3px;background:var(--airbs-accent);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.airbs .airbs__bronnen li.is-geraakt::before{transform:scaleX(1)}
.airbs .airbs__bronnen li .airbs__getal{transition:color .35s ease}
.airbs .airbs__bronnen li.is-geraakt .airbs__getal{color:var(--airbs-accent)}
@media (min-width:861px){.airbs .airbs__bronnen li:nth-child(3n+1){padding-left:0;border-left:0}.airbs .airbs__bronnen li:nth-child(3n+1)::before{left:0}}
.airbs .airbs__getal{font:650 clamp(30px,3.4vw,44px)/1.05 "Source Sans 3",system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:#173b60}
.airbs .airbs__naam{font-size:17px;font-weight:650;color:var(--airbs-navy);margin-top:4px}
.airbs .airbs__waar{font-size:15px;line-height:1.45;color:var(--airbs-muted)}
.airbs .airbs__domein{font-size:13px;color:#526274;margin-top:auto;padding-top:8px}

.airbs .airbs__cases{margin-top:clamp(36px,5vw,56px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4vw,56px);align-items:start}
.airbs.airbs .airbs__cases h3{margin:0;font:650 clamp(22px,2.4vw,28px)/1.2 "Source Sans 3",system-ui,sans-serif!important;color:var(--airbs-navy)!important}
.airbs .airbs__lijst{list-style:none;margin:0;padding:0;grid-row:span 2}
.airbs .airbs__case{margin:0;padding:18px 0;border-top:1px solid var(--airbs-line)}
.airbs .airbs__case:last-child{border-bottom:1px solid var(--airbs-line)}
.airbs .airbs__vraag{margin:0 0 8px;font-size:18px;line-height:1.4;font-weight:600;color:var(--airbs-navy)}
.airbs .airbs__vraag::before{content:"Vraag";display:block;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#526274;margin-bottom:4px}
.airbs .airbs__bron{display:inline-flex;flex-direction:column;gap:2px;text-decoration:none!important;color:var(--airbs-accent)!important;padding-left:14px;border-left:3px solid var(--airbs-accent)}
.airbs .airbs__bron:hover .airbs__titel,.airbs .airbs__bron:focus-visible .airbs__titel{text-decoration-thickness:2px}
.airbs .airbs__bron:focus-visible{outline:2px solid var(--airbs-accent);outline-offset:3px}
.airbs .airbs__soort{font-size:13px;font-weight:600;color:var(--airbs-muted)}
.airbs .airbs__titel{font-size:16px;font-weight:600;line-height:1.4;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.airbs .airbs__uitleg{margin:12px 0 0;font-size:16px;line-height:1.5;color:var(--airbs-muted);max-width:380px}
.airbs .airbs__cta{display:inline-block;margin-top:18px;padding:11px 18px;border-radius:6px;background:var(--airbs-navy);color:#fff!important;font-weight:600;font-size:16px;text-decoration:none!important}
.airbs .airbs__cta:hover{background:var(--airbs-accent);color:#fff!important}
.airbs .airbs__cta:focus-visible{outline:2px solid var(--airbs-accent);outline-offset:3px}
.airbs .airbs__noot{margin:0;font-size:14px;line-height:1.5;color:#526274;align-self:end}

/* Met JavaScript: één case tegelijk, met voortgangslijn en bediening */
.airbs--js .airbs__lijst{position:relative;display:grid;background:var(--airbs-soft);border-radius:6px;padding:clamp(22px,3vw,32px);min-height:0}
.airbs--js .airbs__case{grid-area:1/1;border:0;padding:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .28s ease,transform .28s cubic-bezier(.2,.7,.2,1),visibility 0s linear .28s}
.airbs--js .airbs__case.is-actief{opacity:1;visibility:visible;transform:none;transition:opacity .28s ease .06s,transform .28s cubic-bezier(.2,.7,.2,1) .06s,visibility 0s}
.airbs--js .airbs__vraag{font-size:clamp(20px,2.2vw,26px);line-height:1.3;margin-bottom:18px}
.airbs--js .airbs__bron{padding:4px 0 4px 16px}
.airbs--js .airbs__titel{font-size:17px}
/* Op een gekleurde ondergrond (homepage-hero) een wit vak */
.airs__hero .airbs--js .airbs__lijst,.airs__band .airbs--js .airbs__lijst{background:#fff;box-shadow:0 1px 2px rgba(23,44,70,.06)}
.airbs .airbs__bediening{display:flex;align-items:center;gap:12px;margin-top:22px}
.airbs .airbs__knop{appearance:none;border:1px solid var(--airbs-line);background:#fff;color:var(--airbs-navy);width:40px;height:40px;border-radius:50%;cursor:pointer;display:grid;place-items:center;font-size:18px;line-height:1}
.airbs .airbs__knop:hover{border-color:var(--airbs-accent);color:var(--airbs-accent)}
.airbs .airbs__knop:focus-visible{outline:2px solid var(--airbs-accent);outline-offset:2px}
.airbs .airbs__teller{font-size:14px;color:var(--airbs-muted);font-variant-numeric:tabular-nums;min-width:44px}
.airbs .airbs__voortgang{flex:1;height:2px;background:var(--airbs-line);overflow:hidden;border-radius:2px}
.airbs .airbs__voortgang span{display:block;height:100%;background:var(--airbs-accent);transform:scaleX(0);transform-origin:left}
.airbs .airbs__voortgang span.is-loopt{transition:transform var(--airbs-duur,4.2s) linear;transform:scaleX(1)}
.airbs.is-pauze .airbs__voortgang span{transition:none}

@media (max-width:860px){
  .airbs .airbs__bronnen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .airbs .airbs__bronnen li{padding:18px 14px 20px}
  .airbs .airbs__bronnen li:nth-child(odd){padding-left:0;border-left:0}
  .airbs .airbs__bronnen li::before{left:14px;right:14px}
  .airbs .airbs__bronnen li:nth-child(odd)::before{left:0}
  .airbs .airbs__cases{grid-template-columns:1fr}
  .airbs .airbs__lijst{grid-row:auto}
}
@media (max-width:420px){
  .airbs .airbs__getal{font-size:28px}
  .airbs .airbs__naam{font-size:16px}
  .airbs .airbs__waar{font-size:14px}
  .airbs .airbs__domein{font-size:12px;overflow-wrap:anywhere}
}
@media (prefers-reduced-motion:reduce){
  .airbs *,.airbs *::before{transition:none!important;animation:none!important}
}