body{margin:0;background:#fff}.referentie{max-width:1180px;margin:auto;padding:0 30px;color:#10172c;font:16px/1.35 Arial,Helvetica,sans-serif}.referentie *{box-sizing:border-box}.referentie a{color:inherit;text-decoration:none}.referentie a:hover{color:#39833c}.referentie a:focus-visible,.referentie button:focus-visible{outline:3px solid #388444;outline-offset:3px}.referentie h1,.referentie h2,.referentie h3,.referentie b{font-family:Georgia,'Times New Roman',serif}.referentie h2{font-size:23px;line-height:1.15;margin:0}.referentie h3{font-size:21px;line-height:1.07;margin:8px 0}.referentie p{margin:7px 0 14px;color:#48505a}.referentie small{font-size:12px;color:#65717b}.referentie .beeld{display:block;position:relative;overflow:hidden;border-radius:4px}.referentie .beeld img{position:absolute;height:auto;display:block}.referentie .top{display:flex;gap:28px;align-items:center;min-height:83px}.referentie .merk{display:flex;align-items:center;gap:15px;margin-right:auto;color:#07563f}.referentie .blad{width:40px;flex-shrink:0}.referentie .merk strong{font:700 32px Georgia,serif;white-space:nowrap}.referentie .merk strong span{font-weight:400}.referentie .merk small{display:block;margin-top:3px;font-size:13px}.referentie .zoek{display:flex;background:#f6f6f6;border:1px solid #ddd;border-radius:5px;width:235px}.referentie input{width:100%;min-width:0;padding:12px 16px;border:0;background:transparent}.referentie button{border:0;background:transparent;font-size:25px;cursor:pointer}.referentie .knop{background:#00513c;color:#fff;padding:12px 22px;border-radius:5px;font-size:14px;font-weight:bold;white-space:nowrap}.referentie nav{display:flex;align-items:center;justify-content:space-between;gap:18px;border-block:1px solid #eee;min-height:53px;font-size:14px;margin-bottom:12px}.referentie nav>a:first-child{font-weight:bold;position:relative}.referentie nav>a:first-child:after{content:'';position:absolute;left:0;right:0;bottom:-16px;height:4px;background:#347b39}.referentie em{font:italic 14px/1.5 Georgia,serif;transform:rotate(-6deg);color:#184d42}.referentie .boven{display:grid;grid-template-columns:1.57fr 1fr;gap:16px}.referentie .hero{position:relative;overflow:hidden;min-height:390px;border-radius:4px;background:#253b35}.referentie .vrouw{position:absolute;right:0;top:0;height:100%;width:48%;border-radius:0}.referentie .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#20352eee 0%,#20352ecc 37%,transparent 73%)}.referentie .hero-tekst{position:relative;z-index:1;padding:78px 27px 28px;color:#fff}.referentie .label{background:#398a3a;font-size:11px;font-weight:700;padding:5px 8px;border-radius:3px}.referentie h1{font-size:38px;line-height:1.04;margin:17px 0 14px;letter-spacing:-.5px;color:white}.referentie .hero p{color:white;font-size:16px;line-height:1.35}.referentie .hero-tekst>a{display:inline-block;background:#fff;color:#141c2c;padding:9px 18px;border-radius:4px;font-size:13px;font-weight:bold}.referentie .nieuws{display:flex;flex-direction:column;gap:8px}.referentie .nieuwskaart{display:grid;grid-template-columns:46% 1fr;border:1px solid #eee;border-radius:4px;overflow:hidden;flex:1}.referentie .nieuwskaart>.beeld{height:100%;border-radius:0}.referentie .nieuwskaart>div{padding:7px 12px;display:flex;flex-direction:column}.referentie .nieuwskaart h3{font-size:18px;margin:4px 0 8px}.referentie .categorie{font-size:11px;font-weight:bold;color:#12633f}.referentie .nieuwskaart small{margin-top:auto}.referentie .meer{text-align:center;font-size:14px;color:#005441}.referentie .banner{width:100%;margin:15px 0 12px}.referentie .onderwerpen{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}.referentie .onderwerpen>a{display:flex;align-items:center;gap:11px;padding:10px;background:#eff6f3;border-radius:5px}.referentie .onderwerpen i{background:#00563e;color:white;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font:30px Georgia;flex-shrink:0}.referentie .onderwerpen b{font-size:14px;white-space:nowrap}.referentie .onderwerpen small{display:block;font-size:11px;margin-top:4px;white-space:nowrap}.referentie .verdieping{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.referentie .verdieping article+article{border-left:1px solid #eee;padding-left:22px}.referentie .sectiekop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.referentie .sectiekop>small{font-size:10px;color:#37645f}.referentie .verdieping p{font-size:15px;line-height:1.2;margin:7px 0 15px}.referentie .verdieping article>a:last-child{font-size:15px;color:#005548}.referentie .eten{margin-top:18px}.referentie .sectiekop>a{font-size:14px;color:#005548}.referentie .voeding{display:grid;grid-template-columns:repeat(4,1fr) 1.75fr;gap:14px;align-items:start}.referentie .voeding article{border:1px solid #e9ecea;border-radius:4px;overflow:hidden}.referentie .voeding article>div{padding:8px 9px}.referentie .voeding h3{font-size:14px;margin:0 0 5px}.referentie .voeding p{font-size:12px;line-height:1.4;min-height:42px;margin:0 0 9px}.referentie .voeding article a{font-size:13px;color:#005548}.referentie .nieuwsbrief{margin:17px 0;display:flex;gap:26px;align-items:center;background:#eff6f2;padding:20px 24px;border-radius:5px}.referentie .nieuwsbrief .blad{width:66px}.referentie .nieuwsbrief h2{font-size:27px}.referentie .nieuwsbrief p{font-size:14px;margin:8px 0 0}.referentie .nieuwsbrief .knop{margin-left:auto;font-size:12px;white-space:normal}.referentie footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding:12px 0 24px}.referentie footer strong{font:700 24px Georgia;color:#07563f}.referentie footer p{font-size:14px;margin:4px 0}.referentie footer>div+div{font-size:12px;color:#56616b}@media(min-width:1300px){.referentie{max-width:1180px}}@media(max-width:1000px){.referentie{padding:0 20px}.referentie .top{gap:16px}.referentie .merk strong{font-size:28px}.referentie .zoek{width:180px}.referentie nav{gap:12px;font-size:13px}.referentie nav em{display:none}.referentie .hero{min-height:340px}.referentie .hero-tekst{padding:65px 22px 22px}.referentie h1{font-size:32px}.referentie .hero p{font-size:14px}.referentie .onderwerpen i{width:38px;height:38px}.referentie .onderwerpen>a{gap:7px;padding:8px}.referentie .onderwerpen b{font-size:12px}.referentie .onderwerpen small{font-size:10px}.referentie .nieuwskaart h3{font-size:16px}.referentie .nieuwsbrief{gap:16px}.referentie .nieuwsbrief em{display:none}}@media(max-width:720px){.referentie{padding:0 16px}.referentie .top{flex-wrap:wrap;padding:14px 0;gap:12px}.referentie .merk{width:100%}.referentie .zoek{flex:1}.referentie nav{overflow-x:auto;justify-content:flex-start;white-space:nowrap;min-height:52px}.referentie .boven{grid-template-columns:1fr}.referentie .hero{min-height:355px}.referentie .hero-tekst{padding-top:65px}.referentie h1{font-size:32px}.referentie .nieuwskaart{min-height:105px;grid-template-columns:36% 1fr}.referentie .nieuwskaart>.beeld{aspect-ratio:1.6!important}.referentie .nieuwskaart h3{font-size:19px}.referentie .onderwerpen{grid-template-columns:1fr 1fr}.referentie .onderwerpen b{font-size:14px}.referentie .onderwerpen small{font-size:12px;white-space:normal}.referentie .verdieping{grid-template-columns:1fr;gap:22px}.referentie .verdieping article+article{padding:0;border:0}.referentie .verdieping h3{font-size:23px}.referentie .verdieping p{font-size:16px}.referentie .banner{border-radius:2px}.referentie .voeding{grid-template-columns:1fr 1fr}.referentie .wellness{grid-column:1/-1;max-width:360px;justify-self:center;width:100%}.referentie .voeding h3{font-size:17px}.referentie .voeding p{font-size:14px;min-height:0}.referentie .nieuwsbrief{flex-wrap:wrap;padding:20px}.referentie .nieuwsbrief .blad{display:none}.referentie .nieuwsbrief .knop{margin:0}.referentie .sectiekop>a{font-size:12px}.referentie footer{gap:20px;flex-wrap:wrap}.referentie .merk strong{font-size:28px}}

/* Keep artwork inside its grid column; size the crop from its original ratio. */
.referentie .nieuws{display:grid;grid-template-rows:repeat(3,auto) auto;align-content:start;gap:9px;min-width:0}
.referentie .nieuwskaart{grid-template-columns:minmax(0,46%) minmax(0,1fr);min-width:0;min-height:0;align-items:stretch;flex:none}
.referentie .nieuwskaart>.beeld{width:100%;min-width:0;height:auto;align-self:start;aspect-ratio:169/102!important}
.referentie .nieuwskaart>div{min-width:0;padding:8px 12px;overflow-wrap:normal}
.referentie .nieuwskaart h3{font-size:17px;line-height:1.12;margin:4px 0 8px;letter-spacing:-.2px}
.referentie .nieuwskaart small{font-size:12px;line-height:1.3}
.referentie .nieuwskaart .categorie{font-size:11px;line-height:1.2}
@media(max-width:1000px) and (min-width:721px){.referentie .nieuwskaart h3{font-size:15px}.referentie .nieuwskaart>div{padding:7px 10px}}
@media(max-width:720px){.referentie .nieuwskaart{grid-template-columns:minmax(0,38%) minmax(0,1fr)}.referentie .nieuwskaart h3{font-size:18px}.referentie .nieuwskaart>div{padding:9px 12px}}

/* Schermbreed ontwerp: geen maximale desktopbreedte. */
body .referentie{width:100%;max-width:none!important;margin:0!important;padding:0 clamp(18px,2.6vw,64px);font:16px/1.4 Arial,Helvetica,sans-serif;color:#11172b;background:#fff}
.referentie .top{min-height:88px;gap:28px}
.referentie .top>a:not(.merk){font:14px/1.4 Arial,Helvetica,sans-serif}
.referentie .merk strong{font-size:clamp(28px,2.4vw,42px)}
.referentie .merk small{font:13px/1.4 Arial,Helvetica,sans-serif}
.referentie .zoek{width:clamp(200px,21vw,370px)}
.referentie nav{min-height:56px;gap:24px;font:15px/1.4 Arial,Helvetica,sans-serif}
.referentie nav>a{padding:18px 0;white-space:nowrap}
.referentie nav>a:first-child:after{bottom:0}
.referentie .boven{grid-template-columns:minmax(0,1.57fr) minmax(0,1fr);gap:18px}
.referentie .hero{min-height:0;aspect-ratio:1.72;display:flex;align-items:flex-end}
.referentie .hero-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}
.referentie .hero:after{background:linear-gradient(90deg,rgba(10,24,22,.70),rgba(10,24,22,.4) 42%,transparent 76%)}
.referentie .hero-tekst{width:100%;padding:clamp(20px,2.4vw,48px)}
.referentie h1{font-size:clamp(30px,3.1vw,64px);line-height:1.06;max-width:80%;margin:18px 0}
.referentie .hero p{font-size:clamp(15px,1.22vw,23px);line-height:1.4;max-width:72%;margin-bottom:18px}
.referentie .hero-tekst>a{font:700 14px/1.4 Arial,Helvetica,sans-serif;padding:11px 20px}
.referentie .label{font-size:12px;padding:6px 9px}
.referentie .nieuws{display:grid;grid-template-rows:repeat(3,minmax(0,1fr)) auto;min-width:0;gap:10px}
.referentie .nieuwskaart{grid-template-columns:minmax(0,46%) minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}
.referentie .nieuwskaart>.beeld{width:100%;min-width:0;align-self:center;height:auto}
.referentie .nieuwskaart>div{padding:clamp(8px,1vw,20px);min-width:0}
.referentie .nieuwskaart h3{font-size:clamp(17px,1.5vw,30px);line-height:1.1;letter-spacing:-.3px;margin:5px 0 10px}
.referentie .nieuwskaart small{font-size:clamp(12px,.9vw,16px)}
.referentie .categorie{font-size:clamp(11px,.8vw,14px)}
.referentie .meer{font-size:15px}
.referentie .banner{margin:18px 0 14px}
.referentie .onderwerpen{gap:10px;margin-bottom:24px}
.referentie .onderwerpen>a{padding:14px;gap:14px;min-width:0}
.referentie .onderwerpen b{font-size:clamp(14px,1.15vw,21px);white-space:normal}
.referentie .onderwerpen small{font-size:clamp(12px,.85vw,15px);white-space:normal}
.referentie .onderwerpen i{font-style:normal}
.referentie .verdieping{gap:26px}
.referentie h2{font-size:clamp(23px,1.85vw,35px)}
.referentie .verdieping h3{font-size:clamp(21px,1.85vw,35px);line-height:1.12}
.referentie .verdieping p{font-size:clamp(16px,1.16vw,21px);line-height:1.4}
.referentie .verdieping article>a:last-child{font-size:clamp(15px,1.05vw,19px)}
.referentie .voeding{gap:18px}
.referentie .voeding h3{font-size:clamp(15px,1.2vw,22px);line-height:1.2}
.referentie .voeding p{font-size:clamp(13px,1vw,18px);min-height:0;line-height:1.45}
.referentie .voeding article>div{padding:12px}
.referentie .voeding article a{font-size:clamp(13px,1vw,17px)}
.referentie .nieuwsbrief{padding:24px 30px;gap:28px;margin-block:22px}
.referentie .nieuwsbrief p{font-size:clamp(15px,1.1vw,20px)}
.referentie .nieuwsbrief .knop{font-size:14px}
.referentie footer{padding-block:18px 28px}
.referentie .mobiel-menu{display:none}
/* Schermbreed geldt ook voor de bestaande WordPress/Elementor-pagina's. */
body.wp-theme-veellangerleven-basis{background:#fff!important;font-family:Arial,Helvetica,sans-serif!important;color:#46505c!important}
body.wp-theme-veellangerleven-basis .vll-content,body.wp-theme-veellangerleven-basis .vll-elementor-content{width:100%!important;max-width:none!important;margin-inline:0!important}
body.wp-theme-veellangerleven-basis .elementor>.e-con{--container-max-width:100%!important;max-width:none!important}
body.wp-theme-veellangerleven-basis .elementor>.e-con.e-con-boxed>.e-con-inner{max-width:none!important;width:100%!important}
body.wp-theme-veellangerleven-basis .elementor>.e-con:not(.vll-basis-pagina){background-color:#fff!important}
body.wp-theme-veellangerleven-basis .elementor .elementor-widget-heading :is(h1,h2,h3,h4,h5,h6),body.wp-theme-veellangerleven-basis .elementor .elementor-widget-heading :is(h1,h2,h3,h4,h5,h6) *{font-family:Georgia,'Times New Roman',serif!important;color:#11172b!important}
body.wp-theme-veellangerleven-basis .elementor .elementor-widget-text-editor{font-family:Arial,Helvetica,sans-serif!important;color:#46505c!important}
body.wp-theme-veellangerleven-basis .elementor .elementor-button{background:#075640!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important}
body.wp-theme-veellangerleven-basis .elementor .elementor-button *{color:inherit!important}
@media(max-width:1100px){.referentie nav{gap:14px;font-size:13px}.referentie nav em{display:none}.referentie .boven{gap:14px}.referentie .hero p br{display:none}.referentie .hero p{max-width:76%}.referentie .hero-tekst{padding:22px}.referentie h1{margin:14px 0;font-size:32px}.referentie .nieuwskaart h3{font-size:17px}.referentie .onderwerpen>a{gap:8px;padding:10px}.referentie .onderwerpen i{width:38px;height:38px}}
@media(max-width:760px){.referentie .top{padding:16px 0;gap:12px;flex-wrap:wrap}.referentie .merk{width:100%}.referentie .zoek{flex:1;min-width:0}.referentie header>nav{display:none}.referentie .mobiel-menu{display:block;border-block:1px solid #e5e9e7;margin-bottom:14px}.referentie .mobiel-menu summary{padding:13px 0;cursor:pointer;color:#075640;font-weight:700}.referentie .mobiel-menu nav{display:flex;flex-direction:column;align-items:stretch;gap:0;border:0;margin:0}.referentie .mobiel-menu nav a{padding:10px 0}.referentie .boven{grid-template-columns:1fr}.referentie .hero{min-height:370px;aspect-ratio:auto}.referentie h1{font-size:32px;max-width:95%}.referentie .hero p{max-width:95%;font-size:15px}.referentie .hero-foto{object-position:64% center}.referentie .nieuws{grid-template-rows:repeat(3,auto) auto}.referentie .nieuwskaart{grid-template-columns:minmax(0,40%) minmax(0,1fr)}.referentie .nieuwskaart h3{font-size:18px}.referentie .onderwerpen{grid-template-columns:repeat(2,minmax(0,1fr))}.referentie .verdieping{grid-template-columns:1fr}.referentie .verdieping article+article{border:0;padding-left:0}.referentie .voeding{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.referentie .wellness{grid-column:1/-1;max-width:400px;width:100%;justify-self:center}.referentie .nieuwsbrief{padding:22px;flex-wrap:wrap}.referentie .nieuwsbrief .knop{margin:0}.referentie .nieuwsbrief p br{display:none}.referentie .nieuwsbrief em{display:none}.referentie .merk strong{font-size:28px}.referentie .sectiekop{align-items:baseline}.referentie .sectiekop>a{font-size:12px}}
@media(min-width:761px) and (max-width:900px){.referentie .top{gap:12px}.referentie .merk strong{font-size:25px}.referentie .merk small{font-size:11px}.referentie .zoek{width:160px}.referentie .top .knop{padding:10px 14px}.referentie header>nav{gap:10px;font-size:12px}.referentie h1{font-size:28px}.referentie .hero p{font-size:14px}.referentie .nieuwskaart h3{font-size:15px}.referentie .nieuwskaart>div{padding:7px}.referentie .hero-tekst{padding:18px}}
body .referentie{box-sizing:border-box!important}
.referentie .nieuwskaart:nth-child(2)>.beeld,.referentie .nieuwskaart:nth-child(3)>.beeld{aspect-ratio:169/99!important}
.referentie header nav a{font-family:Arial,Helvetica,sans-serif!important;font-size:inherit!important}
@media(min-width:761px){.referentie .hero{aspect-ratio:auto;min-height:clamp(340px,34vw,720px);height:100%}.referentie .boven{align-items:stretch}}