/* ============================================================
   cw-home.css - de homepage (ontwerp 27 okt 2026)
   Dit bestand wordt met de hand bijgewerkt. De pagina's zelf (index.html,
   en/, fr/, de/) maakt scripts/site-home/maak-home.py.

   Deel 1: wat de homepage van cw-site.css blijft gebruiken (voet, reviews,
   reviewvenster, knoppen, de Wintersale-schakelaar).
   Deel 2: het nieuwe ontwerp, alles onder .cw zodat het nergens anders
   doorwerkt.
   Deel 3: kop, menu, vlaggen, reviews en winkels van de echte pagina.
   ============================================================ */
:root{
  --bosgroen:#0F4D24; --green-mid:#2A8C3A; --lime:#66BB33;
  --bg:#F5F7F2; --bg2:#EBF3E6; --card:#FFFFFF; --ink:#081a0e;
  --text:#0d160f; --text2:#566b56; --text3:#8ba086;
  --border:rgba(15,77,36,.10); --border-strong:rgba(15,77,36,.18);
  --shadow:0 2px 12px rgba(15,77,36,.07); --shadow-md:0 10px 30px rgba(15,77,36,.12);
  --shadow-lg:0 30px 70px rgba(8,26,14,.22);
  --zp:#C44545; --zl:#E89C2A; --zm:#D9BA3A; --zg:#6BC243; --ze:#2A8C3A;
  --r:18px; --r-lg:24px; --pill:999px;
  --fd:'Saira',sans-serif; --fb:'Outfit',sans-serif; --maxw:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--fb);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2.5px solid var(--lime);outline-offset:3px;border-radius:4px}

.badges{display:flex;gap:13px;flex-wrap:wrap}

