#klikclick-site{--ink:#262B30;--gold:#D1CE95;--cyan:#0090B6;background:#fff;color:var(--ink);font:400 16px/1.7 Arial,Helvetica,sans-serif;text-align:left}#klikclick-site *{box-sizing:border-box}#klikclick-site a{color:inherit;text-decoration:none}#klikclick-site .wrap{max-width:1140px;margin:auto;padding:0 26px}#klikclick-site header{padding-top:20px}#klikclick-site .brand{display:block;width:min(100%,440px);height:auto}#klikclick-site .nav{display:flex;flex-wrap:wrap;gap:6px 24px;padding:22px 0;border-bottom:1px solid #e9ebec}#klikclick-site .nav a{font-size:14px;padding:8px 0}#klikclick-site .nav a:hover{color:var(--cyan)}#klikclick-site section{padding:68px 0;scroll-margin-top:20px}#klikclick-site h1,#klikclick-site h2,#klikclick-site h3{color:var(--ink);font-weight:500;line-height:1.15;letter-spacing:-.035em;margin:0 0 24px}#klikclick-site h1{font-size:clamp(34px,5.1vw,62px);max-width:800px}#klikclick-site h2{font-size:clamp(28px,3.7vw,44px)}#klikclick-site h3{font-size:23px;line-height:1.3}#klikclick-site p{margin:0 0 20px;max-width:680px}#klikclick-site .eyebrow{font-size:14px;letter-spacing:.1em;color:#586169;margin-bottom:22px}#klikclick-site .hero{padding:74px 0 78px}#klikclick-site .lead{font-size:21px;line-height:1.5;max-width:650px}#klikclick-site .muted{color:#586169}#klikclick-site .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}#klikclick-site .button{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;min-height:48px;border:1px solid #262B30;border-radius:3px;font-size:15px;background:var(--ink);color:white}#klikclick-site .button.secondary{background:transparent;color:var(--ink);border-color:#cdd2d5}#klikclick-site .button:hover{background:#3b444c;color:white}#klikclick-site .soft{background:#f5f6f6}#klikclick-site .split{display:grid;gap:30px}#klikclick-site .label{font-size:14px;letter-spacing:.06em;margin-bottom:22px;color:#007c9d}#klikclick-site .statement{font-size:22px;line-height:1.5;padding-top:12px}#klikclick-site .goldline{width:48px;height:3px;background:var(--gold);margin-bottom:28px}#klikclick-site .flyer{border-top:1px solid #e7eaec;border-bottom:1px solid #e7eaec}#klikclick-site .steps{display:flex;align-items:center;flex-wrap:wrap;gap:14px;color:var(--cyan);font-size:20px;margin:32px 0 24px}#klikclick-site .steps span:nth-child(even){color:#869298;font-size:16px}#klikclick-site .categories{display:flex;flex-wrap:wrap;gap:8px 24px;margin:30px 0;color:#586169}#klikclick-site ul{margin:28px 0;padding:0;list-style:none}#klikclick-site li{padding:10px 0;border-bottom:1px solid #e5e8e9}#klikclick-site li:before{content:'·';color:var(--cyan);margin-right:12px;font-weight:bold}#klikclick-site .gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}#klikclick-site .gallery figure{margin:0;min-width:0}#klikclick-site .gallery img{width:100%;height:190px;object-fit:cover;display:block;border-radius:2px}#klikclick-site .gallery figure:first-child{grid-column:1/-1}#klikclick-site .gallery figure:first-child img{height:300px}#klikclick-site .portrait{width:100%;max-width:270px;aspect-ratio:3/4;object-fit:cover;object-position:50% 35%;border-radius:2px}#klikclick-site .contact{border-top:1px solid #e5e8e9}#klikclick-site .contact-links{display:flex;flex-direction:column;gap:6px;margin:30px 0;font-size:22px}#klikclick-site .contact-links a{width:fit-content;border-bottom:1px solid var(--gold)}#klikclick-site footer{padding:12px 0 32px}#klikclick-site a:focus-visible{outline:3px solid #56C4E8;outline-offset:4px}#klikclick-site .sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(min-width:760px){#klikclick-site .wrap{padding:0 50px}#klikclick-site section{padding:92px 0}#klikclick-site .split{grid-template-columns:1fr 1.4fr;gap:70px}#klikclick-site .hero{padding:96px 0 110px}#klikclick-site .gallery{grid-template-columns:1.6fr 1fr 1fr;gap:20px}#klikclick-site .gallery figure:first-child{grid-column:auto;grid-row:span 2}#klikclick-site .gallery figure:first-child img{height:420px}#klikclick-site .gallery img{height:200px}#klikclick-site .about{grid-template-columns:270px 1fr}#klikclick-site .nav{gap:34px}}@media(max-width:380px){#klikclick-site .wrap{padding:0 20px}#klikclick-site .button{width:100%}#klikclick-site .nav{gap:4px 16px}#klikclick-site .gallery img{height:150px}}
#klikclick-site{font-family:"Helvetica Neue",Avenir,"Segoe UI",Arial,sans-serif}
#klikclick-site h1,#klikclick-site h2,#klikclick-site h3{font-weight:500;letter-spacing:.005em;line-height:1.3}
#klikclick-site h1{font-size:clamp(1.8rem,3.6vw,2.75rem);max-width:780px}
#klikclick-site h2{font-size:clamp(1.6rem,2.8vw,2.15rem)}
#klikclick-site h3{font-size:1.25rem;line-height:1.4}
#klikclick-site .portrait{display:block;width:220px;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;margin:12px 0}
#klikclick-site .about{align-items:start;gap:38px}
#klikclick-site header{padding-top:20px}
#klikclick-site .brandstrip{width:100%;background:linear-gradient(to bottom,#fff 0,#fff 7.933px,#262B30 7.933px,#262B30 100%)}
#klikclick-site .brandstrip .brand{width:280px;max-width:100%;height:auto}
#klikclick-site .brandstrip a{display:block;width:fit-content}
@media(min-width:760px){
#klikclick-site .brandstrip{background:linear-gradient(to bottom,#fff 0,#fff 12.467px,#262B30 12.467px,#262B30 100%)}
#klikclick-site .brandstrip .brand{width:440px}
#klikclick-site .about{grid-template-columns:240px 1fr;gap:60px}
}
#klikclick-site{--paper:#f7f7f2;--concrete:#e9eae7;background:var(--paper);color:#262B30;font-family:"Helvetica Neue",Avenir,"Segoe UI",Arial,sans-serif;line-height:1.75}
#klikclick-site .wrap{max-width:1240px;padding-left:26px;padding-right:26px}
#klikclick-site .soft{background:transparent}
#klikclick-site section{padding:78px 0}
#klikclick-site h1,#klikclick-site h2,#klikclick-site h3{font-weight:500;letter-spacing:.01em;line-height:1.35}
#klikclick-site h1{font-size:clamp(1.85rem,3.5vw,2.75rem);max-width:710px}
#klikclick-site h2{font-size:clamp(1.65rem,2.6vw,2.1rem)}
#klikclick-site h3{font-size:1.2rem}
#klikclick-site .label,#klikclick-site .eyebrow{font-size:.8rem;letter-spacing:.11em;color:#53636b}
#klikclick-site .brandstrip{background:linear-gradient(to bottom,var(--paper) 0,var(--paper) 7.933px,#262B30 7.933px,#262B30 100%)}
#klikclick-site .nav{border-bottom:1px solid #c8cecd;gap:8px 26px;padding:24px 0}
#klikclick-site .nav a{font-size:.82rem}
#klikclick-site .hero{padding:68px 0 94px}
#klikclick-site .hero .wrap{position:relative}
#klikclick-site .hero h1{border-left:2px solid #D1CE95;padding-left:22px;margin-left:-24px}
#klikclick-site .hero .lead{font-size:1.15rem;max-width:480px}
#klikclick-site .hero .muted{max-width:490px;font-size:.95rem}
#klikclick-site .button{border-radius:0;background:transparent;color:#262B30;border-color:#929b9e;padding:12px 20px;box-shadow:none}
#klikclick-site .button.secondary{border-color:transparent;border-bottom:1px solid #c1c6c5;padding-left:0;padding-right:0;margin-left:8px}
#klikclick-site .button:hover{background:#262B30;color:#f7f7f2}
#klikclick-site .split{gap:40px}
#klikclick-site #klikclick .wrap{padding-top:35px;border-top:1px solid #c8cecd}
#klikclick-site #klikclick .statement{color:#007e9f}
#klikclick-site .flyer{border:0;padding-top:46px;padding-bottom:46px}
#klikclick-site .flyer .wrap{background:#262B30;color:#e8eae7;padding-top:58px;padding-bottom:58px}
#klikclick-site .flyer h2,#klikclick-site .flyer h3{color:#f7f7f2}
#klikclick-site .flyer .muted{color:#bbc5c9}
#klikclick-site .flyer .statement{color:#56C4E8!important;font-size:1.75rem;line-height:1.5;letter-spacing:.025em;border-top:1px solid #576166;padding-top:26px;margin-top:32px}
#klikclick-site .goldline{height:1px;width:72px}
#klikclick-site .steps{border-top:1px solid #c8cecd;padding-top:24px;font-size:1.2rem;letter-spacing:.04em}
#klikclick-site #netwerk .wrap{background:var(--concrete);padding-top:46px;padding-bottom:46px}
#klikclick-site #netwerk h2{max-width:580px}
#klikclick-site #netwerk p{max-width:570px}
#klikclick-site .categories{font-size:.9rem;gap:8px 28px}
#klikclick-site #adverteren .wrap,#klikclick-site #locaties .wrap{border-top:1px solid #c8cecd;padding-top:40px}
#klikclick-site li{border-color:#d6dad8}
#klikclick-site #praktijk{padding-top:80px}
#klikclick-site .gallery{gap:18px;margin-top:48px;align-items:start}
#klikclick-site .gallery img{border-radius:0;object-fit:cover;height:230px}
#klikclick-site .gallery figure:first-child img{height:370px}
#klikclick-site .gallery figure:nth-child(3){padding-top:35px}
#klikclick-site .gallery figure:nth-child(5){padding-top:35px}
#klikclick-site .about{align-items:start}
#klikclick-site .portrait{width:220px;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;margin:24px 0}
#klikclick-site #chantalle .wrap{padding-top:36px;border-top:1px solid #c8cecd}
#klikclick-site .contact{border:0}
#klikclick-site .contact .wrap{border-top:1px solid #c8cecd;padding-top:44px}
#klikclick-site footer{padding-bottom:38px}
@media(min-width:760px){
#klikclick-site .wrap{padding-left:56px;padding-right:56px}
#klikclick-site section{padding:106px 0}
#klikclick-site .brandstrip{background:linear-gradient(to bottom,var(--paper) 0,var(--paper) 12.467px,#262B30 12.467px,#262B30 100%)}
#klikclick-site .hero{padding:86px 0 120px}
#klikclick-site .hero .wrap{padding-left:clamp(90px,14vw,190px)}
#klikclick-site .hero .eyebrow{margin-left:-100px}
#klikclick-site .split{grid-template-columns:.82fr 1.18fr;gap:100px}
#klikclick-site #klikclick .split{grid-template-columns:1.18fr 1fr;gap:100px}
#klikclick-site .flyer .wrap{margin-right:0;max-width:calc(50% + 500px);padding-top:76px;padding-bottom:76px}
#klikclick-site .flyer .split{grid-template-columns:.8fr 1.2fr;gap:100px}
#klikclick-site #werking .split{grid-template-columns:1fr 1fr;gap:130px}
#klikclick-site #netwerk .wrap{max-width:900px;margin-left:max(0px,calc((100% - 1240px)/2));padding:62px 56px}
#klikclick-site #locaties .split{grid-template-columns:1.18fr 1fr;gap:100px}
#klikclick-site #praktijk h2,#klikclick-site #praktijk>.wrap>.label,#klikclick-site #praktijk>.wrap>p{margin-left:12%}
#klikclick-site .gallery{grid-template-columns:1.55fr 1fr 1fr;gap:30px;grid-template-rows:auto auto}
#klikclick-site .gallery figure:first-child{grid-row:span 2}
#klikclick-site .gallery figure:first-child img{height:610px}
#klikclick-site .gallery img{height:270px}
#klikclick-site .gallery figure:nth-child(2){padding-top:60px}
#klikclick-site .gallery figure:nth-child(3){padding-top:115px}
#klikclick-site .gallery figure:nth-child(4){padding-top:0}
#klikclick-site .gallery figure:nth-child(5){padding-top:30px}
#klikclick-site .about{grid-template-columns:240px 1fr;gap:100px}
#klikclick-site .contact .wrap{padding-left:clamp(90px,14vw,190px)}
}
@media(max-width:380px){#klikclick-site .wrap{padding-left:22px;padding-right:22px}#klikclick-site .hero h1{margin-left:0;padding-left:15px}#klikclick-site .gallery img{height:180px}#klikclick-site .gallery figure:first-child img{height:320px}}
#klikclick-site{--paper:#f4f3ee;--concrete:#e5e5e1;--ink:#262B30;--gold:#b8b38d;--cyan:#08788c;background:var(--paper);color:#292d30;font-family:"Helvetica Neue",Avenir,"Segoe UI",Arial,sans-serif;font-weight:400;line-height:1.8}
#klikclick-site h1,#klikclick-site h2,#klikclick-site h3{font-family:Avenir,"Helvetica Neue","Segoe UI",Arial,sans-serif;font-weight:400;letter-spacing:.018em;line-height:1.4}
#klikclick-site h1{font-size:clamp(1.8rem,3.3vw,2.65rem)}
#klikclick-site h2{font-size:clamp(1.55rem,2.5vw,2.05rem)}
#klikclick-site h3{font-size:1.18rem}
#klikclick-site .label,#klikclick-site .eyebrow{color:#686d6c;font-size:.78rem;letter-spacing:.15em}
#klikclick-site .nav{border-bottom-color:#a9afac;padding-top:28px;padding-bottom:22px}
#klikclick-site .nav a{letter-spacing:.035em;color:#535b5c}
#klikclick-site .hero{padding-top:88px;padding-bottom:112px}
#klikclick-site .hero h1{border-left-color:#b8b38d;border-left-width:1px;padding-left:28px;margin-left:-29px}
#klikclick-site .hero .lead{font-weight:400;letter-spacing:.01em}
#klikclick-site .actions{gap:20px}
#klikclick-site .button{background:transparent;border-color:#676e6d;border-width:1px;border-radius:0;font-size:.875rem;letter-spacing:.025em;padding:13px 21px;transition:background .18s,color .18s}
#klikclick-site .button.secondary{border-bottom-color:#b8b38d}
#klikclick-site .button:hover{background:#202426;color:#f4f3ee}
#klikclick-site #klikclick .wrap{border-top-color:#929b98;padding-top:44px}
#klikclick-site #klikclick .statement{color:#292d30;letter-spacing:.06em}
#klikclick-site .flyer .wrap{background:#202426;color:#d5d7d4;padding-top:68px;padding-bottom:68px;border-left:1px solid #b8b38d}
#klikclick-site .flyer h2,#klikclick-site .flyer h3{color:#eeeee8}
#klikclick-site .flyer .goldline{background:#b8b38d;width:90px}
#klikclick-site .flyer .statement{color:#8bb2b9!important;font-size:1.55rem;border-color:#515a59;letter-spacing:.05em;font-weight:400}
#klikclick-site .flyer .muted{color:#adb5b4}
#klikclick-site .steps{color:#477780;border-top-color:#a5aeaa;font-size:1.1rem;letter-spacing:.045em}
#klikclick-site #netwerk .wrap{background:linear-gradient(110deg,#e5e5e1,#ecece7);border-left:1px solid #989f9c}
#klikclick-site #adverteren .wrap,#klikclick-site #locaties .wrap{border-top-color:#929b98;padding-top:48px}
#klikclick-site li{border-bottom-color:#ced2cd;padding-top:12px;padding-bottom:12px}
#klikclick-site li:before{color:#898465;font-weight:400}
#klikclick-site #chantalle .wrap{border-top-color:#a5aeaa;padding-top:44px}
#klikclick-site .contact .wrap{border-top-color:#929b98;padding-top:56px}
#klikclick-site .contact-links a{border-bottom-color:#b8b38d}
#klikclick-site .muted{color:#626b6b}
#klikclick-site .brandstrip{background:linear-gradient(to bottom,var(--paper) 0,var(--paper) 7.933px,#262B30 7.933px,#262B30 100%)}
@media(min-width:760px){
#klikclick-site section{padding-top:122px;padding-bottom:122px}
#klikclick-site .hero{padding-top:102px;padding-bottom:142px}
#klikclick-site .hero .wrap{padding-left:clamp(110px,16vw,210px)}
#klikclick-site .hero .eyebrow{margin-left:-116px}
#klikclick-site .flyer .wrap{padding-top:86px;padding-bottom:86px}
#klikclick-site #netwerk .wrap{padding-top:70px;padding-bottom:70px}
#klikclick-site .brandstrip{background:linear-gradient(to bottom,var(--paper) 0,var(--paper) 12.467px,#262B30 12.467px,#262B30 100%)}
}
@media(max-width:380px){#klikclick-site .hero h1{margin-left:0;padding-left:15px}#klikclick-site .hero{padding-top:66px;padding-bottom:92px}}
@media(prefers-reduced-motion:reduce){#klikclick-site .button{transition:none}}

/* KlikClick: helder turquoise accent */
#klikclick-site{--cyan:#0090B6}
#klikclick-site .flyer .statement{color:#56C4E8!important}
#klikclick-site .steps{color:#0090B6}

#klikclick-site #klikclick .statement{color:#0090B6}
#klikclick-site .gallery{grid-template-columns:1fr 1fr;gap:30px 20px;align-items:start;margin-top:48px}
#klikclick-site .gallery figure{grid-column:auto;grid-row:auto;padding:0;margin:0;min-width:0}
#klikclick-site .gallery figure img,#klikclick-site .gallery figure:first-child img{width:100%;height:auto;object-fit:contain;border-radius:0;display:block}
#klikclick-site .gallery figure:nth-child(even){margin-top:54px}
@media(min-width:760px){
#klikclick-site .gallery{grid-template-columns:repeat(12,minmax(0,1fr));gap:54px 24px}
#klikclick-site .gallery figure:nth-child(1){grid-column:1/5;grid-row:1;margin-top:0}
#klikclick-site .gallery figure:nth-child(2){grid-column:7/10;grid-row:1;margin-top:100px}
#klikclick-site .gallery figure:nth-child(3){grid-column:10/13;grid-row:1;margin-top:220px}
#klikclick-site .gallery figure:nth-child(4){grid-column:2/6;grid-row:2;margin-top:0}
#klikclick-site .gallery figure:nth-child(5){grid-column:8/12;grid-row:2;margin-top:110px}
#klikclick-site .gallery figure:nth-child(6){grid-column:4/8;grid-row:3;margin-top:0}
}
#klikclick-site .gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(16,clamp(22px,3.5vw,48px));gap:0;margin-top:56px;margin-bottom:32px;isolation:isolate;align-items:start}
#klikclick-site .gallery figure{position:relative;grid-row:auto;grid-column:auto;margin:0!important;padding:0!important;width:100%;box-shadow:0 12px 28px #10171924;background:#262b30}
#klikclick-site .gallery figure img,#klikclick-site .gallery figure:first-child img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0}
#klikclick-site .gallery figure:nth-child(1){grid-column:1/5;grid-row:1;z-index:2;transform:rotate(-3deg)}
#klikclick-site .gallery figure:nth-child(2){grid-column:5/9;grid-row:2;z-index:1;transform:rotate(2deg)}
#klikclick-site .gallery figure:nth-child(3){grid-column:8/12;grid-row:4;z-index:3;transform:rotate(4deg)}
#klikclick-site .gallery figure:nth-child(4){grid-column:2/6;grid-row:7;z-index:4;transform:rotate(2deg)}
#klikclick-site .gallery figure:nth-child(5){grid-column:6/10;grid-row:9;z-index:5;transform:rotate(-4deg)}
#klikclick-site .gallery figure:nth-child(6){grid-column:4/8;grid-row:11;z-index:6;transform:rotate(-1deg)}
@media(max-width:759px){
#klikclick-site .gallery{grid-template-rows:repeat(23,clamp(20px,5.6vw,40px));margin-top:40px}
#klikclick-site .gallery figure:nth-child(1){grid-column:1/7;grid-row:1}
#klikclick-site .gallery figure:nth-child(2){grid-column:6/12;grid-row:4}
#klikclick-site .gallery figure:nth-child(3){grid-column:2/8;grid-row:8}
#klikclick-site .gallery figure:nth-child(4){grid-column:6/12;grid-row:11}
#klikclick-site .gallery figure:nth-child(5){grid-column:1/7;grid-row:15}
#klikclick-site .gallery figure:nth-child(6){grid-column:6/12;grid-row:18}
}