/* Appfront conversielaag (13-10-2026), zie conversie.js. Huisstijl: Geist, teal #06232a, groen #00d195, rechte hoeken, pilknoppen. */
.afc-blok,.afc-strook,.afc-contactkaart,.afc-balk,.afc-caserij,.afc-dienstenlijst,.afc-klap{font-family:Geist,system-ui,sans-serif;color:#06232a;box-sizing:border-box}
.afc-blok *,.afc-strook *,.afc-balk *,.afc-caserij *,.afc-dienstenlijst *{box-sizing:border-box}
.afc-blok{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;background:#06232a;color:#fff;padding:44px;margin:56px auto;max-width:1240px;width:calc(100% - 48px)}
.afc-blok h2{font-size:32px;line-height:1.2;font-weight:600;color:#fff;margin:0 0 12px}
.afc-blok p{font-size:17px;line-height:1.6;color:rgba(255,255,255,.82);margin:0 0 20px}
.afc-persoon{display:flex;gap:14px;align-items:center;margin:0 0 20px}
.afc-persoon img{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#c4f4e8}
.afc-persoon b{display:block;font-size:16px}.afc-persoon span{display:block;font-size:14px;opacity:.75}
.afc-persoon a{color:#00d195;font-weight:600;text-decoration:none;font-size:15px}
.afc-case{display:block;background:rgba(255,255,255,.07);border-left:4px solid #00d195;padding:16px 18px;color:#fff;text-decoration:none}
.afc-case span{display:block;font-size:13px;opacity:.7}.afc-case b{display:block;font-size:17px;margin:2px 0 4px}.afc-case em{font-style:normal;font-size:15px;opacity:.85;line-height:1.5}
.afc-case:hover{background:rgba(255,255,255,.12)}
.afc-form{background:#fff;color:#06232a;padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;align-content:start}
.afc-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.afc-form .afc-breed,.afc-form .afc-knop,.afc-form .afc-status{grid-column:1/-1}
.afc-form input{font:inherit;font-weight:400;font-size:16px;border:1.5px solid #c5cccd;padding:11px 12px;color:#06232a;background:#fff;border-radius:0}
.afc-form input:focus{outline:2px solid #00d195;border-color:#00d195}
.afc-hp{position:absolute!important;left:-9999px!important}
.afc-knop{display:inline-flex;justify-content:center;align-items:center;background:#00d195;color:#06232a!important;font-weight:600;font-size:16px;border:0;border-radius:92px;padding:14px 24px;text-decoration:none;cursor:pointer;font-family:inherit}
.afc-knop:hover{background:#00e5a5}
.afc-status{font-size:15px;margin:0;min-height:1px;color:#06232a}.afc-status a{color:#06232a}
.afc-strook{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e3faf3;border-left:5px solid #00d195;padding:20px 24px;margin:28px 0}
.afc-strook p{margin:0;font-size:17px;font-weight:500;line-height:1.5}
.afc-strook .afc-knop{flex:none}
.afc-verberg{display:none!important}
/* /contact: het formulierblok heeft een eigen kop; de hero met logo-illustratie duwde het formulier onder de vouw */
html.afc-contact .contact-hero-section{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
html.afc-contact .contact-form-section{padding-top:32px!important}
.afc-contactkaart{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:#e3faf3;padding:18px 24px;margin:0 auto 24px;max-width:1240px;width:calc(100% - 48px)}
.afc-contactkaart>p{margin:0;font-weight:600;font-size:17px}.afc-contactkaart .afc-persoon{margin:0}
.afc-contactkaart .afc-persoon a{color:#06232a;text-decoration:underline}.afc-mail{color:#06232a;font-size:15px}
/* v3 (13-10, tweede Hotjar-ronde) */
.afc-form small,.afc-opt{font-weight:400;opacity:.65}
.afc-logos{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:20px}
.afc-logos span{flex-basis:100%;font-size:13px;opacity:.7}
.afc-logos img{height:24px;width:auto;max-width:110px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}
.afc-strook .afc-link2{color:#06232a;font-weight:600;white-space:nowrap}
.afc-pakket-top{max-width:1240px;margin:24px auto;width:calc(100% - 48px)}
.afc-faqlink{display:inline-block;margin-top:10px;color:#06232a;font-weight:600;text-decoration:underline;text-decoration-color:#00d195;text-underline-offset:3px}
/* compacte hero op dienstpagina's: tags weg, intro max 2 regels */
html.afc-dienst .afc-hero .afc-weg{display:none!important}
html.afc-dienst .afc-hero .afc-lead{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
/* OneDayBuild-balk alleen waar hij mag */
html.afc-geen-odb #af-bar{display:none!important}
html.afc-geen-odb body.af-has-bar{padding-bottom:0}
/* cookiebanner: balk onderin in plaats van een kaart over de knoppen */
.af-cc{left:0!important;right:0!important;max-width:none!important;padding:0!important;bottom:0!important}
.af-cc__card{max-width:none;margin:0;border-radius:0!important;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 24px;padding:14px 24px!important;box-shadow:0 -8px 24px rgba(6,31,42,.14)}
.af-cc .af-cc__title{margin:0;font-size:15px}.af-cc .af-cc__text{margin:0;font-size:13px}
.af-cc .af-cc__prefs{grid-column:1/-1}.af-cc .af-cc__actions{flex-wrap:nowrap}
.af-cc:not([hidden])::before{content:"";position:absolute;inset:0;background:#fff;z-index:-1}
body.af-has-bar .af-cc{bottom:0!important}
/* vaste balk */
.afc-balk{position:fixed;left:0;right:0;bottom:0;z-index:9990;background:#fff;box-shadow:0 -6px 20px rgba(6,31,42,.12)}
.afc-balk-m{display:none}
.afc-balk-d{display:flex;align-items:center;gap:16px;max-width:1240px;margin:0 auto;padding:10px 24px}
.afc-balk-d img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.afc-balk-d p{margin:0;flex:1;font-size:15px;line-height:1.4}
.afc-balk-d .afc-bel{color:#06232a;font-weight:600;white-space:nowrap;text-decoration:none;border-bottom:2px solid #00d195}
.afc-balk-d .afc-knop{padding:10px 20px;font-size:15px}
@media(min-width:901px){
  .afc-balk{transform:translateY(110%);transition:transform .25s ease}
  .afc-balk.afc-zichtbaar{transform:none}
  .afc-balk.afc-alleen-mobiel{display:none}
  html.afc-heeft-balk.afc-geen-odb body{padding-bottom:64px}
}
.afc-heroknoppen{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0;position:relative;z-index:2}
.afc-knop.afc-ghost{background:transparent;border:2px solid currentColor;color:inherit!important}
.afc-caserij{max-width:1240px;margin:48px auto;width:calc(100% - 48px)}
.afc-caserij h2,.afc-dienstenlijst h2{font-size:32px;line-height:1.1;font-weight:600;margin:0 0 20px}
.afc-caserij>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.afc-caserij a{display:flex;flex-direction:column;gap:6px;background:#e3faf3;border-left:4px solid #00d195;padding:20px;color:#06232a;text-decoration:none}
.afc-caserij a b{font-size:18px}.afc-caserij a span{font-size:15px;line-height:1.5}.afc-caserij a em{font-style:normal;font-weight:600;margin-top:auto}
.afc-caserij a:hover{background:#d2f6eb}
.afc-dienstenlijst{max-width:1240px;margin:56px auto;width:calc(100% - 48px)}
.afc-dl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.afc-dl-hub{display:block;font-weight:600;font-size:18px;color:#06232a;text-decoration:none;border-bottom:2px solid #00d195;padding-bottom:8px;margin-bottom:10px}
.afc-dienstenlijst ul{list-style:none;margin:0;padding:0}.afc-dienstenlijst li{margin:0 0 8px}
.afc-dienstenlijst li a{color:#06232a;font-size:15px}
.afc-dl-cta{margin:24px 0 0;font-size:17px}.afc-dl-cta a{color:#06232a;font-weight:600}
.afc-popupknop{margin-top:20px}
/* inklappen op mobiel */
.afc-ingeklapt{max-height:900px;overflow:hidden;position:relative}
.afc-ingeklapt::after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
.afc-klap{display:block;width:calc(100% - 48px);margin:8px auto 32px;padding:14px 18px;border:2px solid #06232a;border-radius:92px;background:#fff;color:#06232a;font:600 15px/1.3 Geist,system-ui,sans-serif;cursor:pointer}
@media(max-width:900px){
  .afc-blok{grid-template-columns:1fr;padding:26px 20px;gap:24px;width:calc(100% - 24px);margin:40px auto}
  .afc-blok h2{font-size:25px}.afc-form{grid-template-columns:1fr;padding:20px}
  .afc-strook{flex-direction:column;align-items:flex-start}
}
@media(max-width:900px){
  .afc-balk-d{display:none}
  .afc-balk-m{display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom)) 70px}
  .afc-balk-m a{flex:1;text-align:center;padding:12px 8px;border-radius:92px;border:2px solid #06232a;color:#06232a;font-weight:600;text-decoration:none;font-size:15px}
  .afc-balk-m a.afc-hoofd{background:#00d195;border-color:#00d195}
  html.afc-heeft-balk body{padding-bottom:72px}
  html.afc-heeft-balk #af-bar{display:none!important}
  html.afc-heeft-balk body.af-has-bar{padding-bottom:72px}
  html.afc-heeft-balk .af-cc{bottom:0!important}
  .af-cc__card{grid-template-columns:1fr;padding:10px 14px!important;gap:6px}
  .af-cc .af-cc__title{display:none}
  .af-cc .af-cc__text{font-size:12px;line-height:1.4}
  .af-cc .af-cc__btn{padding:8px 10px;font-size:13px}
  .af-cc .af-cc__actions{flex-wrap:wrap}
  .afc-caserij>div,.afc-dl-grid{grid-template-columns:1fr}
  .afc-caserij h2,.afc-dienstenlijst h2{font-size:25px}
}
@media print{.afc-blok,.afc-strook,.afc-balk{display:none!important}}