/* ================= WW-ONTWERP-20261004 — basislaag wattenwater.nl (terrein water- en vochtschade) =================
   Bewust ALLEEN lettertype, logo, chatknop en het weghalen van decoratieve icoontjes: de site heeft 4 sjablonen met
   elk eigen kleurvariabelen (les hydrovolt: variabelen overschrijven gaf tekst donker-op-donker). */
@font-face{font-family:'Outfit';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/outfit-latin.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/inter-latin.woff2) format('woff2')}
h1,h2,h3{font-family:'Outfit','Inter',system-ui,sans-serif!important;letter-spacing:-.025em}
.ic,.sic,.il-lottie{display:none!important}
html,body{overflow-x:clip}
.brand{display:inline-flex!important;align-items:center;gap:10px!important;text-decoration:none}
.ww-mk{width:46px!important;height:46px!important;flex:0 0 auto;overflow:visible}
.ww-mk .ww-peil{animation:ww-peil 5s ease-in-out infinite}
@keyframes ww-peil{0%,12%{transform:translateY(0)}55%,70%{transform:translateY(17px)}100%{transform:translateY(0)}}
.ww-mk .ww-golf{animation:ww-golf 2.6s linear infinite}
@keyframes ww-golf{to{transform:translateX(-24px)}}
.ww-mk .ww-zon{transform-origin:49px 15px;animation:ww-zon 5s ease-in-out infinite}
@keyframes ww-zon{0%,15%{opacity:.25;transform:scale(.7)}55%,70%{opacity:1;transform:scale(1)}100%{opacity:.25;transform:scale(.7)}}
.ww-mk .ww-drup{transform-origin:28px 40px;animation:ww-in .8s cubic-bezier(.3,1.5,.5,1) both}
@keyframes ww-in{from{transform:translateY(-12px) scale(.8);opacity:0}to{transform:none;opacity:1}}
.brand:hover .ww-peil{animation-duration:2s}
.ww-wm{display:flex;flex-direction:column;line-height:1}
.ww-wm b{font-family:'Outfit',sans-serif;font-weight:800;font-size:22px;letter-spacing:-.03em;color:#0f2233;white-space:nowrap}
.ww-wm b i{font-style:normal;color:#1f6fa8}
.ww-wm small{font-family:'Inter',sans-serif;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#7a8794;margin-top:5px;white-space:nowrap}
footer .ww-wm b,.foot-brand .ww-wm b{color:#fff}footer .ww-wm b i,.foot-brand .ww-wm b i{color:#8ec9ef}footer .ww-wm small,.foot-brand .ww-wm small{color:#a9b6c3}
@media(max-width:560px){.ww-wm small{display:none}.ww-wm b{font-size:19px}.ww-mk{width:40px!important;height:40px!important}}
#sb-root #sb-fab{width:auto!important;height:56px!important;padding:0 20px 0 6px!important;border-radius:999px!important;border:0!important;background:#0f2233!important;color:#fff!important;gap:10px;box-shadow:0 18px 40px -14px rgba(15,34,51,.75)!important}
#sb-root #sb-fab img,#sb-root #sb-fab svg{width:44px!important;height:44px!important;border-radius:50%!important;background:#f2ece2!important;padding:3px;object-fit:contain!important}
#sb-root #sb-fab::after{content:"Vraag het ons";font-weight:700;font-size:15px;white-space:nowrap}
#sb-root #sb-hd{background:#0f2233!important;background-image:linear-gradient(90deg,rgba(31,111,168,.35),rgba(217,136,63,.22))!important}
#sb-root #sb-hd .sb-hd-logo{border-radius:50%!important;background:#f2ece2!important;padding:3px;object-fit:contain!important}
#sb-root #sb-send{background:#1f6fa8!important}
#sb-root #sb-chips *{color:#0f2233!important;background:#fff!important;border:1.5px solid #e6e1d8!important}
#sb-root .sb-u{background:#0f2233!important;color:#fff!important}
@media(max-width:760px){#sb-root #sb-fab{height:50px!important;padding:0 5px!important}#sb-root #sb-fab::after{content:none}}