footer{background:var(--ink);color:#9fc090;padding:30px 0 20px;font-size:14px;position:relative;overflow:hidden}
footer .diep{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
footer .diep path{fill:none;stroke:rgba(102,187,51,.1);stroke-width:1.1}
/* ═════════════════════════════════════════════════════════════
   DE VOET — vier kolommen
   Alles stond onder elkaar in één lange sliert. Nu: merk, de app,
   hulp, en contact naast elkaar; onder de 900px zakken ze in.
   ═════════════════════════════════════════════════════════════ */
/* De links verdeeld over de volle breedte. Het logo en de slogan stonden hier
   ook, maar die staan al bovenaan de pagina - dat was dubbel, en het maakte
   de voet onnodig hoog. */
.foot-top{position:relative;z-index:2;margin-bottom:0}
.foot-links{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.foot-links a{font-size:14px;color:#9fc090;line-height:1.3;
  border-bottom:1.5px solid transparent;padding-bottom:2px}
.foot-links a:hover{color:var(--lime);border-color:rgba(102,187,51,.55)}
@media(max-width:700px){
  .foot-links{justify-content:flex-start;gap:12px 22px}
}
/* De oproep met de winkelknoppen, onder de kolommen. De knoppen naast elkaar
   over de volle breedte; in de smalle merk-kolom vielen ze onder elkaar. */
.foot-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;
  flex-wrap:wrap;padding-top:20px;margin-top:20px;
  border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:2}
.foot-cta h3{font-family:var(--fd);font-weight:800;font-size:clamp(18px,2vw,23px);
  color:#fff;letter-spacing:-.025em;line-height:1.15;margin:0;max-width:430px}
.foot-cta p{font-size:13px;color:#9fc090;margin:6px 0 0;max-width:430px}
.foot-cta .badges{display:flex;gap:11px;flex-wrap:wrap;margin:0;flex:0 0 auto}
.foot-merk{max-width:280px}
/* De tagline sluit aan op het logo. */
.foot-tag{font-size:13.5px;color:#9fc090;margin:12px 0 0;line-height:1.5}
.foot-klein a{display:inline;font-size:12.5px;margin:0;color:#9fc090;
  border-bottom:1px solid rgba(159,192,144,.28)}
.foot-klein a:hover{color:var(--lime);border-color:rgba(102,187,51,.5)}
.foot-kol h4{font-family:var(--fd);font-weight:700;font-size:11.5px;letter-spacing:1.6px;
  text-transform:uppercase;color:#c6e8ae;margin:0 0 14px}
.foot-kol a{display:block;font-size:14px;color:#9fc090;margin-bottom:9px;
  border-bottom:1.5px solid transparent;width:fit-content;padding-bottom:1px;line-height:1.3}
.foot-kol a:hover{color:var(--lime);border-color:rgba(102,187,51,.55)}
.foot-klein{font-size:12.5px;color:#78956e;line-height:1.6;margin:16px 0 0}
@media(max-width:900px){
  .foot-cta .badges{width:100%}
}
@media(max-width:560px){
  .foot-cta .badges{flex-direction:column;align-items:center}
  /* v2.4.2 - NIET meer op volle breedte. Die regel stamt uit de tijd dat
     beide knoppen plaatshouders waren; nu staat er een echte App Store-badge
     naast die als <img> zijn eigen maat houdt. Rekken zou ze juist ongelijk
     maken. Ze staan nu onder elkaar, allebei 140 breed. */
}

/* ---- sociale media ----
   Staan in de onderste balk, rechts tegenover de bedrijfsgegevens. Daar
   verankeren ze de rand; in de merk-kolom hingen ze er los bij. Rustig groen,
   ook bij hover - alleen de rand licht op. */
.sociaal{display:flex;gap:9px;align-items:center}
.sociaal a{width:34px;height:34px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  border:1.5px solid rgba(255,255,255,.16);color:#9fc090;
  transition:color .22s ease,border-color .22s ease,background .22s ease,
             transform .22s cubic-bezier(.16,1,.3,1)}
.sociaal svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
.sociaal a:hover{color:var(--lime);border-color:rgba(102,187,51,.55);
  background:rgba(102,187,51,.1);transform:translateY(-2px)}

/* De winkelknoppen zitten nu in hun eigen rij (.foot-cta), niet meer in de
   smalle merk-kolom. */

.foot-bot{border-top:1px solid rgba(255,255,255,.1);padding-top:15px;margin-top:20px;
  display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
  font-size:12.5px;color:#78956e;position:relative;z-index:2}
.foot-bot a{color:#9fc090;border-bottom:1px solid rgba(159,192,144,.3)}
.foot-bot a:hover{color:var(--lime);border-color:rgba(102,187,51,.5)}
footer .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
@media(max-width:700px){footer .wrap{padding:0 20px}}

footer .diep{animation:drift 34s ease-in-out infinite alternate}
@keyframes drift{from{transform:translate3d(0,0,0) scaleY(1)}to{transform:translate3d(-26px,9px,0) scaleY(1.035)}}
footer .diep path{animation:golf 19s ease-in-out infinite alternate;transform-origin:center}
footer .diep path:nth-child(2n){animation-duration:24s;animation-delay:-6s}
footer .diep path:nth-child(3n){animation-duration:29s;animation-delay:-11s}
@keyframes golf{0%{transform:translateX(0) translateY(0)}50%{transform:translateX(-14px) translateY(4px)}100%{transform:translateX(8px) translateY(-3px)}}

.wm{position:absolute;pointer-events:none;z-index:0;opacity:.09;background:#9fd47a;-webkit-mask:url(icons/cw-merk-rond.svg) center/contain no-repeat;mask:url(icons/cw-merk-rond.svg) center/contain no-repeat}
.wm-foot{width:260px;height:252px;right:56px;bottom:44px;opacity:.06}
@media(max-width:900px){.wm-foot{width:150px;height:145px;right:16px;bottom:20px}}

@media(max-width:760px){.foot-links{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.foot-links a{display:flex;align-items:center;min-height:44px;font-size:15px;padding:0;border-bottom:1px solid rgba(255,255,255,.07)}.foot-cta p{font-size:14px}}

.quote{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:var(--shadow)}
.quote .qmark{font-family:var(--fd);font-weight:800;font-size:60px;line-height:.6;color:var(--lime);opacity:.3;height:30px}
.quote .stars{color:#FFB020;font-size:13px;letter-spacing:2px;margin:6px 0 12px;display:block}
.quote .qt{font-size:15px;color:var(--text);margin-bottom:18px;line-height:1.6}
.quote .who{display:flex;align-items:center;gap:12px}
.quote .av{width:42px;height:42px;border-radius:50%;color:#fff;font-family:var(--fd);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px}
.quote .who b{font-family:var(--fd);font-weight:700;font-size:14px;display:block}
.quote .who span{font-size:12px;color:var(--text3)}
.rev-slider-wrap{position:relative;max-width:var(--maxw);margin:0 auto}
/* ══════════════════════════════════════════════════════════════
   REVIEWS - de schuifbalk
   ══════════════════════════════════════════════════════════════ */
.rev-slider-wrap{position:relative;overflow:hidden;margin:0 -4px}
.quotes-slider{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;padding:6px 4px 18px;-webkit-overflow-scrolling:touch;
  scrollbar-width:none}
.quotes-slider::-webkit-scrollbar{display:none}
.quotes-slider .quote{flex:0 0 330px;max-width:330px;scroll-snap-align:start;padding:26px;
  transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}
.quotes-slider .quote:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.quotes-slider .quote .qt{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}
/* Vervaagde randen: je ziet dat er meer is, zonder harde afsnijding. */
.rev-slider-wrap::before,.rev-slider-wrap::after{content:"";position:absolute;top:0;bottom:18px;
  width:60px;pointer-events:none;z-index:1}
.rev-slider-wrap::before{left:0;background:linear-gradient(90deg,var(--bg2) 20%,transparent)}
.rev-slider-wrap::after{right:0;background:linear-gradient(270deg,var(--bg2) 20%,transparent)}
.rs-arrow{position:absolute;top:44%;transform:translateY(-50%);width:44px;height:44px;
  border-radius:50%;background:var(--card);border:1px solid var(--border-strong);
  box-shadow:var(--shadow-md);font-family:var(--fd);font-size:24px;color:var(--bosgroen);
  z-index:2;display:flex;align-items:center;justify-content:center;line-height:0;
  padding-bottom:3px;cursor:pointer;
  transition:opacity .15s ease,transform .2s cubic-bezier(.16,1,.3,1),background .2s ease,color .2s ease}
.rs-arrow:hover{background:var(--bosgroen);color:#fff;border-color:var(--bosgroen);
  transform:translateY(-50%) scale(1.08)}
.rs-prev{left:-10px}
/* v4.5 - de rechterpijl had GEEN positie. Alleen .rs-prev was gezet, dus
   .rs-next viel terug op waar hij toevallig in de stroom terechtkwam - midden
   over de kaartjes heen. */
.rs-next{right:-10px}
.rs-arrow:disabled{opacity:0;pointer-events:none}

/* v4.5 - PIJLEN WEG OP SMALLE SCHERMEN.
   Deze regel stond ook in het 760px-blok bovenaan, maar verloor: .rs-arrow met
   display:flex staat hier, verder naar beneden, en bij gelijke voorrang wint de
   laatste regel. Vandaar hier, NA de definitie.

   Op een telefoon veeg je met je duim. De pijlen stonden alleen maar in de weg
   en lagen over de kaartjes heen. */
@media(max-width:760px){
  .rs-arrow{display:none}
  .rev-slider-wrap::before,.rev-slider-wrap::after{width:20px}
}
.rev-empty{text-align:center;color:var(--text3);font-size:15px;padding:34px 20px;width:100%}
.all-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.all-grid .quote{padding:22px}
.all-grid .quote .qt{font-size:14px;margin-bottom:14px}
.rev-ov{position:fixed;inset:0;background:rgba(5,19,10,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:600;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:.2s}
.rev-ov.show{opacity:1;pointer-events:auto}
/* ══════════════════════════════════════════════════════════════
   HET REVIEWVENSTER
   De invoervelden hadden geen eigen stijl en pakten die van de browser.
   ══════════════════════════════════════════════════════════════ */
.rev-modal{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);
  box-shadow:var(--shadow-lg);max-width:460px;width:100%;padding:34px;position:relative;
  transform:translateY(16px) scale(.98);transition:transform .28s cubic-bezier(.16,1,.3,1);
  max-height:92vh;overflow-y:auto}
.rev-ov.show .rev-modal{transform:none}
.rev-x{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;
  border:1px solid var(--border);background:var(--bg2);color:var(--text2);font-size:20px;
  line-height:1;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}
.rev-x:hover{color:#fff;background:var(--bosgroen);border-color:var(--bosgroen);transform:rotate(90deg)}
.rev-modal h3{font-family:var(--fd);font-weight:800;font-size:26px;margin-bottom:6px;
  letter-spacing:-.02em;padding-right:44px}
.rev-sub{color:var(--text2);font-size:14.5px;margin-bottom:22px;line-height:1.5}
.rev-stars{display:flex;gap:8px;margin-bottom:20px;font-size:32px;cursor:pointer;user-select:none}
/* De sterren: de gekozen sterren zijn amber, de rest grijs. De klasse komt van
   het script dat uit de oude site is overgenomen. */
.rev-stars span{color:#d7dcd3;transition:color .12s ease,transform .12s ease}
.rev-stars span:hover{transform:scale(1.12)}
.rev-stars span.on,.rev-stars span.aan{color:#E8A62E}

/* invoervelden */
.rev-modal input[type="text"],.rev-modal textarea{
  width:100%;font-family:var(--fb);font-size:15px;color:var(--text);
  background:var(--bg);border:1.5px solid var(--border);border-radius:12px;
  padding:13px 15px;margin-bottom:13px;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.rev-modal input[type="text"]::placeholder,.rev-modal textarea::placeholder{color:var(--text3)}
.rev-modal input[type="text"]:focus,.rev-modal textarea:focus{
  outline:none;border-color:var(--lime);background:var(--card);
  box-shadow:0 0 0 4px rgba(102,187,51,.14)}
.rev-modal textarea{resize:vertical;min-height:110px;line-height:1.55}
/* De knop in het venster: alleen de breedte aanpassen, de rest komt van de
   app-standaard hieronder. Zet hier GEEN eigen achtergrond - dan overschrijf je
   het verloop en heb je weer een platte knop. */
.rev-modal .btn{width:100%;margin-top:8px}

.rev-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.rev-msg{margin-top:12px;font-size:14px;font-weight:600;min-height:18px;text-align:center}
.rev-msg.ok{color:var(--green-mid)}
.rev-msg.err{color:var(--zp)}
.btn{font-family:var(--fd);font-weight:700;font-size:13px;letter-spacing:.6px;
  text-transform:uppercase;padding:14px 26px;border-radius:14px;border:none;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(180deg,#1c6e33,#0F4D24);color:#fff;
  box-shadow:0 8px 22px rgba(15,77,36,.32),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-primary:hover{box-shadow:0 12px 30px rgba(15,77,36,.42);color:#fff}
.btn-lime{background:linear-gradient(180deg,#7ED04A,#5BA838);color:#0a2410;
  box-shadow:0 8px 22px rgba(102,187,51,.4),inset 0 1px 0 rgba(255,255,255,.45)}
.btn-outline{background:transparent;color:var(--bosgroen);
  border:1.5px solid var(--border-strong);box-shadow:none}
.btn-outline:hover{background:var(--bg2)}
/* op een donkere ondergrond */
.btn-ghost{border:1.5px solid rgba(255,255,255,.26);color:#dceed3;background:transparent}
.btn-ghost:hover{background:rgba(255,255,255,.07);color:#fff}
.rev-slider-wrap:has(.quotes-slider:empty){min-height:0}
.rev-slider-wrap:has(.quotes-slider:empty) .rs-arrow{display:none}

[data-actie="aan"]{display:none!important}
html.actie [data-actie="aan"]{display:revert!important}
html.actie [data-actie="uit"]{display:none!important}
.actiebalk{background:#0F4D24;color:#fff;text-align:center;font-family:var(--fb);font-weight:600;font-size:14px;line-height:1.4;padding:9px 16px}
.actiebalk a{color:#fff;text-decoration:none}
.actiebalk b{color:#7ED957}
.actiebalk s{opacity:.7}

@media(prefers-reduced-motion:reduce){footer .diep,footer .diep path{animation:none}}

/* ---- deel 2: het nieuwe ontwerp ---- */


.cw{--inkt:#111111;--grijs:#5A6B57;--mist:#F5F7F2;--salie:#EBF3E6;--groen:#0F4D24;--mid:#2A8C3A;--lime:#66BB33;--diep:#0B3A1B}
.cw *{box-sizing:border-box}
.cw img,.cw video{max-width:100%}
.cw .wrap{max-width:1200px;margin:0 auto;padding:0 20px}
@media(min-width:900px){.cw .wrap{padding:0 40px}}
.cw .groot{display:none}
@media(min-width:960px){.cw .groot{display:flex}.cw .klein{display:none}}
.cw .kop{font-family:'Saira',sans-serif;font-weight:800;letter-spacing:-.015em;line-height:.98;margin:0}
.cw .oog{font-family:'Saira',sans-serif;font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase}
.cw .knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.cw .knop:hover{transform:translateY(-2px)}
.cw .badge{display:inline-block;transition:transform .25s}.cw .badge:hover{transform:translateY(-2px)}
.cw .badge img{height:48px;width:auto;display:block}

.cw .nav{position:sticky;top:0;z-index:60;background:rgba(245,247,242,.78);-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px)}
.cw .nav a.l{color:#24331F;text-decoration:none;font-weight:600;font-size:15px;padding:9px 12px;border-radius:10px}
.cw .nav a.l:hover{background:rgba(15,77,36,.07);color:#0F4D24}
.cw .voortgang{height:3px;background:linear-gradient(90deg,#A83838,#E89C2A,#D9BA3A,#6BC243,#2A8C3A);transform-origin:left;transform:scaleX(0)}
@supports (animation-timeline: scroll()){.cw .voortgang{animation:h-groeiX linear both;animation-timeline:scroll(root)}}
@keyframes h-groeiX{to{transform:scaleX(1)}}

.cw .inkt{position:relative;overflow:clip;color:#EEF5EA;background:radial-gradient(1000px 640px at 85% 8%,rgba(102,187,51,.15),rgba(102,187,51,0) 60%),linear-gradient(180deg,#050D08 0%,#081A0E 45%,#0C3219 100%)}
.cw .inkt>.wrap{position:relative;z-index:2}
.cw .diep{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;animation:h-stroom 34s ease-in-out infinite alternate}
.cw .diep path{fill:none;stroke:rgba(102,187,51,.15);stroke-width:1.2;vector-effect:non-scaling-stroke;animation:h-golfje 19s ease-in-out infinite alternate}
.cw .diep path:nth-child(2n){animation-duration:24s;animation-delay:-6s}.cw .diep path:nth-child(3n){animation-duration:29s;animation-delay:-11s}
@keyframes h-stroom{to{transform:translate3d(-26px,9px,0) scaleY(1.035)}}
@keyframes h-golfje{50%{transform:translate(-14px,4px)}100%{transform:translate(8px,-3px)}}
.cw .glow{position:absolute;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(102,187,51,.22),rgba(102,187,51,0) 64%);animation:h-adem 11s ease-in-out infinite alternate}
@keyframes h-adem{from{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.09)}}
.cw .h-wm{position:absolute;pointer-events:none;z-index:0;opacity:.08;width:380px;height:auto}
@media(max-width:900px){.cw .h-wm{width:180px}}
.cw .lijntjes{position:absolute;left:0;right:0;width:100%;height:300px;pointer-events:none;z-index:0}
.cw .lijntjes path{fill:none;stroke:rgba(15,77,36,.08);stroke-width:1.4;vector-effect:non-scaling-stroke}
.cw .hero{position:relative;overflow:hidden}
.cw .held{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;min-height:860px;padding-top:420px;padding-bottom:40px}
.cw .hero-foto{position:absolute;left:0;right:0;top:0;height:560px;z-index:1;overflow:hidden}
.cw .hero-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block;animation:h-kenburns 26s ease-in-out infinite alternate;transform-origin:60% 50%}
.cw .hero-sluier{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(5,13,8,.35) 0%,rgba(5,13,8,0) 22%,rgba(5,13,8,.15) 45%,rgba(8,26,14,.92) 72%,#081A0E 100%)}
.cw .chips{position:absolute;inset:0;z-index:3;pointer-events:none}
.cw .chip.k1{right:16px;top:96px}.cw .chip.k2{left:16px;top:250px}.cw .chip.k3{right:22px;top:330px}
@media(min-width:960px){
 .cw .held{min-height:820px;padding-top:80px;padding-bottom:110px;justify-content:center}
 .cw .hero-foto{left:34%;height:auto;bottom:0}
 .cw .hero-foto img{object-position:72% 50%}
 .cw .hero-sluier{background:linear-gradient(90deg,#081A0E 0%,#081A0E 33%,rgba(8,26,14,.82) 40%,rgba(8,26,14,.15) 56%,rgba(8,26,14,0) 72%,rgba(8,26,14,.25) 100%),linear-gradient(180deg,rgba(8,26,14,.35) 0%,rgba(8,26,14,0) 25%,rgba(8,26,14,0) 70%,#081A0E 100%)}
 .cw .chip.k1{right:6%;top:150px}.cw .chip.k2{left:50%;top:320px}.cw .chip.k3{right:16%;top:auto;bottom:170px}
}












.cw .sociaal{display:flex;gap:9px;align-items:center}
.cw .sociaal a{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.16);color:#9FC090;border-bottom:1.5px solid rgba(255,255,255,.16);transition:color .22s,border-color .22s,background .22s,transform .22s}
.cw .sociaal svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cw .sociaal a:hover{color:#66BB33;border-color:rgba(102,187,51,.55);background:rgba(102,187,51,.1);transform:translateY(-2px)}
.cw .zband{display:block;height:4px;width:min(440px,62%);border-radius:2px;background:linear-gradient(90deg,#A83838,#E89C2A,#D9BA3A,#6BC243,#2A8C3A)}
.cw .brug{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;margin:0 auto 56px;max-width:880px}
.cw .brug::before{content:"";width:2px;height:46px;background:linear-gradient(180deg,rgba(102,187,51,0),rgba(102,187,51,.55))}
.cw .brug p{margin:0;font-family:'Saira',sans-serif;font-weight:700;font-size:clamp(20px,2.4vw,30px);line-height:1.25;color:#A8C49C}
.cw .brug b{color:#C6E8AE}

.cw .compo .foto{position:absolute;left:0;top:24px;width:76%;height:450px;border-radius:34px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.cw .compo .foto img{width:100%;height:100%;object-fit:cover;animation:h-kenburns 22s ease-in-out infinite alternate}
.cw .compo .tel{position:absolute;right:0;bottom:0;width:205px}
@media(min-width:960px){.cw .compo{height:640px}.cw .compo .foto{height:520px}.cw .compo .tel{width:240px}}
@keyframes h-kenburns{from{transform:scale(1.02)}to{transform:scale(1.14) translate(-2%,-2%)}}
.cw .chip{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(17,17,17,.14);font-size:14px;color:#111111;white-space:nowrap;animation:h-zweef 6s ease-in-out infinite}
.cw .chip b{font-family:'Saira',sans-serif;font-size:18px}
.cw .chip.c2{animation-delay:-2s}.cw .chip.c3{animation-delay:-4s}
@keyframes h-zweef{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.cw .tel{position:relative;aspect-ratio:440/956;border-radius:44px;background:#0A0F0B;padding:8px;box-shadow:0 40px 80px rgba(17,17,17,.35),inset 0 0 0 1px rgba(255,255,255,.12)}
.cw .tel video,.cw .tel img{width:100%;height:100%;object-fit:cover;border-radius:36px;display:block;background:#F5F7F2}

.cw .scorelijn{display:block;width:100%;height:auto;overflow:visible}
.cw .scorelijn path{stroke-dasharray:1;stroke-dashoffset:0}
@supports (animation-timeline: view()){.cw .scorelijn path{stroke-dashoffset:1;animation:h-teken linear both;animation-timeline:view();animation-range:entry 0% cover 45%}}
@keyframes h-teken{to{stroke-dashoffset:0}}

.cw .golf{position:relative;height:84px;overflow:hidden;margin-top:-1px}
.cw .golf svg{position:absolute;left:0;top:0;width:200%;height:100%;animation:h-drift 24s linear infinite}
.cw .golf.terug svg{animation-direction:reverse;animation-duration:30s}
@keyframes h-drift{to{transform:translateX(-50%)}}

.cw.js .rv{opacity:0;transform:translateY(44px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.cw.js .rv.in{opacity:1;transform:none}
.cw.js .d1{transition-delay:.1s}.cw.js .d2{transition-delay:.2s}.cw.js .d3{transition-delay:.3s}.cw.js .d4{transition-delay:.4s}

.cw .zin .w{display:inline-block;margin-right:.22em}
@supports (animation-timeline: view()){.cw .zin .w{opacity:.14;animation:h-wIn linear both;animation-timeline:view();animation-range:cover calc(16% + var(--i) * 3.2%) cover calc(28% + var(--i) * 3.2%)}}
@keyframes h-wIn{to{opacity:1}}

.cw .bento{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media(min-width:760px){.cw .bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.cw .bento{grid-template-columns:repeat(4,minmax(0,1fr))}.cw .b2{grid-column:span 2}.cw .r2{grid-row:span 2}.cw .bento.drie{grid-template-columns:repeat(3,minmax(0,1fr))}.cw .b3{grid-column:1 / -1}}
.cw .tegel{position:relative;overflow:hidden;border-radius:28px;background:#FFFFFF;padding:26px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 0 rgba(17,17,17,.04),0 18px 40px rgba(17,17,17,.06);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.cw .tegel:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(17,17,17,.04),0 28px 60px rgba(17,17,17,.1)}
.cw .groot-getal{font-family:'Saira',sans-serif;font-weight:800;font-size:clamp(64px,7vw,96px);line-height:.9;letter-spacing:-.03em;color:#0F4D24}

.cw .seg{display:flex;flex-wrap:wrap;gap:6px}
.cw .seg button{min-height:44px;padding:0 16px;border-radius:999px;font:600 15px 'Outfit',sans-serif;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.cw .wijzer circle.boog{transition:stroke-dasharray 1s cubic-bezier(.2,.7,.2,1),stroke .6s}
.cw .schuif{width:100%;accent-color:#2A8C3A;height:32px}

.cw .verhaal{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
@media(min-width:960px){.cw .verhaal{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}}
.cw .plak{position:sticky;top:calc(50vh - 330px);height:680px;align-items:center;justify-content:center}
.cw .stapel{position:absolute;inset:8px;border-radius:36px;opacity:0;transform:scale(.95);transition:opacity .7s,transform .7s}
.cw .stapel.aan{opacity:1;transform:none}
.cw .stap{padding:34px 0;display:flex;flex-direction:column;gap:14px}
@media(min-width:960px){.cw .stap{min-height:90vh;justify-content:center;opacity:.5;transition:opacity .6s}.cw .stap.aan{opacity:1}.cw .stap[data-stap="0"]{padding-top:34vh;min-height:120vh}}

.cw .railblok{position:relative}
.cw .railkop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.cw .railknoppen{gap:8px}
.cw .railknop{width:44px;height:44px;border-radius:22px;border:1px solid rgba(15,77,36,.2);background:#FFFFFF;color:#0F4D24;font:700 24px/1 'Saira',sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.cw .railknop:hover{background:#EBF3E6;transform:translateY(-1px)}
.cw .railknop.donker{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#FFFFFF}
.cw .rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px max(20px,calc((100% - 1120px) / 2)) 22px;scroll-padding-inline:max(20px,calc((100% - 1120px) / 2));scrollbar-width:none}
.cw .rail::-webkit-scrollbar{display:none}
.cw .kaart{flex:none;width:min(80vw,296px);height:640px;scroll-snap-align:start;border-radius:30px;background:#FFFFFF;padding:22px 22px 0;display:flex;flex-direction:column;gap:8px;overflow:hidden;box-shadow:0 18px 40px rgba(17,17,17,.07);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.cw .kaart:hover{transform:translateY(-4px)}
.cw .kaart.donker{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:none}
.cw .kaart .tel{width:68%;margin:auto auto 22px;flex:none}
.cw .propil{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;background:#66BB33;color:#08210F;font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:6px;margin-top:2px}
.cw .statsband{overflow:hidden;padding:26px 0 18px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.cw .statsband .rij{gap:10px;animation-duration:60s}
.cw .statpil{flex:none;white-space:nowrap;padding:10px 18px;border-radius:999px;background:#FFFFFF;border:1px solid rgba(15,77,36,.12);font-weight:600;color:#0F4D24;font-size:15px}
.cw .statpil:nth-child(3n){background:#0F4D24;color:#FFFFFF;border-color:#0F4D24}
.cw .statpil:nth-child(4n):not(:nth-child(3n)){background:#EBF3E6}

.cw .stapelm{position:relative;height:300px}
.cw .melding{position:absolute;left:0;right:0;top:0;display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 10px 26px rgba(17,17,17,.12);animation:h-meld 12s cubic-bezier(.2,.7,.2,1) infinite;opacity:0}
.cw .melding .ic{flex:none;width:38px;height:38px;border-radius:10px;background:#0F4D24;display:flex;align-items:center;justify-content:center}
.cw .m2{animation-delay:-9s}.cw .m3{animation-delay:-6s}.cw .m4{animation-delay:-3s}
@keyframes h-meld{0%{opacity:0;transform:translateY(-24px) scale(.95)}6%{opacity:1;transform:translateY(0) scale(1)}24%{transform:translateY(0)}31%{transform:translateY(82px) scale(.98)}49%{transform:translateY(82px) scale(.98);opacity:1}56%{transform:translateY(164px) scale(.96);opacity:.85}74%{transform:translateY(164px) scale(.96);opacity:.85}82%,100%{transform:translateY(220px) scale(.92);opacity:0}}

.cw .bel{max-width:84%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.4}

.cw .band{overflow:hidden;display:flex;flex-direction:column;gap:14px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.cw .rij{display:flex;gap:14px;width:max-content;animation:h-loop 70s linear infinite}
.cw .rij.terug{animation-direction:reverse;animation-duration:84s}
.cw .band:hover .rij{animation-play-state:paused}
.cw .rij img{height:210px;width:auto;aspect-ratio:3/2;object-fit:cover;border-radius:22px;display:block}
@media(min-width:900px){.cw .rij img{height:290px}}
@keyframes h-loop{to{transform:translateX(-50%)}}

.cw .prijzen{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media(min-width:960px){.cw .prijzen{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}}
.cw .prijzen ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.cw .prijzen li{display:flex;gap:10px;align-items:flex-start}

.cw .vergelijk{background:#FFFFFF;border-radius:28px;box-shadow:0 18px 40px rgba(17,17,17,.06);overflow:hidden}
.cw .tabelbox{overflow-x:auto}
.cw .vergelijk table{width:100%;border-collapse:collapse;font-size:15px;table-layout:fixed}
.cw .vergelijk th,.cw .vergelijk td{padding:13px 16px;text-align:left;vertical-align:top;border-top:1px solid rgba(15,77,36,.08);line-height:1.4}
.cw .vergelijk thead th{border-top:0;font-family:'Saira',sans-serif;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#5A6B57}
.cw .vergelijk tbody th{font-weight:600;color:#111111;width:44%}
.cw .vergelijk td{color:#3E4A3C;width:28%}
.cw .vergelijk .pk{background:#EBF3E6}
.cw .vergelijk thead .pk{color:#0F4D24}
.cw .vink{display:inline-flex;width:24px;height:24px;border-radius:12px;align-items:center;justify-content:center;background:#2A8C3A;color:#FFFFFF;font-weight:800;font-size:13px}
.cw .nee{color:#8FA08B;font-weight:700}
@media(max-width:600px){.cw .vergelijk table{font-size:13.5px}.cw .vergelijk th,.cw .vergelijk td{padding:11px 8px;overflow-wrap:anywhere;hyphens:auto}.cw .vergelijk thead th{font-size:11px;letter-spacing:.06em}.cw .vergelijk tbody th{width:38%}.cw .vergelijk td{width:31%}}

.cw .vraag{background:#FFFFFF;border-radius:20px;padding:0 20px}
.cw .vraag summary{list-style:none;cursor:pointer;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600;font-size:17px}
.cw .vraag summary::-webkit-details-marker{display:none}
.cw .vraag summary::after{content:'+';font:700 24px 'Saira',sans-serif;color:#2A8C3A;transition:transform .3s}
.cw .vraag[open] summary::after{transform:rotate(45deg)}
.cw .vraag p{margin:0 0 18px;color:#5A6B57}
.cw.stil *,.cw.stil *::before,.cw.stil *::after{animation-play-state:paused !important}
.cw .pauze{position:fixed;right:16px;bottom:16px;z-index:70;min-height:44px;padding:0 16px 0 12px;border-radius:999px;border:1px solid rgba(15,77,36,.18);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#0F4D24;font:600 14px 'Outfit',sans-serif;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 8px 24px rgba(17,17,17,.12)}
.cw a:focus-visible,.cw button:focus-visible,.cw summary:focus-visible,.cw input:focus-visible{outline:3px solid #66BB33;outline-offset:3px}
@media (prefers-reduced-motion: reduce){
 .cw .compo .foto img,.cw .chip,.cw .golf svg,.cw .rij,.cw .melding{animation:none}
 .cw .melding{opacity:1;position:relative;margin-bottom:10px}
 .cw .stapelm{height:auto}
 .cw.js .rv{opacity:1;transform:none;transition:none}
 .cw .zin .w,.cw .scorelijn path,.cw .voortgang{animation:none;opacity:1;stroke-dashoffset:0}
 .cw .diep,.cw .diep path,.cw .glow{animation:none}
 .cw.js .teller{transition:none}
}

/* ---- deel 3: wat de echte pagina extra nodig heeft (kop, menu, vlaggen, reviews, winkels) ---- */
.cw{background:#F5F7F2;color:#111111;font-family:'Outfit',system-ui,sans-serif;font-size:17px;line-height:1.55;overflow-x:clip}
.cw p,.cw h1,.cw h2,.cw h3{margin:0}
.cw ul{list-style:none;margin:0;padding:0}
.cw .navrij{height:64px;display:flex;align-items:center;gap:10px}
.cw .logo{display:flex;align-items:center;flex:none;padding:6px 0}
.cw .logo img{height:34px;width:auto;display:block}
.cw .navpaneel{display:none}
.cw .navdl{margin-left:auto;background:#0F4D24;color:#FFFFFF;font-size:15px;min-height:42px;padding:0 18px;white-space:nowrap}
.cw .navdl:hover{color:#FFFFFF}
.cw .menuknop{flex:none;width:44px;height:44px;border-radius:12px;border:1px solid rgba(15,77,36,.18);background:#FFFFFF;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0}
.cw .menuknop i{display:block;width:18px;height:2px;border-radius:1px;background:#0F4D24;transition:transform .25s,opacity .25s}
.cw .nav.open .menuknop i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.cw .nav.open .menuknop i:nth-child(2){opacity:0}
.cw .nav.open .menuknop i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.cw .nav.open .navpaneel{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:64px;padding:8px 20px 20px;background:rgba(245,247,242,.98);box-shadow:0 24px 40px rgba(17,17,17,.12);max-height:calc(100vh - 64px);overflow-y:auto}
.cw .nav.open .navlinks{display:flex;flex-direction:column}
.cw .nav.open .navlinks a.l{display:flex;align-items:center;min-height:50px;font-size:18px;border-bottom:1px solid rgba(15,77,36,.08);border-radius:0;padding:0 4px}
.cw .nav.open .cw-taalkeuze{margin:14px 0 0;padding:0;gap:10px}
.cw .cw-taalkeuze a,.cw .cw-taalkeuze span{width:44px;height:36px;font-size:20px;color:#0F4D24}
@media(min-width:960px){
 .cw .navpaneel{display:flex;align-items:center;gap:6px;margin-left:auto}
 .cw .navlinks{display:flex;align-items:center;gap:2px}
 .cw .navdl{margin-left:6px}
 .cw .menuknop{display:none}
 .cw .cw-taalkeuze{padding-left:8px;gap:2px}
 .cw .cw-taalkeuze a,.cw .cw-taalkeuze span{width:34px;height:28px;font-size:17px}
}
@media(max-width:380px){.cw .navdl{padding:0 14px;font-size:14px}.cw .logo img{height:30px}}
.cw .voortgang.js-balk{animation:none}
.cw .meer{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:#1F6E2E;text-decoration:none}
.cw .meer:hover{color:#0F4D24;text-decoration:underline}
.cw .inkt .meer{color:#A5E47C}
.cw .inkt .meer:hover{color:#C6E8AE}
.cw .pauze{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}
.cw .teller{font-variant-numeric:tabular-nums}
/* reviews en winkels */
.cw .revkop{display:flex;flex-direction:column;gap:14px;max-width:760px;margin-bottom:26px}
.cw .rev-slider-wrap{margin:0}
.cw .revknoppen{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.cw .knop.vol{background:#0F4D24;color:#FFFFFF}
.cw .knop.vol:hover{color:#FFFFFF}
.cw .knop.wit{background:#FFFFFF;color:#0F4D24;box-shadow:inset 0 0 0 1px rgba(15,77,36,.18)}
.cw .knop.wit:hover{color:#0F4D24}
.cw .knop.lime{background:#66BB33;color:#08210F}
.cw .knop:disabled{opacity:.5;cursor:default}
.cw .quotes-slider .quote{background:#FFFFFF}
.cw .winkeltegel{flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px 36px;padding:clamp(22px,4vw,40px)}
.cw .winkeltegel .tekst{flex:1 1 380px;display:flex;flex-direction:column;gap:12px}
.cw .winkeltegel .logos{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
@media(max-width:600px){.cw .quotes-slider .quote{flex:0 0 88%;max-width:88%}.cw .rev-slider-wrap::before,.cw .rev-slider-wrap::after{width:16px}}
.stil footer .diep,.stil footer .diep path{animation-play-state:paused}
.foot-qr{display:none;align-items:center;gap:10px;color:#9FC090;font-size:13px;line-height:1.3}
.foot-qr img{width:52px;height:52px;border-radius:6px;display:block}
@media(min-width:960px){.foot-qr{display:flex}}
html.stil{scroll-behavior:auto}
.cw .seg button{background:#FFFFFF;color:#0F4D24;border:1px solid rgba(15,77,36,.18)}
.cw .seg button[aria-pressed="true"]{background:#0F4D24;color:#FFFFFF;border-color:#0F4D24}
.cw .seg.donker button{background:transparent;color:#F0F5EE;border-color:rgba(255,255,255,.3)}
.cw .seg.donker button[aria-pressed="true"]{background:#66BB33;color:#08210F;border-color:#66BB33}
.cw .reden{padding:6px 12px;border-radius:999px;font-size:14px;font-weight:600;background:rgba(15,77,36,.07);color:#5A6B57}
.cw .reden.plus{background:rgba(42,140,58,.12);color:#1F6E2E}
.cw .reden.min{background:rgba(232,156,42,.16);color:#8A4B05}
@media(max-width:600px){.cw .pauze{width:44px;padding:0;justify-content:center;opacity:.92}.cw .pauze span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media(min-width:960px){.cw .logo img{height:38px}}
/* 27 okt: de plakkende telefoon past altijd in het venster (ook op een laag scherm) */
@media(min-width:960px){
 .cw .plak{top:64px;height:calc(100vh - 64px);height:calc(100dvh - 64px);display:flex;align-items:center;justify-content:center}
 .cw .plak .tel{width:min(300px,calc((100vh - 120px) * .46))!important;width:min(300px,calc((100dvh - 120px) * .46))!important}
}
/* 27 okt: de pauzeknop parkeert onderaan de pagina, boven de voet, en dekt de knoppen daar niet af */
.cw .pauze{position:sticky;bottom:16px;bottom:max(16px,env(safe-area-inset-bottom));margin:-60px 16px 16px auto}
@media(min-width:601px){.cw .pauze{width:max-content}}
/* 27 okt: een anker (ook na het wisselen van taal) valt niet onder de vaste kop */
.cw section[id]{scroll-margin-top:72px}
/* 27 okt: vangst delen, met één grote foto in plaats van de fotoband */
.cw .vangstkaart{position:relative;display:grid;grid-template-columns:minmax(0,1fr);border-radius:36px;overflow:hidden;background:#0E4721;color:#F0F5EE;box-shadow:0 30px 80px rgba(15,77,36,.18)}
.cw .vk-foto{position:relative;aspect-ratio:3/2;overflow:hidden}
.cw .vk-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;display:block;animation:h-kenburns 26s ease-in-out infinite alternate;transform-origin:40% 50%}
.cw .vk-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,71,33,0) 55%,#0E4721 100%);pointer-events:none}
.cw .vk-tekst{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:26px 22px 30px}
.cw .vk-tekst p{color:#C6DABD;font-size:18px;max-width:440px}
.cw .vk-tekst .knop{margin-top:6px}
@media(min-width:900px){
 .cw .vangstkaart{grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:540px}
 .cw .vk-foto{order:2;aspect-ratio:auto}
 .cw .vk-foto::after{background:linear-gradient(90deg,#0E4721 0%,rgba(14,71,33,.55) 14%,rgba(14,71,33,0) 38%)}
 .cw .vk-tekst{justify-content:center;padding:56px 24px 56px 52px}
}
@media(prefers-reduced-motion:reduce){.cw .vk-foto img{animation:none}}
/* 27 okt: één rij vangstfoto's onder de kaart (voorbeeldfoto's, gemaakt met AI) */
.cw .fotoband .rij{animation-duration:120s;padding-right:14px}
.cw .fotoband .rij img{height:220px;width:330px;max-width:none;flex:none}
@media(min-width:900px){.cw .fotoband .rij img{height:260px;width:390px}}
.cw .fotonoot{text-align:center;font-size:12.5px;color:#7A8A76;margin:-8px 20px 0}