/*
Theme Name: Zwembadadvies Studio
Description: Het eigen goedgekeurde ontwerp voor Zwembadadvies.nl.
Version: 1.0.0
Author: Zwembadadvies
Text Domain: zwembadadvies-studio
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e76c3c;outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}p{line-height:1.7}button{border:0}button:disabled{cursor:default}a{text-decoration:none}.wrap{width:min(1280px,90%);margin:auto}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand svg{width:42px;height:42px}.brand strong{font-size:25px;letter-spacing:-1.2px}.brand small{font-weight:400}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px}.navlinks{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:600}.menu{display:none;background:transparent;color:inherit;border:1px solid currentColor;border-radius:5px;padding:8px 12px}.kicker{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 23px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.arrow{font-size:20px;line-height:1}.section{padding:85px 0}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.sectionhead h2{margin:10px 0 0;font-size:42px;letter-spacing:-1.8px;line-height:1.1}.textlink{font-size:12px;font-weight:700;border-bottom:1px solid;padding:0 0 6px;background:transparent;color:inherit}.muted{opacity:.65}.bottom{display:flex;justify-content:space-between;gap:25px;padding:22px 0;border-top:1px solid #ffffff25;font-size:11px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding:52px 0}.footgrid h3{font-size:12px;margin-bottom:18px}.footgrid a:not(.brand),.footgrid button{display:block;margin:11px 0;background:transparent;color:inherit;padding:0;font-size:12px;text-align:left}.footgrid p{font-size:12px;max-width:320px;margin:16px 0}.filter{display:flex;gap:8px;flex-wrap:wrap}.filter button{padding:10px 16px;border:1px solid currentColor;background:transparent;color:inherit;font-size:11px;border-radius:30px}.filter button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.cards article[hidden]{display:none}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;font-weight:bold}select,input[type=number]{display:block;width:100%;padding:13px;margin-top:9px;border:1px solid #bbb9af;background:#fffdf7;border-radius:3px;color:#252724}.result{margin-top:22px;line-height:1.6;padding:18px;border-left:3px solid currentColor;background:#ffffff60;font-size:14px}.result:empty{display:none}dialog{padding:0;border:0;border-radius:12px;width:min(720px,90vw);max-height:85vh;color:#1c302d;background:#fffcf6;box-shadow:0 35px 130px #0005}dialog::backdrop{background:#142c2bcc;backdrop-filter:blur(5px)}.dialoghead{padding:22px 30px;border-bottom:1px solid #d8d4ca;display:flex;align-items:center;justify-content:space-between}.dialoghead span{font-size:10px;letter-spacing:1px}.close{background:none;padding:5px 10px;font-size:25px;color:inherit}.dialogbody{padding:35px}.dialogbody h2{font:36px/1.15 Georgia,serif}.dialogbody h3{font-size:18px;margin:28px 0 10px}.dialogbody p,.dialogbody li{font-size:15px;line-height:1.8}.dialogbody ul{padding-left:22px}.demo{font-size:11px;opacity:.65;margin-top:26px}.skip{position:fixed;left:15px;top:-100px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}@media(max-width:800px){.wrap{width:90%}.menu{display:block}.nav{position:relative}.navlinks{display:none;position:absolute;top:65px;right:0;padding:23px;background:var(--paper);color:var(--ink);box-shadow:0 10px 30px #0002;z-index:20;min-width:220px;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.section{padding:55px 0}.sectionhead{align-items:start;flex-direction:column;gap:20px}.sectionhead h2{font-size:35px}.footgrid{grid-template-columns:1fr 1fr;gap:25px}.footgrid>div:first-child{grid-column:1/-1}.bottom{flex-wrap:wrap;line-height:1.7}.formgrid{grid-template-columns:1fr}dialog .dialogbody{padding:25px}.brand strong{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
:root{--paper:#ffffff;--ink:#1d3c43;--blue:#174c56;--aqua:#dceee9;--sun:#dceee9;--logo-ink:white}body{background:var(--paper);color:var(--ink)}.zheader{background:white;padding:23px 0}.brand{color:var(--blue)}.brand strong{font-size:23px;letter-spacing:-1.2px}.navlinks{font-size:11px}.navcta{background:var(--blue);color:white;padding:13px 18px;border-radius:6px}.zhero{background:var(--blue);color:white;position:relative;overflow:hidden}.zherogrid{display:grid;grid-template-columns:46% 54%;min-height:610px}.zcopy{padding:68px 28px 55px 0;position:relative;z-index:2}.zcopy .kicker{color:#4f777c;font-size:9px;letter-spacing:1.7px}.zcopy h1{font-size:clamp(60px,6.2vw,94px);letter-spacing:-5px;line-height:.99;margin:28px 0}.zcopy h1 span{color:var(--sun)}.zcopy p{font-size:13px;max-width:330px;color:#526e73}.zcopy .btn{background:var(--sun);color:#112e49;border-radius:5px;margin-top:8px}.zchecks{font-size:10px;margin-top:25px;color:#526e73;display:flex;gap:22px}.zphoto{position:relative;margin:36px -5.6vw 38px 12px;border-radius:170px 0 0 8px;overflow:hidden}.zphoto img{object-position:58% center}.zbadge{position:absolute;bottom:24px;left:25px;background:white;color:var(--ink);border-radius:10px;padding:17px 22px;font-size:11px;display:flex;gap:15px;align-items:center;box-shadow:0 12px 30px #001c7325}.zbadge strong{font-size:14px;display:block}.zbadge .sun{font-size:33px;color:#d5a000}.zhero:after{content:'';position:absolute;width:100%;height:22px;bottom:-1px;background:var(--paper);clip-path:polygon(0 65%,10% 85%,25% 30%,40% 80%,55% 20%,70% 70%,85% 10%,100% 55%,100% 100%,0 100%)}.jumpbar{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid #1d3c4320;font-size:11px}.jumpbar strong{font-size:10px;letter-spacing:1px}.jumpbar a{display:flex;align-items:center;gap:12px}.jumpbar span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #174c5625;border-radius:50%;color:var(--blue);font-size:17px}.sectionhead h2{font-size:46px;letter-spacing:-2px}.zstorygrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.zstorygrid article{border:1px solid #d7e2ec;border-radius:10px;background:white;overflow:hidden}.zstorygrid article:first-child{background:#dceee9;border-color:#dceee9}.zstorygrid .pict{height:180px;background:#eef4f2;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.zstorygrid article:first-child .pict{background:#b8e8df}.zstorygrid .pict svg{width:150px;height:100px}.zstorygrid .body{padding:25px}.zstorygrid .kicker{font-size:8px;color:#3164a4;letter-spacing:1.2px}.zstorygrid h3{font-size:25px;letter-spacing:-1px;line-height:1.15;margin:13px 0}.zstorygrid p{font-size:12px}.zstorygrid .textlink{font-size:10px;color:var(--blue)}.choosepool{background:var(--aqua);border-radius:12px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.choosepool h2{font-size:50px;line-height:1.03;letter-spacing:-2px;margin:14px 0}.choosepool p{font-size:13px;max-width:320px}.choosepool .btn{background:var(--blue);color:white;margin-top:20px;border-radius:6px}.choosepool select{border-color:#80bcb8;border-radius:5px;background:#f9fffc}.watersection{background:#f2f6f5}.watergrid{display:grid;grid-template-columns:1fr 1.15fr;gap:75px;align-items:center}.watergrid h2{font-size:48px;line-height:1.08;letter-spacing:-2px;margin:18px 0}.watergrid p{font-size:13px;max-width:340px}.calc{background:white;border-radius:10px;padding:35px;border:1px solid #d2dbfb}.calc h3{font-size:23px;letter-spacing:-.7px}.calc input{border-color:#c6d2e8;border-radius:5px}.calc .formgrid{grid-template-columns:1fr 1fr 1fr;gap:12px}.calc .btn{background:var(--blue);color:white;border-radius:5px;margin-top:22px}.calc .result{color:#174c56;background:#f2f6f5;border:0;border-radius:7px}.calc .demo{font-size:10px;max-width:100%}.zfaq{display:grid;grid-template-columns:1fr 1fr;gap:70px}.zfaq h2{font-size:41px;letter-spacing:-1.8px}.zfaq details{border-bottom:1px solid #1d3c4330;padding:18px 0}.zfaq summary{font-size:16px;font-weight:bold;cursor:pointer;line-height:1.4}.zfaq p{font-size:12px;margin:16px 0 0}.zfaq .sunbox{margin-top:25px;background:var(--sun);padding:25px;border-radius:9px}.zfaq .sunbox p{margin:0;max-width:350px}.zfooter{background:#153b44;color:white}.zfooter .brand{color:white;--logo-ink:#153b44}.notice{font-size:10px;color:#587187;line-height:1.6;margin-top:18px}@media(max-width:1000px){.zcopy h1{font-size:73px}.zherogrid{min-height:560px}.zstorygrid{gap:15px}.zstorygrid .body{padding:20px}.watergrid{gap:35px}.choosepool{gap:35px;padding:35px}}@media(max-width:800px){.zherogrid{grid-template-columns:1fr}.zcopy{padding:45px 0 30px}.zcopy h1{font-size:54px;letter-spacing:-3px}.zphoto{height:360px;margin:0 -5.6vw 35px 0;border-radius:100px 0 0 8px}.zbadge{left:20px;bottom:20px}.zchecks{gap:17px}.jumpbar{gap:17px;flex-wrap:wrap;justify-content:start}.jumpbar strong{width:100%}.jumpbar a{font-size:10px}.zstorygrid,.choosepool,.watergrid,.zfaq{grid-template-columns:1fr}.zstorygrid .pict{height:150px}.zstorygrid .body{padding:25px}.choosepool{padding:28px;gap:20px}.choosepool h2,.watergrid h2{font-size:40px}.sectionhead h2{font-size:37px}.calc{padding:25px}.calc .formgrid{grid-template-columns:1fr}.zfaq{gap:15px}.zfaq h2{font-size:36px}}
 .zhero{background:#fff;color:#183e47;border-bottom:1px solid #dae5e4;overflow:hidden}.zherogrid{grid-template-columns:44% 56%;min-height:595px}.zcopy{padding-top:78px;padding-bottom:65px}.zcopy h1{font-size:clamp(55px,6vw,87px);line-height:1.03;letter-spacing:-4px}.zcopy h1 span{color:#267f82}.zcopy .kicker{color:#53797b}.zcopy p{color:#526e73}.zcopy .btn{background:#174c56;color:#fff;border-radius:4px}.zphoto{margin-top:32px;margin-bottom:35px;border-radius:12px 0 0 12px}.zphoto img{object-position:40% center}.zhero:after{display:none}.zbadge{background:#ffffffec;border-radius:5px;box-shadow:0 8px 25px #163f3612}.zbadge .sun{color:#b77b4b}.jumpbar{background:#fff}.zstorygrid article:first-child{background:#e4f0eb;border-color:#d1e2dc}.zstorygrid article:first-child .pict{background:#d8e9e1}.zstorygrid .pict{background:#edf3f2}.zstorygrid .kicker{color:#456d73}.choosepool{background:#e0efea}.choosepool .btn,.calc .btn{background:#174c56}.calc .result{color:#174c56;background:#edf5f2}.zfaq .sunbox{background:#e6eee7}.watersection{background:#f3f6f5}.zfooter{background:#153b44}.zfooter .brand{--logo-ink:#153b44}@media(max-width:800px){.zherogrid{grid-template-columns:1fr}.zcopy{padding:45px 0 30px}.zcopy h1{font-size:59px;letter-spacing:-3px}.zphoto{height:330px;margin:0 -5.6vw 30px 0;border-radius:8px 0 0 8px}}
body.admin-bar{padding-top:0}.entry-content{font-size:18px;line-height:1.85}.entry-content img{height:auto}.entry-content a{text-decoration:underline}