/* Alleen voor deze lokale kopie. Shahab, 10 september 2026: de hele pagina moet een geheel
   zijn qua breedte. De nieuwe blokken volgen daarom de maat van de bestaande secties
   (section-inner in een sectie met 1rem zijmarge): inhoud maximaal 1152 px, 40 px vanaf de
   rand, en tot 768 px breed 38 px vanaf de rand. Dit bestand laadt als laatste, zodat het de
   eigen breedtes van de blokken overschrijft zonder die bestanden aan te raken. */
.ezs .ezs-wrap,
.ezr .container,
.ezl .container,
.ezv .container,
.ezf .container{width:auto;max-width:1232px;margin-inline:auto;padding-inline:2.5rem}
.ezf-list,.ezf-cta{max-width:none}
/* Appknoppen groen. Shahab, 10 september 2026: alle appknoppen groen, in alle blokken hetzelfde groen:
   #188841 met witte tekst (contrast 4,53:1; wit op het felle #25D366 haalt maar 1,98:1), hover #147237.
   Hier en niet in de blokbestanden, zodat die van de andere sessies ongemoeid blijven. Tekstlinks in de
   FAQ en de footer zijn geen knoppen en blijven zoals ze zijn. De calculatorknop staat in blok-zo-geregeld.css. */
.header .header-btn--wa,
.sticky-cta .sc-wa,
a.wa-float,
.ezl a.button[href*="whatsapp"],
.ezs a.ezs-button[href*="whatsapp"],
.ezv a.ezv-knop[href*="whatsapp"],
.final-cta a.btn[href*="whatsapp"]{background:#188841;border-color:#188841;color:#fff;text-shadow:none}
.header .header-btn--wa:hover,
.sticky-cta .sc-wa:hover,
a.wa-float:hover,
.ezl a.button[href*="whatsapp"]:hover,
.ezs a.ezs-button[href*="whatsapp"]:hover,
.ezv a.ezv-knop[href*="whatsapp"]:hover,
.final-cta a.btn[href*="whatsapp"]:hover{background:#147237;border-color:#147237;color:#fff}
.ezs a.ezs-button[href*="whatsapp"],
.ezv a.ezv-knop[href*="whatsapp"]{box-shadow:0 5px 0 #0f5a2a}
.header .header-btn--wa,.sticky-cta .sc-wa,a.wa-float,.final-cta a.btn[href*="whatsapp"]{box-shadow:0 4px 14px rgba(20,114,55,.35)}
a.wa-float::after{box-shadow:0 0 0 4px rgba(20,114,55,.12),0 4px 24px rgba(20,114,55,.45)}
/* Regel onder elke appknop (Shahab, 10 september 2026): "Binnen 1 minuut reactie van onze digitale assistent".
   Een klasse voor alle blokken; op donkere of oranje vlakken licht. */
.wa-regel{display:block;margin-top:7px;font:500 12.5px/1.35 'Source Sans 3',system-ui,sans-serif;color:#58627b;text-align:center}
.ezc-uitkomst .wa-regel,.final-cta .wa-regel,.ezv-donker .wa-regel,.ezl .wa-regel,.ezh .wa-regel{color:rgba(255,255,255,.82)}
/* Appknop met de regel eronder als een kolom; in het voordelenblok naast de prijsknop. */
.wa-kolom{display:inline-flex;flex-direction:column;align-items:center;vertical-align:top}
.knoppen-rij{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:12px}
/* Een knop naast een appkolom rekt niet mee met de regel onder de appknop. */
.ezl .ezl-actions,.final-cta .final-cta-buttons{align-items:flex-start}
.benefits a.btn[href*="whatsapp"]{background:#188841;border-color:#188841;color:#fff;text-shadow:none;box-shadow:0 4px 14px rgba(20,114,55,.35)}
.benefits a.btn[href*="whatsapp"]:hover{background:#147237;border-color:#147237;color:#fff}
@media(max-width:800px){
  .ezl .wa-kolom,.ezl .wa-kolom>a{width:100%}
}
@media(max-width:768px){
  .knoppen-rij{flex-direction:column;align-items:stretch}
  .final-cta .wa-kolom,.benefits .wa-kolom,.wa-kolom>.btn{width:100%}
}
/* De pagina kleurt elke .btn groen bij hover; de oranje prijsknop houdt zijn eigen kleur. */
.btn.btn-prijs:hover{background:linear-gradient(135deg,#f4a630,#e08e17);border-color:#f4a630;color:#142459;box-shadow:0 6px 20px rgba(239,149,26,.45)}

@media(max-width:768px){
  .benefits,.final-cta,.liften{padding-inline:0}
}
@media(max-width:768px){
  .ezs .ezs-wrap,
  .ezr .container,
  .ezl .container,
  .ezv .container,
  .ezf .container{padding-inline:1.5rem}
}

/* Focusrand die op elke achtergrond zichtbaar blijft: witte binnenring met een navy buitenring.
   Op wit en oranje valt de navy ring op, op navy de witte. Bevinding toegankelijkheidscontrole 10-09-2026. */
html body :is(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid #142993;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #fff;
}