/* WattsTheDeal · aanvullingen op de thema-opmaak (thema.css) voor de eigen
   formulieren, de opt-in-vervolgpagina's en de cookiemelding. Kleuren en
   maten komen uit het thema: inkt #161B15, zand #F1EDE4, citroen #E9C46A,
   taupe #0D3A2E. Aeonik Fono voor tekst, Big Shoulders Display voor koppen. */
[hidden]{display:none !important}
.skip{position:absolute;left:-9999px;top:.5rem;z-index:100;background:#E9C46A;color:#161B15;padding:.6rem .9rem;border-radius:100vmax;font-weight:600}
.skip:focus{left:.5rem}
.verborgen{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Formulieren, in de vorm van het thema: pilvormige velden op een zachte gradiënt */
.wtd-form .gform_fields{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(.25rem,.222222vw + .125rem,.375rem)}
.wtd-form .c-form__field{grid-column-end:span 8}
@media (min-width:48em){.wtd-form .c-form__field.-t4{grid-column-end:span 4}}
.wtd-form .gfield_label{position:absolute;left:-9999px}
.wtd-form textarea{min-height:8.5rem;line-height:1.5}
.wtd-form .wtd-select{-webkit-appearance:none;appearance:none;border:none;width:100%;font-family:inherit;font-weight:inherit;line-height:1.3;padding-block:clamp(1rem,.444444vw + .75rem,1.25rem);padding-inline:clamp(1.5rem,.444444vw + 1.25rem,1.75rem);padding-right:3rem;border-radius:clamp(1.5rem,.666667vw + 1.125rem,1.875rem);background:linear-gradient(-90deg,transparent 0%,transparent 0%,#F1EDE4 100%);font-size:clamp(.875rem,.333333vw + .6875rem,1.0625rem);color:#161B15;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161B15' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),linear-gradient(-90deg,transparent 0%,transparent 0%,#F1EDE4 100%);background-repeat:no-repeat,no-repeat;background-position:right 1.4rem center,0 0;background-size:1rem,100% 100%}
.wtd-form .wtd-select:invalid,.wtd-form .wtd-select option[value=""]{color:#686e77}
.wtd-form .wtd-select:focus,.wtd-form input:focus,.wtd-form textarea:focus{outline:2px solid #161B15;outline-offset:2px}
.wtd-form input::placeholder,.wtd-form textarea::placeholder{color:#686e77}
.wtd-form input[aria-invalid="true"],.wtd-form textarea[aria-invalid="true"],.wtd-form .wtd-select[aria-invalid="true"]{box-shadow:inset 0 0 0 2px #b8451d}
.veldfout{margin:.35rem 0 0 1.25rem;font-size:.85rem;font-weight:600;color:#b8451d;line-height:1.35}
.veldfout:empty{display:none}
.wtd-hulp{margin:.9rem 0 0;font-size:.85rem;line-height:1.55;color:#5c5a55}
.wtd-hulp a,.wtd-uitleg a{color:inherit}
.wtd-form__voet{margin:clamp(1rem,.444444vw + .75rem,1.25rem) 0 0}
.wtd-uitleg{margin:1.25rem 0 0;font-size:.85rem;line-height:1.55;color:#5c5a55;max-width:60ch}
.wtd-consent{display:flex;gap:.9rem;align-items:flex-start;margin:clamp(1rem,.444444vw + .75rem,1.25rem) 0 0;padding:1rem 1.25rem;border-radius:1.25rem;background:linear-gradient(-90deg,transparent 0%,#F1EDE4 100%)}
.wtd-consent input[type=checkbox]{flex:0 0 auto;width:1.35rem;height:1.35rem;margin:.15rem 0 0;accent-color:#161B15;cursor:pointer}
.wtd-consent .toestemming-tekst{font-size:.9rem;line-height:1.55;color:#161B15;cursor:pointer}
.melding{margin:0 0 1rem;padding:.9rem 1.25rem;border-radius:1.25rem;font-size:.92rem;line-height:1.5;border:1.5px solid}
.melding.goed{background:#eaf3ec;border-color:#b7d3be;color:#1f5a36}
.melding.fout{background:#fbf3f0;border-color:#e4c3b8;color:#9c2f1c}
.geenjs{margin:0 0 1rem;padding:.9rem 1.25rem;border-radius:1.25rem;background:#fff7d6;border:1.5px solid #c9a227;color:#6b5a12;font-size:.9rem}
.tekstknop{background:none;border:none;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.tekstknop[disabled]{opacity:.55;cursor:not-allowed}
.c-button[disabled]{opacity:.55;cursor:not-allowed}

/* De zes codevakjes op de verificatiepagina */
.code-row{display:flex;gap:.5rem;margin:0 0 1rem}
.code-row input{flex:1 1 0;min-width:0;height:3.75rem;padding:0;text-align:center;font:600 1.5rem "Geist",Arial,Helvetica,sans-serif;border:none;border-radius:1rem;background:#F1EDE4;color:#161B15}
.code-row input:focus{outline:2px solid #161B15;outline-offset:2px}

/* Het beeldvak onder in de witte kaart (contact, aanmelden en de vervolgpagina's):
   op de live site stond hier een kapotte afbeelding, nu een foto die het vak vult */
.c-page-block__thumbnail{position:relative;width:100%;overflow:hidden;margin:0}
.c-page-block__thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}

/* Stappen op de vervolgpagina's: de actieve stap in citroen */
.c-icon-button.-actief .c-icon-button__circle{background:#E9C46A}

/* Voettekst: adresregel */
.c-colophon.-adres{display:block;line-height:1.5;font-size:.85rem;color:#c9c6be;margin:0 0 .5rem}

/* Cookiemelding, alleen zichtbaar als er een Meta-pixel is ingesteld */
.cookiebalk{position:fixed;left:.75rem;right:.75rem;bottom:.75rem;z-index:40;background:#161B15;color:#F1EDE4;border-radius:1.25rem;padding:1rem 1.25rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;font-size:.9rem;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.cookiebalk p{margin:0;flex:1 1 320px}
.cookiebalk a{color:#E9C46A}
.cookiebalk .knoppen{display:flex;gap:.5rem}

/* Juridische pagina's: de tekst van de jurist met genummerde lijsten en tussenkoppen */
.c-content ol{padding-left:1.5rem;margin:0 0 1.25rem}
.c-content ol li{margin:.35rem 0}
.c-content h2{margin-top:2rem}
.c-content .versie{font-size:.85rem;color:#5c5a55}

/* Na de omzetting naar Geist (12 september 2026): de grote paginatitel staat
   nu helemaal boven de witte kaart, want goud op wit is onleesbaar; en de
   namen op de teampagina staan onder de foto in plaats van erover. */
.c-page-block__title{top:0;transform:translate(-50%,-100%);padding-bottom:.4rem}
.c-team-card__title{position:relative;z-index:2;margin-top:.9rem !important;color:#F1EDE4;font-size:1.35rem}
.c-team-card__role{color:#A9BCB2}

/* ---- Beweging en bediening, na de audit van 12 september 2026 -------------
   Uitgangspunten (Emil Kowalski): een knop reageert direct op de druk, hover is
   rustig, niets duurt langer dan 300 ms, en wie "minder beweging" heeft
   ingesteld krijgt geen verplaatsingen. Het thema had 300 ms met een curve die
   traag begint, en liet knoppen krimpen bij hover. */
:root{--wtd-uit:cubic-bezier(.23,1,.32,1);--wtd-in-uit:cubic-bezier(.77,0,.175,1)}
.c-button,.gform_button{transition:transform 160ms var(--wtd-uit),filter 160ms ease,background-color 160ms ease}
.c-button:where(:hover,:focus),.gform_button:where(:hover,:focus){transform:none}
.c-button:where(:hover,:focus) span:not(:has(svg)),.gform_button:where(:hover,:focus) span:not(:has(svg)){transform:none}
@media (hover:hover) and (pointer:fine){
  .c-button:hover,.gform_button:hover{filter:brightness(1.06)}
  .c-icon-button:hover .c-icon-button__title{text-decoration:underline;text-underline-offset:.15em}
}
.c-button:active,.gform_button:active{transform:scale(.97);filter:brightness(.98)}
.c-button__title,.gform_button__title{transition:none}
.c-main-menu__link,.c-bottom-menu__link:is(a),.c-colophon__link{transition:opacity 150ms ease}
/* Mobiel menu: sneller open, zonder stapel vertragingen */
.c-mobile-nav__inner{transition-duration:240ms;transition-timing-function:var(--wtd-uit)}
.c-mobile-nav__wrapper[data-state=open] .c-mobile-nav__inner{transition-delay:0s}
.c-mobile-menu__item,.c-mobile-nav__button{transition-duration:200ms;transition-timing-function:var(--wtd-uit)}
.c-mobile-nav__wrapper[data-state=open] .c-mobile-menu__item:nth-child(1){transition-delay:40ms}
.c-mobile-nav__wrapper[data-state=open] .c-mobile-menu__item:nth-child(2){transition-delay:70ms}
.c-mobile-nav__wrapper[data-state=open] .c-mobile-menu__item:nth-child(3){transition-delay:100ms}
.c-mobile-nav__wrapper[data-state=open] .c-mobile-menu__item:nth-child(4){transition-delay:130ms}
.c-mobile-nav__wrapper[data-state=open] .c-mobile-menu__item:nth-child(5){transition-delay:160ms}
.c-mobile-nav__wrapper[data-state=open] .c-mobile-menu__item:nth-child(6){transition-delay:190ms}
.c-mobile-nav__wrapper[data-state=open] .c-mobile-nav__button{transition-delay:220ms}
.c-mobile-nav__wrapper:not([data-state=open]) .c-mobile-menu__item,.c-mobile-nav__wrapper:not([data-state=open]) .c-mobile-nav__button{transition-delay:0s;transition-duration:120ms}
.c-hamburger__bar{transition:transform 200ms var(--wtd-in-uit)}
/* Toetsenbord: altijd een zichtbare focusring in de huisstijl */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #E9C46A;outline-offset:3px;border-radius:.25rem}
.skip{color:#161B15}
/* Aantikbaar op een telefoon: de kleine icoontjes bij het team minimaal 44 pixels */
.c-button.-team{min-width:2.75rem;min-height:2.75rem}
@media (prefers-reduced-motion:reduce){
  .c-button:active,.gform_button:active{transform:none}
  .c-mobile-nav__inner,.c-mobile-menu__item,.c-mobile-nav__button{transition-duration:0s;transform:none}
  .done-hero .check{animation:none}
}

/* ---- Leverancierslogo's op de homepage ---- */
.wtd-logos{list-style:none;margin:0 auto clamp(1.25rem,2vw,2rem);padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:62rem}
.wtd-logos li{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #DCD5C6;border-radius:100vmax;padding:.7rem 1.4rem;min-height:3.6rem}
.wtd-logos img{display:block;height:2rem;width:auto;max-width:8.5rem;object-fit:contain}
@media (max-width:37.499em){.wtd-logos{gap:.5rem}.wtd-logos li{padding:.5rem 1rem;min-height:3rem}.wtd-logos img{height:1.5rem;max-width:6.5rem}}

/* ---- Maatvoering, 13 september 2026 --------------------------------------
   Gemeten vóór deze aanpassing (scherm van 1646 pixels): hoofdkop 70 px,
   sectiekoppen óók 70 px, stapkoppen 34 px, knoppen 61 px hoog met een
   letter van 24 px, paginatitel 86 px. Dat was de maat van de oude, smalle
   letter; met Geist oogt het te groot. Nieuwe maten liggen in de buurt van
   wat gevestigde zakelijke sites gebruiken: hoofdkop rond 54 px, sectiekop
   rond 40 px, knoppen rond 50 px hoog met een letter van 17 px. */
h1,.c-h1{font-size:clamp(2rem,3.4vw + .6rem,3.4rem);line-height:1.06;letter-spacing:-.025em}
h2.c-h1,h3.c-h1{font-size:clamp(1.7rem,2.2vw + .6rem,2.5rem);line-height:1.1}
h2,.c-h2{font-size:clamp(1.5rem,1.9vw + .5rem,2.15rem);line-height:1.12;letter-spacing:-.02em}
h3,.c-h3{font-size:clamp(1.2rem,.9vw + .8rem,1.5rem);line-height:1.2;letter-spacing:-.015em}
h4,.c-h4{font-size:clamp(1.05rem,.5vw + .8rem,1.2rem)}
.c-title__content,.c-icon-button__title{font-size:clamp(1.05rem,.6vw + .8rem,1.3rem);letter-spacing:-.01em}
.c-page-block__title{font-size:clamp(2.2rem,4.2vw + .2rem,3.9rem);letter-spacing:-.03em}
.c-service-nav .c-menu__link,.c-mobile-menu__link{font-size:clamp(1.25rem,1.1vw + .7rem,1.75rem);letter-spacing:-.015em}
.c-team-card__title{font-size:1.2rem}
body{font-size:clamp(.95rem,.25vw + .8rem,1.0625rem);line-height:1.7}
.c-tl,.hero .lead,.optin-hero .lead{font-size:clamp(1rem,.3vw + .85rem,1.125rem)}
/* Knoppen: 17 px, ongeveer 50 px hoog, minder brede zijkanten */
.c-button,.gform_button{font-size:1.0625rem;height:3.1rem;padding-inline:1.45rem}
.c-button__title,.gform_button__title{padding-top:.05rem}
.c-icon-button__circle,.c-title__circle{width:2.6rem;height:2.6rem;font-size:1rem}
.c-icon-button,.c-title{min-height:2.6rem}
.c-button.-team{min-width:2.75rem;min-height:2.75rem;height:auto}
.wtd-form input[type=text],.wtd-form input[type=tel],.wtd-form input[type=email],.wtd-form .wtd-select{padding-block:.9rem;font-size:1rem}
/* De stapkoppen en de lopende tekst hebben in het thema eigen regels met meer gewicht; daarom hier met nadruk. */
.c-title .c-title__content,h3.c-title .c-title__content,.c-icon-button .c-icon-button__title,.c-icon-button__title{font-size:clamp(1.05rem,.6vw + .8rem,1.3rem) !important;line-height:1.25 !important}
.c-content,.c-content p,.c-tl,.c-review-card__content{font-size:clamp(.95rem,.25vw + .8rem,1.0625rem);line-height:1.7}

/* ---- Eigen opbouw van de opt-in-pagina's en de voet (13 september 2026) ----
   De opbouw van 3 september: een groene kop met titel, uitleg en drie stappen,
   daaronder één witte kaart met de inhoud. De voet in vier kolommen. */
.wtd-hero{background:#0D3A2E;color:#F1EDE4;text-align:center;padding:calc(clamp(5.5rem,9vw + 2rem,9.25rem) + 1.5rem) 1.25rem clamp(5rem,8vw,7rem)}
.wtd-hero__inner{max-width:52rem;margin:0 auto}
.wtd-hero h1{color:#E9C46A;font-size:clamp(2.2rem,4.2vw + .2rem,3.9rem);line-height:1.05;letter-spacing:-.03em;margin:0 auto;max-width:22ch;text-wrap:balance}
.wtd-hero__lead{font-size:clamp(1rem,.3vw + .85rem,1.125rem);line-height:1.65;color:#DCE4DF;max-width:58ch;margin:1.1rem auto 0}
.wtd-stappen{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;list-style:none;margin:1.6rem 0 0;padding:0;font-size:.9rem;font-weight:500}
.wtd-stappen li{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem 1rem .4rem .45rem;border:1px solid rgba(241,237,228,.28);border-radius:100vmax;background:rgba(241,237,228,.06);color:#F1EDE4}
.wtd-stappen .nr{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;background:#E9C46A;color:#161B15;font-weight:700;font-size:.85rem}
.wtd-stappen li.-actief{background:#E9C46A;color:#161B15;border-color:#E9C46A;font-weight:600}
.wtd-stappen li.-actief .nr{background:#161B15;color:#E9C46A}
.wtd-check{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 auto 1rem;border-radius:50%;background:#E9C46A;color:#161B15;font-size:2rem;font-weight:700;animation:wtd-pop .45s cubic-bezier(.2,1.4,.4,1) both}
@keyframes wtd-pop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
.wtd-kaartvlak{background:#F1EDE4;padding:0 1rem 0;position:relative}
.wtd-kaart{position:relative;max-width:64rem;margin:clamp(-3.5rem,-5vw,-4.5rem) auto 0;background:#fff;border-radius:1rem;box-shadow:0 .75rem 2.5rem rgba(22,27,21,.08);padding:clamp(1.5rem,3vw,2.5rem)}
.wtd-kaart.-breed{max-width:64rem}
.wtd-kaart__kop{font-size:clamp(1.35rem,1.2vw + .8rem,1.7rem);margin:0 0 1rem;letter-spacing:-.02em}
.wtd-notitie{background:#F1EDE4;border-radius:.75rem;padding:1rem 1.25rem;margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}
.wtd-uitklap{margin:1.25rem 0 0;background:#F1EDE4;border-radius:.75rem;padding:.8rem 1.1rem;font-size:.92rem;text-align:left}
.wtd-uitklap summary{cursor:pointer;font-weight:600}
.wtd-uitklap p{margin:.6rem 0 0;line-height:1.6}
.wtd-kaart .wtd-form{text-align:left}
.wtd-kaart .code-row{max-width:26rem;margin:0 0 1rem}
.wtd-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}
.wtd-cards li{background:#F1EDE4;border-radius:.85rem;padding:1.25rem 1.25rem 1.35rem}
.wtd-cards .nr{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;background:#E9C46A;color:#161B15;font-weight:700;margin:0 0 .75rem}
.wtd-cards h3{font-size:1.1rem;margin:0 0 .4rem;letter-spacing:-.015em}
.wtd-cards p{margin:0;font-size:.95rem;line-height:1.6}
/* Teampagina: titel als de andere paginatitels, goud en groot */
.wtd-paginatitel{text-align:center;color:#E9C46A;font-size:clamp(2.2rem,4.2vw + .2rem,3.9rem);letter-spacing:-.03em;margin:0 0 clamp(1.5rem,3vw,2.5rem)}
/* De voet */
.wtd-foot{position:relative;z-index:2;background:#161B15;color:#F1EDE4;font-size:.92rem;line-height:1.6}
.wtd-foot__inner{max-width:75rem;margin:0 auto;padding:clamp(2.5rem,4vw,3.5rem) clamp(1rem,3vw,2rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:2rem}
.wtd-foot h4,.wtd-foot .wtd-foot__kop{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#E9C46A;margin:0 0 .75rem;font-weight:600}
.wtd-foot ul{list-style:none;margin:0;padding:0}
.wtd-foot li{margin:.35rem 0}
.wtd-foot a{color:#F1EDE4;text-decoration:none;border-bottom:1px solid rgba(241,237,228,.3)}
.wtd-foot a:hover{border-bottom-color:#E9C46A}
.wtd-foot__juri{grid-column:1/-1;border-top:1px solid rgba(241,237,228,.18);padding-top:1.1rem;margin:0;font-size:.82rem;color:#A9BCB2;max-width:none}
/* De opt-in-pagina's lopen over de volle breedte; het thema perkt main op deze sjablonen in tot een smalle kolom. */
main.wtd-main{max-width:none !important;width:100% !important;margin:0 !important;padding:0 !important;display:block}
body:has(main.wtd-main){background:#F1EDE4}
/* Links in de opt-in-kaart moeten als link herkenbaar zijn (toestemmingstekst, gegevensuitleg). */
.wtd-kaart a{color:#0D3A2E;text-decoration:underline;text-underline-offset:.16em;text-decoration-thickness:1px}
.wtd-kaart a:hover{color:#161B15;text-decoration-thickness:2px}
/* Leverancierslogo's in het blok "Wat vergelijken we?" */
.wtd-notitie p{margin:0}
.wtd-notitie__logos{list-style:none;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.4rem;margin:.8rem 0 0;padding:0}
.wtd-notitie__logos li{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #DCD5C6;border-radius:.5rem;padding:.4rem .45rem;min-height:2.2rem}
.wtd-notitie__logos img{display:block;width:100%;height:1.1rem;object-fit:contain}
@media (max-width:47.999em){.wtd-notitie__logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* ===== Reviews: drie doorlopende kolommen (homepage) ===== */
.wtd-reviews__scores{text-align:center;color:#DCE4DF;max-width:40rem;margin:1rem auto 0;font-size:1.02rem;line-height:1.6}
.wtd-reviews__scores a{color:#E9C46A;font-weight:600;text-decoration:underline;text-underline-offset:.15em}
.wtd-reviews{display:flex;justify-content:center;gap:1.5rem;margin-top:2.5rem;max-height:740px;overflow:hidden;position:relative;contain:layout paint}
/* vervaging boven en onder als losse lagen; een masker over het hele blok maakte de animatie zwaar en schokkerig */
.wtd-reviews::before,.wtd-reviews::after{content:"";position:absolute;left:0;right:0;height:22%;z-index:2;pointer-events:none}
.wtd-reviews::before{top:0;background:linear-gradient(to bottom,#0D3A2E,rgba(13,58,46,0))}
.wtd-reviews::after{bottom:0;background:linear-gradient(to top,#0D3A2E,rgba(13,58,46,0))}
.wtd-reviews__kolom{flex:0 1 20rem;min-width:0}
.wtd-reviews__kolom--md,.wtd-reviews__kolom--lg{display:none}
@media (min-width:48em){.wtd-reviews__kolom--md{display:block}}
@media (min-width:64em){.wtd-reviews__kolom--lg{display:block}}
.wtd-reviews__loop{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:1.5rem;animation:wtd-schuif var(--duur,30s) linear infinite;will-change:transform;backface-visibility:hidden}
@keyframes wtd-schuif{to{transform:translateY(-100%)}}
.wtd-review{background:#fff;color:#161B15;border:1px solid #DCD5C6;border-radius:1.5rem;padding:1.75rem 2rem 1.75rem;box-shadow:0 6px 18px rgba(0,0,0,.16);width:100%}
.wtd-review__sterren{display:inline-flex;gap:.15rem;color:#E9C46A;margin-bottom:.7rem}
.wtd-review__sterren svg{width:.95rem;height:.95rem}
.wtd-review__tekst{margin:0;font-size:1rem;line-height:1.6;text-wrap:pretty}
.wtd-review__voet{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem}
.wtd-review__bron{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#F1EDE4;flex:none}
.wtd-review__bron svg{width:1.3rem;height:1.3rem}
.wtd-review__wie{display:flex;flex-direction:column;line-height:1.3}
.wtd-review__naam{font-weight:600;letter-spacing:-.01em}
.wtd-review__rol{color:#5b625d;font-size:.9rem}
@media (prefers-reduced-motion:reduce){
  .wtd-reviews{max-height:none;flex-wrap:wrap}
  .wtd-reviews::before,.wtd-reviews::after{display:none}
  .wtd-reviews__loop{animation:none}
  .wtd-reviews__loop[aria-hidden="true"]{display:none}
}

/* ===== Teampagina: fotoraster links, namenlijst rechts ===== */
.wtd-team{display:flex;flex-direction:column;gap:2.5rem;width:100%;max-width:76rem;margin:0 auto;padding:.5rem 0;user-select:none;color:#F1EDE4}
@media (min-width:48em){.wtd-team{flex-direction:row;align-items:flex-start;gap:4.5rem}}
.wtd-team__raster{display:flex;gap:.5rem;flex:none;overflow-x:auto;padding-bottom:.25rem}
@media (min-width:48em){.wtd-team__raster{gap:.75rem;overflow:visible;padding-bottom:0}}
.wtd-team__kolom{display:flex;flex-direction:column;gap:.5rem}
@media (min-width:48em){.wtd-team__kolom{gap:.75rem}}
.wtd-team__kolom--2{margin-top:3rem}
.wtd-team__kolom--3{margin-top:1.4rem}
@media (min-width:48em){.wtd-team__kolom--2{margin-top:5rem}.wtd-team__kolom--3{margin-top:2.5rem}}
.wtd-team__foto{display:block;padding:0;border:0;background:#0b2f25;border-radius:.75rem;overflow:hidden;cursor:pointer;flex:none;
  width:var(--b);height:calc(var(--b) * 1.07);transition:opacity .4s ease;-webkit-tap-highlight-color:transparent}
.wtd-team__kolom--1 .wtd-team__foto{--b:clamp(100px,27vw,190px)}
.wtd-team__kolom--2 .wtd-team__foto{--b:clamp(110px,29vw,210px)}
.wtd-team__kolom--3 .wtd-team__foto{--b:clamp(104px,28vw,198px)}
.wtd-team__foto img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:none;transition:filter .45s ease,opacity .45s ease}
.wtd-team__foto.-gedimd img{filter:grayscale(1) brightness(.8)}
.wtd-team__foto.-gedimd{opacity:.55}
.wtd-team__foto:focus-visible{outline:2px solid #E9C46A;outline-offset:3px}
.wtd-team__lijst{list-style:none;margin:0;padding:0;flex:1 1 auto;min-width:0;display:grid;grid-template-columns:1fr;gap:1.1rem}
@media (min-width:40em) and (max-width:47.999em){.wtd-team__lijst{grid-template-columns:1fr 1fr}}
@media (min-width:48em){.wtd-team__lijst{padding-top:.5rem;gap:1.55rem}}
.wtd-team__rij{cursor:pointer;transition:opacity .3s ease;outline:none}
.wtd-team__rij.-gedimd{opacity:.5}
.wtd-team__kop{display:flex;align-items:center;gap:.65rem;min-height:1.5rem}
.wtd-team__streep{display:inline-block;width:1.25rem;height:.85rem;border-radius:5px;background:rgba(241,237,228,.25);flex:none;transition:width .3s ease,background .3s ease}
.wtd-team__rij.-actief .wtd-team__streep{background:#E9C46A;width:1.6rem}
.wtd-team__naam{font-size:1.05rem;font-weight:600;line-height:1;letter-spacing:-.01em;color:rgba(241,237,228,.85);transition:color .3s ease}
@media (min-width:48em){.wtd-team__naam{font-size:1.4rem}}
.wtd-team__rij.-actief .wtd-team__naam{color:#F1EDE4}
.wtd-team__iconen{display:inline-flex;align-items:center;gap:.25rem;margin-left:.15rem;opacity:0;transform:translateX(-.5rem);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.wtd-team__rij.-actief .wtd-team__iconen{opacity:1;transform:none;pointer-events:auto}
.wtd-team__iconen a{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:.35rem;color:#DCE4DF;transition:transform .15s ease,background .15s ease,color .15s ease}
.wtd-team__iconen a:hover,.wtd-team__iconen a:focus-visible{color:#F1EDE4;background:rgba(241,237,228,.12);transform:scale(1.1);outline:none}
.wtd-team__iconen svg{width:.95rem;height:.95rem}
.wtd-team__rol{margin:.45rem 0 0;padding-left:calc(1.25rem + .65rem);font-size:.82rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgba(241,237,228,.6);line-height:1.4}
@media (prefers-reduced-motion:reduce){.wtd-team__foto,.wtd-team__foto img,.wtd-team__rij,.wtd-team__streep,.wtd-team__iconen{transition:none}}

/* Scores onder de Trustpilot- en Google-badges */
.wtd-credential{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.35rem}
.wtd-credential__score{font-size:.85rem;line-height:1.2;color:#3d453f;white-space:nowrap}
.wtd-credential__score strong{font-weight:700;color:#161B15}
.wtd-credential-group{margin-top:1.75rem}
/* Productfoto's op Verduurzaming: vrijstaande producten op een rustig vlak in de huisstijl */
.wtd-product{background:linear-gradient(160deg,#F7F4EC,#E6E0D2);display:flex;align-items:center;justify-content:center;padding:clamp(1.25rem,4%,2.5rem)}
.wtd-product img{width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center;display:block;filter:drop-shadow(0 18px 28px rgba(22,27,21,.18))}
/* Meter verlagen: animatie Opbouw energiekosten */
.wtd-opbouw{background:linear-gradient(160deg,#F7F4EC,#E6E0D2);aspect-ratio:auto;min-height:0;height:auto;display:flex;align-items:center}
.wtd-opbouw__kaart{width:100%;padding:clamp(1.25rem,6%,2.5rem);color:#161B15}
.wtd-opbouw__titel{margin:0 0 .9rem;font-weight:700;font-size:1.05rem;letter-spacing:-.01em}
.wtd-opbouw__legenda{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin:0 0 1.4rem;padding:0;font-size:.85rem;color:#3d453f}
.wtd-opbouw__legenda li{display:inline-flex;align-items:center;gap:.4rem}
.wtd-opbouw__legenda i{display:inline-block;width:.75rem;height:.75rem;border-radius:3px}
.wtd-opbouw .-levering{background:#0D3A2E}.wtd-opbouw .-net{background:#E9C46A}.wtd-opbouw .-belasting{background:#9aa19c}
.wtd-opbouw__rij{margin-top:1rem;position:relative}
.wtd-opbouw__label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem}
.wtd-opbouw__balk{display:flex;gap:3px;height:2.4rem;width:100%}
.wtd-opbouw__balk span{display:block;height:100%;width:0;border-radius:.35rem;transition:width .9s cubic-bezier(.23,1,.32,1)}
.is-zichtbaar .wtd-opbouw__balk span{width:var(--b)}
.is-zichtbaar .wtd-opbouw__balk span:nth-child(2){transition-delay:.25s}
.is-zichtbaar .wtd-opbouw__balk span:nth-child(3){transition-delay:.5s}
.is-zichtbaar .-na .wtd-opbouw__balk span{transition-delay:.7s}
.is-zichtbaar .-na .wtd-opbouw__balk span:nth-child(2){transition-delay:.95s}
.is-zichtbaar .-na .wtd-opbouw__balk span:nth-child(3){transition-delay:1.2s}
.is-verlaagd .wtd-opbouw__balk span.-krimpt{width:var(--b2);transition-delay:0s;transition-duration:1.1s}
/* het deel dat wegvalt blijft als gestippeld vak zichtbaar: dat is de besparing */
.wtd-opbouw__balk span.-weg{background:rgba(233,196,106,.18);border:2px dashed #C9A24A;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;transition:width 1.1s cubic-bezier(.23,1,.32,1),opacity .4s ease}
.wtd-opbouw__balk span.-weg em{font-style:normal;font-size:.72rem;font-weight:700;color:#0D3A2E;white-space:nowrap;letter-spacing:.01em}
.is-verlaagd .wtd-opbouw__balk span.-weg{width:var(--b2);opacity:1;transition-delay:0s}
.is-verlaagd .wtd-opbouw__balk span.-weg em{animation:wtd-verschijn .4s ease 1s both}
@keyframes wtd-verschijn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
.wtd-opbouw__tag{position:absolute;right:0;top:0;font-size:.78rem;font-weight:600;color:#0D3A2E;background:#E9C46A;border-radius:100vmax;padding:.2rem .65rem;opacity:0;transform:translateY(4px);transition:opacity .4s ease .5s,transform .4s cubic-bezier(.23,1,.32,1) .5s}
.is-verlaagd .wtd-opbouw__tag{opacity:1;transform:none}
.wtd-opbouw__noot{margin:1.4rem 0 0;font-size:.8rem;color:#5b625d;line-height:1.5}
@media (prefers-reduced-motion:reduce){.wtd-opbouw__balk span,.wtd-opbouw__tag{transition:none}}
.wtd-opbouw__kaart.is-reset .wtd-opbouw__balk span,.wtd-opbouw__kaart.is-reset .wtd-opbouw__tag,.wtd-opbouw__kaart.is-reset .wtd-opbouw__balk span.-weg em{transition:none !important;animation:none !important}
/* ===== Verduurzaming: Zo werkt je pand samen ===== */
.wtd-samen{margin:clamp(2.5rem,5vw,4rem) 0 clamp(1rem,3vw,2rem)}
.wtd-samen__kop{text-align:center;font-size:clamp(1.6rem,2.2vw + .6rem,2.4rem);letter-spacing:-.02em;margin:0 0 clamp(1.5rem,3vw,2.25rem)}
.wtd-samen__raster{display:grid;gap:1.5rem}
@media (min-width:64em){.wtd-samen__raster{grid-template-columns:1.05fr 1fr;gap:2rem;align-items:stretch}}
.wtd-samen__kaart{background:#0D3A2E;color:#F1EDE4;border-radius:1.25rem;overflow:hidden;display:flex;flex-direction:column;
  background-image:radial-gradient(circle,rgba(241,237,228,.14) 1px,transparent 1.5px);background-size:32px 32px}
.wtd-samen__schema{width:100%;height:auto;display:block;padding:1.25rem 1rem .5rem;margin:auto 0}
.wtd-samen__knoop rect{fill:rgba(241,237,228,.07);stroke:rgba(241,237,228,.28);stroke-width:1.5}
.wtd-samen__knoop text{fill:#F1EDE4;font-size:13px;font-weight:600;font-family:Geist,system-ui,sans-serif}
.wtd-samen__tijd{fill:#E9C46A;font-size:12px;font-weight:600;font-family:Geist,system-ui,sans-serif}
.wtd-samen__spoor{fill:none;stroke:rgba(241,237,228,.28);stroke-width:1.5}
.wtd-samen__puls{fill:none;stroke:#E9C46A;stroke-width:3;stroke-linecap:round;stroke-dasharray:14 100;stroke-dashoffset:114;animation:wtd-puls 2.6s linear infinite}
@keyframes wtd-puls{to{stroke-dashoffset:0}}
.wtd-samen__uitleg{background:#0a2b22;padding:1.5rem 1.75rem 1.75rem;margin-top:auto}
.wtd-samen__uitleg h3{margin:0 0 .5rem;font-size:1.2rem;color:#F1EDE4;letter-spacing:-.01em}
.wtd-samen__uitleg p{margin:0;color:#DCE4DF;font-size:.98rem;line-height:1.6}
.wtd-samen__stappen{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.wtd-samen__stappen li{display:flex;gap:1rem;background:#fff;border:1px solid #DCD5C6;border-radius:1rem;padding:1.4rem 1.5rem}
.wtd-samen__nr{flex:none;width:2.25rem;height:2.25rem;border-radius:50%;background:#E9C46A;color:#161B15;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.wtd-samen__stappen h3{margin:.3rem 0 .4rem;font-size:1.15rem;color:#0D3A2E;letter-spacing:-.01em}
.wtd-samen__stappen p{margin:0;font-size:.98rem;line-height:1.6}
.wtd-samen__merkt{margin-top:.6rem !important;font-size:.92rem !important}
@media (prefers-reduced-motion:reduce){.wtd-samen__puls{animation:none;stroke-dasharray:none;opacity:.6}}

/* ===== Contracten: de prijslijn ===== */
.wtd-prijs{display:grid;gap:1.5rem;margin:clamp(2rem,4vw,3rem) 0}
@media (min-width:64em){.wtd-prijs{grid-template-columns:1.15fr .85fr;gap:2rem;align-items:stretch}}
.wtd-prijs__kaart{background:#0D3A2E;color:#F1EDE4;border-radius:1.25rem;padding:1.25rem 1.25rem 1.25rem;display:flex;flex-direction:column;justify-content:center}
.wtd-prijs__grafiek{width:100%;height:auto;display:block}
.wtd-prijs__raster{stroke:rgba(241,237,228,.12);stroke-width:1}
.wtd-prijs__maand{fill:rgba(241,237,228,.6);font-size:11px;font-family:Geist,system-ui,sans-serif}
.wtd-prijs__markt{fill:none;stroke:rgba(241,237,228,.35);stroke-width:1.5;stroke-dasharray:4 4;stroke-dashoffset:0}
.wtd-prijs__lijn{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;transition:opacity .5s ease,stroke-width .4s ease}
.wtd-prijs__lijn.-vast{stroke:#F1EDE4}.wtd-prijs__lijn.-dynamisch{stroke:#7FB69E}.wtd-prijs__lijn.-maatwerk{stroke:#E9C46A}
.is-zichtbaar .wtd-prijs__lijn{animation:wtd-teken 1.6s cubic-bezier(.23,1,.32,1) forwards}
.is-zichtbaar .wtd-prijs__lijn.-dynamisch{animation-delay:.3s}.is-zichtbaar .wtd-prijs__lijn.-maatwerk{animation-delay:.6s}
@keyframes wtd-teken{to{stroke-dashoffset:0}}
.wtd-prijs__laag{fill:#7FB69E;opacity:0;transition:opacity .4s ease}
.wtd-prijs__tekst{font-size:12px;font-weight:700;font-family:Geist,system-ui,sans-serif;opacity:.35;transition:opacity .4s ease}
.wtd-prijs__tekst.-vast{fill:#F1EDE4}.wtd-prijs__tekst.-dynamisch{fill:#7FB69E}.wtd-prijs__tekst.-maatwerk{fill:#E9C46A}
.wtd-prijs[data-actief] .wtd-prijs__lijn{opacity:.22}
.wtd-prijs[data-actief="vast"] .wtd-prijs__lijn.-vast,.wtd-prijs[data-actief="dynamisch"] .wtd-prijs__lijn.-dynamisch,.wtd-prijs[data-actief="maatwerk"] .wtd-prijs__lijn.-maatwerk{opacity:1;stroke-width:4.5}
.wtd-prijs[data-actief="vast"] .wtd-prijs__tekst.-vast,.wtd-prijs[data-actief="dynamisch"] .wtd-prijs__tekst.-dynamisch,.wtd-prijs[data-actief="maatwerk"] .wtd-prijs__tekst.-maatwerk{opacity:1}
.wtd-prijs[data-actief="dynamisch"] .wtd-prijs__laag{opacity:1}
.wtd-prijs__noot{margin:.75rem .25rem 0;font-size:.82rem;color:#B9C6BF;line-height:1.5}
.wtd-prijs__tabs{display:grid;gap:.75rem;align-content:center}
.wtd-prijs__tab{text-align:left;background:#fff;border:1px solid #DCD5C6;border-radius:1rem;padding:1rem 1.25rem;cursor:pointer;font:inherit;color:#161B15;transition:border-color .25s ease,box-shadow .25s ease,transform .16s ease;display:grid;grid-template-columns:auto 1fr;column-gap:.75rem;align-items:center}
.wtd-prijs__tab:active{transform:scale(.985)}
.wtd-prijs__tab[aria-selected="true"]{border-color:#0D3A2E;box-shadow:0 10px 30px rgba(13,58,46,.14)}
.wtd-prijs__tab:focus-visible{outline:2px solid #E9C46A;outline-offset:3px}
.wtd-prijs__tabicoon{display:inline-flex;width:2.25rem;height:2.25rem;border-radius:.6rem;background:#F1EDE4;color:#0D3A2E;align-items:center;justify-content:center}
.wtd-prijs__tab[aria-selected="true"] .wtd-prijs__tabicoon{background:#E9C46A}
.wtd-prijs__tabnaam{font-weight:700;font-size:1.08rem;letter-spacing:-.01em}
.wtd-prijs__kenmerken{grid-column:1 / -1;margin:0;display:grid;gap:.35rem;overflow:hidden;max-height:0;opacity:0;transition:max-height .45s cubic-bezier(.23,1,.32,1),opacity .35s ease,margin .3s ease}
.wtd-prijs__tab[aria-selected="true"] .wtd-prijs__kenmerken{max-height:14rem;opacity:1;margin-top:.85rem}
.wtd-prijs__kenmerken div{display:grid;grid-template-columns:minmax(7.5rem,.42fr) 1fr;gap:.6rem;font-size:.92rem;line-height:1.45}
.wtd-prijs__kenmerken dt{color:#5b625d;margin:0}.wtd-prijs__kenmerken dd{margin:0;font-weight:500}
.wtd-icoon svg{width:1.4rem;height:1.4rem}
@media (prefers-reduced-motion:reduce){.wtd-prijs__lijn{stroke-dashoffset:0;animation:none}.wtd-prijs__kenmerken{transition:none}}

/* op smalle schermen mogen schema en grafiek zijwaarts scrollen, zodat de letters leesbaar blijven */
@media (max-width:47.999em){
  .wtd-samen__kaart>.wtd-samen__schema{min-width:560px}
  .wtd-samen__kaart{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .wtd-prijs__noot{min-width:0}
}

/* Maatwerk & multisite springt eruit: ons specialisme */
.wtd-badge{display:inline-flex;align-items:center;background:#E9C46A;color:#161B15;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:100vmax;padding:.28rem .7rem;white-space:nowrap;justify-self:start}
.wtd-badge.-los{margin-left:.75rem;vertical-align:middle}
.wtd-prijs__tab[data-contract="maatwerk"]{background:#0D3A2E;color:#F1EDE4;border-color:#0D3A2E}
.wtd-prijs__tab[data-contract="maatwerk"] .wtd-prijs__tabicoon{background:rgba(241,237,228,.12);color:#E9C46A}
.wtd-prijs__tab[data-contract="maatwerk"][aria-selected="true"]{box-shadow:0 12px 34px rgba(13,58,46,.32)}
.wtd-prijs__tab[data-contract="maatwerk"][aria-selected="true"] .wtd-prijs__tabicoon{background:#E9C46A;color:#0D3A2E}
.wtd-prijs__tab[data-contract="maatwerk"] dt{color:#B9C6BF}.wtd-prijs__tab[data-contract="maatwerk"] dd{color:#F1EDE4}
.wtd-prijs__tab:not([data-contract="maatwerk"]) .wtd-badge{display:none}
/* Tekstblok Maatwerk & multisite: ons specialisme, vanaf het begin uitgelicht */
.wtd-blok--specialisme{background:#0D3A2E !important;color:#F1EDE4;box-shadow:0 16px 40px rgba(13,58,46,.25)}
.wtd-blok--specialisme .c-title__content,.wtd-blok--specialisme .c-content,.wtd-blok--specialisme .c-content p{color:#F1EDE4}
.wtd-blok--specialisme .c-title__circle{background:#E9C46A;color:#161B15}
.wtd-blok--specialisme .c-button{background:#E9C46A !important;background-image:none !important;color:#161B15 !important}

/* Contracten: maatwerk breed bovenaan, vast en dynamisch eronder naast elkaar */
.wtd-contracten{display:grid !important;grid-template-columns:1fr;gap:1.5rem;columns:auto !important;column-count:auto !important}
.wtd-contracten>li{break-inside:avoid;margin:0 !important;width:auto !important}
.wtd-contracten .c-block{height:100%;box-sizing:border-box}
.wtd-contracten .c-block__content{display:flex;flex-direction:column;height:100%}
.wtd-contracten .c-block__content .c-button{margin-top:auto !important;align-self:flex-start}
.wtd-contracten .c-block__content .c-content{margin-bottom:1.5rem}
@media (min-width:48em){.wtd-contracten{grid-template-columns:1fr 1fr}.wtd-contracten>.-breed{grid-column:1 / -1}}
/* het brede maatwerkblok: titel links, label rechts, tekst in twee kolommen, knop eronder */
.wtd-titelrij{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}
.wtd-titelrij .c-title{margin:0}
.wtd-titelrij .wtd-badge{font-size:.78rem;padding:.45rem .95rem}
@media (min-width:64em){
  .wtd-contracten .-breed .c-content{column-count:2;column-gap:3rem}
  .wtd-contracten .-breed .c-content p{break-inside:avoid;margin-top:0}
}
.wtd-contracten>li{transform:none !important;order:0 !important}
/* titel in het groene maatwerkblok: dekkend vlak, anders valt "multisite" weg tegen het groen */
.wtd-blok--specialisme .c-title__content{background:#F1EDE4 !important;background-image:none !important;color:#161B15 !important;padding-right:1.4rem !important;border-radius:100vmax}
.wtd-contracten .-breed .c-content{max-width:none !important;width:100%}
/* Opbouw energiekosten in het groen, zoals de andere animaties */
.wtd-opbouw{background:#0D3A2E;background-image:radial-gradient(circle,rgba(241,237,228,.14) 1px,transparent 1.5px);background-size:32px 32px}
.wtd-opbouw__kaart{color:#F1EDE4}
.wtd-opbouw__legenda{color:#DCE4DF}
.wtd-opbouw .-levering{background:#F1EDE4}.wtd-opbouw .-net{background:#E9C46A}.wtd-opbouw .-belasting{background:#7FB69E}
.wtd-opbouw__balk span.-weg{background:rgba(233,196,106,.16);border-color:#E9C46A}
.wtd-opbouw__balk span.-weg em{color:#E9C46A}
.wtd-opbouw__tag{background:#E9C46A;color:#0D3A2E}
.wtd-opbouw__noot{color:#B9C6BF}

/* Ons specialisme: als tekst, niet als knop */
.wtd-prijs__sub{display:block;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#E9C46A;margin-top:.2rem}
.wtd-lead{color:#E9C46A;font-weight:700}
/* ===== Blok "Meer weten": foto tot aan de rand van het blok ===== */
.c-cta-block{position:relative;overflow:hidden}
.wtd-cta-foto{position:absolute;top:0;right:0;bottom:0;width:50%;margin:0 !important;overflow:hidden;aspect-ratio:auto !important;min-height:0;border-radius:0}
.wtd-cta-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.wtd-cta-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(255,255,255,.28),rgba(255,255,255,0) 28%);pointer-events:none}
@media (max-width:47.999em){
  .wtd-cta-foto{position:relative;width:auto;margin:0 calc(-1 * clamp(.625rem,.666667vw + .25rem,1rem)) calc(-1 * clamp(.625rem,.666667vw + .25rem,1rem)) !important;aspect-ratio:3/2 !important}
  .wtd-cta-foto::after{background:none}
}
/* Contactpagina: zelfde opbouw en maat als het blok Meer weten */
.wtd-contact-fotocel{position:relative;min-height:22rem}
.wtd-cta-foto.-contact{position:absolute;inset:0;width:auto;margin:0;border-radius:clamp(.75rem,.444444vw + .5rem,1rem);min-height:0}
@media (max-width:47.999em){.wtd-contact-fotocel{min-height:0}.wtd-cta-foto.-contact{position:relative;aspect-ratio:3/2 !important}}
.wtd-contact-form{margin-top:clamp(2rem,4vw,3rem);max-width:46rem}
.wtd-contactblok .c-page-block__content{padding-block:clamp(2rem,3.5vw,3.5rem)}

/* Eén stijl voor paginatitels en tussenkoppen */
.wtd-paginalead{text-align:center;color:#DCE4DF;font-size:clamp(1.05rem,.4vw + .9rem,1.25rem);line-height:1.5;max-width:40rem;margin:calc(-1 * clamp(.75rem,2vw,1.5rem)) auto clamp(1.5rem,3vw,2.5rem)}
.c-media-block.-zonder-tekst .c-media-block__thumbnail{width:100%}
h2.c-h2.-t-center{font-size:clamp(2.1rem,5.2vw - .4rem,4.4rem);letter-spacing:-.025em;line-height:1.05}

/* Overgang naar de footer zoals bij Meer weten: twee schuine donkere vlakken die achter de onderkant van het blok omhoog lopen */
.wtd-thunder{position:relative}
.wtd-thunder::before,.wtd-thunder::after{content:"";position:absolute;bottom:-11%;left:0;width:50%;height:clamp(8.25rem,16vw - .75rem,17.25rem);background:#161B15;transform:skewY(-5deg);z-index:0}
.wtd-thunder::after{left:50%}
.wtd-thunder>*{position:relative;z-index:1}
.wtd-thunder.-contactsectie{padding-bottom:0 !important}
.wtd-kaartvlak.wtd-thunder>.wtd-kaart{margin-bottom:0}
/* Opt-in-pagina's: minstens schermhoog, de footer onderaan, en nooit een licht vlak onder de footer */
html{background:#161B15}


/* Dezelfde opbouw als de andere pagina's: groene titelband, dan een licht vlak met witte blokken */
.wtd-titelband{padding-bottom:clamp(3.5rem,6vw,5.5rem) !important}
.wtd-overlap{margin-top:calc(-1 * clamp(2.5rem,4vw,3.5rem));position:relative;z-index:1}
.wtd-kaartwit{background:#fff;border-radius:clamp(.75rem,.444444vw + .5rem,1rem);padding:clamp(1.5rem,4vw,3rem);box-shadow:0 0 1.5rem rgba(43,41,41,.025)}
.wtd-thunder.-contactsectie{padding-bottom:0 !important}
/* team op een wit blok: donkere tekst */
.wtd-kaartwit .wtd-team{color:#161B15}
.wtd-kaartwit .wtd-team__naam{color:rgba(22,27,21,.8)}
.wtd-kaartwit .wtd-team__rij.-actief .wtd-team__naam{color:#161B15}
.wtd-kaartwit .wtd-team__rol{color:#5b625d}
.wtd-kaartwit .wtd-team__streep{background:rgba(22,27,21,.18)}
.wtd-kaartwit .wtd-team__rij.-actief .wtd-team__streep{background:#E9C46A}
.wtd-kaartwit .wtd-team__iconen a{color:#0D3A2E}
.wtd-kaartwit .wtd-team__iconen a:hover,.wtd-kaartwit .wtd-team__iconen a:focus-visible{background:rgba(13,58,46,.1);color:#0D3A2E}
.wtd-kaartwit .wtd-team__foto{background:#E6E0D2}
.wtd-kaartwit .wtd-team__foto:focus-visible{outline-color:#0D3A2E}

/* opt-in-kaart: breder blok zoals op Contact, inhoud op leesbare breedte */
.wtd-kaart{padding:clamp(2rem,4vw,3.5rem) clamp(1.5rem,6vw,5rem) !important}
.wtd-kaart>*{max-width:46rem}

/* Het team: het groene blok van eerst, nu als blok op het lichte vlak met het zwart erachter */
.wtd-kaartgroen{background:#0D3A2E;border-radius:clamp(.75rem,.444444vw + .5rem,1rem);padding:clamp(1.5rem,4vw,3rem);box-shadow:0 16px 40px rgba(13,58,46,.2)}
/* het thema kleurt de Meer weten-sectie op de teampagina groen; overal licht, zoals op de andere pagina's */
.l-section.-thunder-footer.-bg-sand-light{background:#F1EDE4 !important}
/* opt-in-pagina's: hoger wit blok, dat onderin in het zwart eindigt */
main.wtd-main .wtd-kaart{min-height:clamp(28rem,52vh,38rem)}
/* Het team: het lichte vlak loopt een stukje omhoog onder het groene teamgedeelte, zoals op de andere pagina's */
.l-main.-dealmakers .l-section.-thunder-footer{padding-top:clamp(3rem,6vw,5rem) !important}
.l-main.-dealmakers > .l-section.-bg-taupe:first-child{padding-bottom:clamp(2rem,4vw,3rem) !important}
/* Overal waar een groene sectie direct boven Meer weten staat (homepage, Het team): het lichte vlak loopt een stukje omhoog */
.l-section.-bg-taupe + .l-section.-thunder-footer{padding-top:clamp(3rem,6vw,5rem) !important}
/* Homepage: drie soorten contracten, kort en subtiel */
.wtd-contractkaarten__lijst{list-style:none;margin:0 auto;padding:0;display:grid;gap:clamp(1.5rem,.888889vw + 1rem,2rem);max-width:none}
@media (min-width:48em){.wtd-contractkaarten__lijst{grid-template-columns:repeat(3,1fr)}}
.wtd-contractkaart{background:#fff;border:1px solid #DCD5C6;border-radius:1rem;padding:1.5rem 1.5rem 1.6rem;text-align:left}
.wtd-contractkaart__icoon{display:inline-flex;width:2.4rem;height:2.4rem;border-radius:.65rem;background:#F1EDE4;color:#0D3A2E;align-items:center;justify-content:center;margin-bottom:1rem}
.wtd-contractkaart h3{margin:0 0 .5rem;font-size:1.15rem;letter-spacing:-.01em;line-height:1.2}
.wtd-contractkaart p{margin:0;font-size:.98rem;line-height:1.55;color:#3d453f}
.wtd-contractkaart.-specialisme{background:#0D3A2E;border-color:#0D3A2E;color:#F1EDE4}
.wtd-contractkaart.-specialisme h3{color:#F1EDE4}
.wtd-contractkaart.-specialisme p{color:#DCE4DF}
.wtd-contractkaart.-specialisme .wtd-contractkaart__icoon{background:#E9C46A;color:#0D3A2E}
.wtd-contractkaarten__link{text-align:center;margin:1.5rem 0 0}
.wtd-contractkaarten__link a{color:#0D3A2E;font-weight:600;text-decoration:underline;text-underline-offset:.2em}
/* Meer weten: twee kleine animaties in de foto: langzaam inzoomen, en een gouden belsignaal bij de telefoon */
.wtd-cta-foto img{animation:wtd-zoom 24s ease-in-out infinite alternate;transform-origin:55% 40%}
@keyframes wtd-zoom{from{transform:scale(1)}to{transform:scale(1.07)}}
.wtd-meldingen{position:absolute;inset:0;pointer-events:none}
.wtd-melding{position:absolute;width:min(14rem,60%);display:flex;align-items:center;gap:.7rem;background:rgba(255,255,255,.96);color:#161B15;border-radius:.85rem;padding:.7rem .9rem;box-shadow:0 10px 30px rgba(22,27,21,.22);opacity:0;transform:translateY(12px)}
.wtd-melding.-stap1{top:9%;right:1.25rem}
.wtd-melding.-stap2{top:44%;right:1.25rem}
.wtd-melding.-stap3{bottom:7%;left:1.25rem}
.wtd-melding__nr{position:relative;flex:none;width:2rem;height:2rem;border-radius:50%;border:2px solid #E9C46A;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#0D3A2E;overflow:hidden}
.wtd-melding__nr b{position:relative;z-index:1}
.wtd-melding__nr svg{position:absolute;inset:0;margin:auto;color:#0D3A2E;opacity:0;z-index:1}
.wtd-melding__nr::before{content:"";position:absolute;inset:0;border-radius:50%;background:#E9C46A;transform:scale(0);opacity:0}
.wtd-melding strong{display:block;font-size:.9rem;line-height:1.2;letter-spacing:-.01em}
.wtd-melding small{display:block;font-size:.76rem;color:#5b625d;margin-top:.1rem}
.wtd-melding.-stap1{animation:wtd-stap1 20s ease-in-out infinite}
.wtd-melding.-stap1 .wtd-melding__nr::before{animation:wtd-vlak1 20s cubic-bezier(.23,1,.32,1) infinite}
.wtd-melding.-stap1 .wtd-melding__nr svg{animation:wtd-vink1 20s ease infinite}
.wtd-melding.-stap1 .wtd-melding__nr b{animation:wtd-nummer1 20s ease infinite}
@keyframes wtd-stap1{0%,0.0%{opacity:0;transform:translateY(12px)}2.5%,85.0%{opacity:1;transform:none}88.0%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes wtd-vlak1{0%,9.0%{transform:scale(0);opacity:0}11.0%,100%{transform:scale(1);opacity:1}}
@keyframes wtd-vink1{0%,9.0%{opacity:0}11.0%,100%{opacity:1}}
@keyframes wtd-nummer1{0%,9.0%{opacity:1}11.0%,100%{opacity:0}}
.wtd-melding.-stap2{animation:wtd-stap2 20s ease-in-out infinite}
.wtd-melding.-stap2 .wtd-melding__nr::before{animation:wtd-vlak2 20s cubic-bezier(.23,1,.32,1) infinite}
.wtd-melding.-stap2 .wtd-melding__nr svg{animation:wtd-vink2 20s ease infinite}
.wtd-melding.-stap2 .wtd-melding__nr b{animation:wtd-nummer2 20s ease infinite}
@keyframes wtd-stap2{0%,20.0%{opacity:0;transform:translateY(12px)}22.5%,85.0%{opacity:1;transform:none}88.0%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes wtd-vlak2{0%,29.0%{transform:scale(0);opacity:0}31.0%,100%{transform:scale(1);opacity:1}}
@keyframes wtd-vink2{0%,29.0%{opacity:0}31.0%,100%{opacity:1}}
@keyframes wtd-nummer2{0%,29.0%{opacity:1}31.0%,100%{opacity:0}}
.wtd-melding.-stap3{animation:wtd-stap3 20s ease-in-out infinite}
.wtd-melding.-stap3 .wtd-melding__nr::before{animation:wtd-vlak3 20s cubic-bezier(.23,1,.32,1) infinite}
.wtd-melding.-stap3 .wtd-melding__nr svg{animation:wtd-vink3 20s ease infinite}
.wtd-melding.-stap3 .wtd-melding__nr b{animation:wtd-nummer3 20s ease infinite}
@keyframes wtd-stap3{0%,40.0%{opacity:0;transform:translateY(12px)}42.5%,85.0%{opacity:1;transform:none}88.0%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes wtd-vlak3{0%,49.0%{transform:scale(0);opacity:0}51.0%,100%{transform:scale(1);opacity:1}}
@keyframes wtd-vink3{0%,49.0%{opacity:0}51.0%,100%{opacity:1}}
@keyframes wtd-nummer3{0%,49.0%{opacity:1}51.0%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.wtd-cta-foto img{animation:none}.wtd-melding,.wtd-melding__nr b,.wtd-melding__nr svg,.wtd-melding__nr::before{animation:none !important}.wtd-melding{opacity:1;transform:none}.wtd-melding__nr::before{transform:scale(1);opacity:1}.wtd-melding__nr svg{opacity:1}.wtd-melding__nr b{opacity:0}}




/* Hoe het werkt: het stapkaartje in elke foto (zelfde cyclus als bij Meer weten: 1, dan 2, dan 3) */
.c-thumbnail-block__thumbnail{position:relative}
.wtd-meldingen.-stapfoto .wtd-melding{top:auto;right:auto;bottom:1rem;left:1rem;width:min(13rem,70%)}
/* Hoe het werkt: kaartje op scrol, niet op de klok */
.wtd-meldingen.-stapfoto .wtd-melding,.wtd-meldingen.-stapfoto .wtd-melding__nr b,.wtd-meldingen.-stapfoto .wtd-melding__nr svg,.wtd-meldingen.-stapfoto .wtd-melding__nr::before{animation:none !important}
.wtd-meldingen.-stapfoto .wtd-melding{opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .45s cubic-bezier(.23,1,.32,1)}
.wtd-meldingen.-stapfoto .wtd-melding__nr::before{transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .3s ease}
.wtd-meldingen.-stapfoto .wtd-melding__nr svg,.wtd-meldingen.-stapfoto .wtd-melding__nr b{transition:opacity .3s ease}
.is-stap-actief .wtd-meldingen.-stapfoto .wtd-melding{opacity:1;transform:none}
.is-stap-actief .wtd-meldingen.-stapfoto .wtd-melding__nr::before{transform:scale(1);opacity:1;transition-delay:.9s}
.is-stap-actief .wtd-meldingen.-stapfoto .wtd-melding__nr svg{opacity:1;transition-delay:1s}
.is-stap-actief .wtd-meldingen.-stapfoto .wtd-melding__nr b{opacity:0;transition-delay:.9s}

/* Uitlegvideo: afspeelknop over de poster */
.wtd-video{position:absolute;inset:0}
.wtd-video video{position:absolute;inset:0;width:100%;height:100%}
.wtd-video__knop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(13,58,46,.62);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#F1EDE4;font:inherit;padding:0}
.wtd-video__cirkel{width:6rem;height:6rem;border-radius:50%;background:#E9C46A;color:#161B15;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 18px 50px rgba(0,0,0,.35);transition:transform .2s cubic-bezier(.23,1,.32,1);animation:wtd-klop 2.4s ease-in-out infinite}
.wtd-video__cirkel svg{margin-left:.35rem}
.wtd-video__knop:hover .wtd-video__cirkel{transform:scale(1.08);animation:none}
.wtd-video__knop:active .wtd-video__cirkel{transform:scale(.97)}
.wtd-video__knop:focus-visible{outline:3px solid #E9C46A;outline-offset:-6px}
.wtd-video__tekst{text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.wtd-video__tekst strong{display:block;font-size:clamp(1.2rem,2vw,1.6rem);letter-spacing:-.01em}
.wtd-video__tekst small{display:block;font-size:1rem;color:#E9C46A;margin-top:.25rem;font-weight:500}
@keyframes wtd-klop{0%,100%{box-shadow:0 18px 50px rgba(0,0,0,.35),0 0 0 0 rgba(233,196,106,.55)}60%{box-shadow:0 18px 50px rgba(0,0,0,.35),0 0 0 22px rgba(233,196,106,0)}}
.wtd-video.is-gestart .wtd-video__knop{display:none}
@media (prefers-reduced-motion:reduce){.wtd-video__cirkel{animation:none}}

/* Call-to-actions op elke pagina (13 sep 2026) */
.wtd-paginaknoppen{text-align:center;margin:0 0 clamp(1.75rem,3.5vw,3rem)}
.wtd-paginalead + .wtd-paginaknoppen{margin-top:calc(-1 * clamp(.5rem,1.5vw,1.25rem))}
.wtd-cta-knop{margin:0 0 clamp(1.5rem,3vw,2.25rem)}
.wtd-ctastrook{display:flex;align-items:center;justify-content:space-between;gap:1.25rem 2rem;flex-wrap:wrap;background:#0D3A2E;color:#F1EDE4;border-radius:1.25rem;padding:clamp(1.5rem,3vw,2.25rem) clamp(1.5rem,3.5vw,2.5rem);margin-top:clamp(2.5rem,5vw,4rem)}
.wtd-ctastrook p{margin:0;max-width:36rem;font-size:1.1rem;line-height:1.5;color:#DCE4DF}
.wtd-ctastrook p strong{color:#F1EDE4;display:block;font-size:1.3rem;letter-spacing:-.01em;margin-bottom:.25rem}
.wtd-kaart__knoppen{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.75rem 0 0}
.wtd-kaart__knoppen a,.wtd-ctastrook a{text-decoration:none}

/* Mobiel: stapkaartjes in de "Meer weten"-foto klein, op één plek en één voor één (13 sep 2026) */
@media (max-width:47.999em){
  .wtd-melding.-stap1,.wtd-melding.-stap2,.wtd-melding.-stap3{top:.75rem;right:.75rem;bottom:auto;left:auto;width:auto;max-width:11rem;padding:.4rem .6rem;gap:.45rem;border-radius:.6rem;box-shadow:0 6px 18px rgba(22,27,21,.2)}
  .wtd-melding strong{font-size:.72rem}
  .wtd-melding small{font-size:.62rem;margin-top:0}
  .wtd-melding__nr{width:1.4rem;height:1.4rem;font-size:.65rem;border-width:1.5px}
  .wtd-melding__nr svg{width:.8rem;height:.8rem}
  .wtd-melding.-stap1{animation-name:wtd-m-stap1}
  .wtd-melding.-stap1 .wtd-melding__nr::before{animation-name:wtd-m-vlak1}
  .wtd-melding.-stap1 .wtd-melding__nr svg{animation-name:wtd-m-vink1}
  .wtd-melding.-stap1 .wtd-melding__nr b{animation-name:wtd-m-nummer1}
  @keyframes wtd-m-stap1{0%,0%{opacity:0;transform:translateY(8px)}2.5%,27.5%{opacity:1;transform:none}30%,100%{opacity:0;transform:translateY(-6px)}}
  @keyframes wtd-m-vlak1{0%,13%{transform:scale(0);opacity:0}15%,100%{transform:scale(1);opacity:1}}
  @keyframes wtd-m-vink1{0%,13%{opacity:0}15%,100%{opacity:1}}
  @keyframes wtd-m-nummer1{0%,13%{opacity:1}15%,100%{opacity:0}}
  .wtd-melding.-stap2{animation-name:wtd-m-stap2}
  .wtd-melding.-stap2 .wtd-melding__nr::before{animation-name:wtd-m-vlak2}
  .wtd-melding.-stap2 .wtd-melding__nr svg{animation-name:wtd-m-vink2}
  .wtd-melding.-stap2 .wtd-melding__nr b{animation-name:wtd-m-nummer2}
  @keyframes wtd-m-stap2{0%,33%{opacity:0;transform:translateY(8px)}35.5%,60.5%{opacity:1;transform:none}63%,100%{opacity:0;transform:translateY(-6px)}}
  @keyframes wtd-m-vlak2{0%,46%{transform:scale(0);opacity:0}48%,100%{transform:scale(1);opacity:1}}
  @keyframes wtd-m-vink2{0%,46%{opacity:0}48%,100%{opacity:1}}
  @keyframes wtd-m-nummer2{0%,46%{opacity:1}48%,100%{opacity:0}}
  .wtd-melding.-stap3{animation-name:wtd-m-stap3}
  .wtd-melding.-stap3 .wtd-melding__nr::before{animation-name:wtd-m-vlak3}
  .wtd-melding.-stap3 .wtd-melding__nr svg{animation-name:wtd-m-vink3}
  .wtd-melding.-stap3 .wtd-melding__nr b{animation-name:wtd-m-nummer3}
  @keyframes wtd-m-stap3{0%,66%{opacity:0;transform:translateY(8px)}68.5%,93.5%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-6px)}}
  @keyframes wtd-m-vlak3{0%,79%{transform:scale(0);opacity:0}81%,100%{transform:scale(1);opacity:1}}
  @keyframes wtd-m-vink3{0%,79%{opacity:0}81%,100%{opacity:1}}
  @keyframes wtd-m-nummer3{0%,79%{opacity:1}81%,100%{opacity:0}}
}

/* Mobiel (13 sep 2026): team als kaartjes, besparing onder de balk, prijsschema passend */
.wtd-team__onder{display:none}
@media (min-width:48em) and (max-width:63.999em){
  .wtd-team{flex-direction:column;gap:0}
  .wtd-team__raster{grid-template-columns:repeat(3,1fr) !important;gap:1.25rem 1rem !important;width:100%}
  .wtd-team__kolom--2,.wtd-team__kolom--3{margin-top:0}
  .wtd-team__onder b{font-size:1.1rem}
}
@media (max-width:63.999em){
  .wtd-team__raster{display:grid;grid-template-columns:1fr 1fr;gap:1rem .75rem;overflow:visible;padding:0}
  .wtd-team__kolom{display:contents}
  .wtd-team__cel{display:flex;flex-direction:column;gap:.55rem;min-width:0}
  .wtd-team__cel .wtd-team__foto{width:100%;height:auto;aspect-ratio:4/5;--b:auto}
  .wtd-team__foto.-gedimd{opacity:1}.wtd-team__foto.-gedimd img{filter:none}
  .wtd-team__onder{display:flex;flex-direction:column;gap:.15rem;min-width:0}
  .wtd-team__onder b{font-size:1rem;font-weight:600;letter-spacing:-.01em;color:#F1EDE4;line-height:1.2}
  .wtd-team__onder>span:not(.wtd-team__iconen){font-size:.72rem;line-height:1.35;color:#A9BCB2;text-transform:uppercase;letter-spacing:.06em}
  .wtd-team__iconen.-mobiel{opacity:1;transform:none;pointer-events:auto;margin:.25rem 0 0;gap:.35rem}
  .wtd-team__lijst{display:none}
  .wtd-opbouw__rij.-na{padding-bottom:1.6rem}
  .wtd-opbouw__balk span.-weg{overflow:visible;position:relative;justify-content:flex-start}
  .wtd-opbouw__balk span.-weg em{position:absolute;top:100%;left:0;margin-top:.45rem;font-size:.78rem}
  .wtd-opbouw__balk span.-weg em::before{content:"";position:absolute;left:.4rem;top:-.45rem;width:1px;height:.4rem;background:#E9C46A}
  .wtd-prijs__kaart{padding:.9rem .5rem .9rem}
  .wtd-prijs__grafiek{min-width:0;width:100%}
  .wtd-prijs__maand{font-size:19px}
  .wtd-prijs__tekst{font-size:21px}
  .wtd-prijs__lijn{stroke-width:5.5}
  .wtd-prijs[data-actief="vast"] .wtd-prijs__lijn.-vast,.wtd-prijs[data-actief="dynamisch"] .wtd-prijs__lijn.-dynamisch,.wtd-prijs[data-actief="maatwerk"] .wtd-prijs__lijn.-maatwerk{stroke-width:7}
  .wtd-prijs__markt{stroke-width:2.5;stroke-dasharray:7 7}
  .wtd-prijs__raster{stroke-width:1.5}
  .wtd-prijs__noot{margin:.75rem .75rem 0}
}
/* Mobiel: afspeelknop past in de kleine video (13 sep 2026) */
@media (max-width:47.999em){
  .c-media-block__thumbnail:has(.wtd-video){aspect-ratio:16/9;height:auto;min-height:0}
  .wtd-video__knop{gap:.55rem;padding:.5rem}
  .wtd-video__cirkel{width:3.6rem;height:3.6rem}
  .wtd-video__cirkel svg{width:22px;height:22px;margin-left:.2rem}
  .wtd-video__tekst strong{font-size:1rem}
  .wtd-video__tekst small{font-size:.8rem;margin-top:.1rem}
  @keyframes wtd-klop{0%,100%{box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 0 rgba(233,196,106,.55)}60%{box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 12px rgba(233,196,106,0)}}
}

/* Contactpagina, herbouwd 13 sep 2026 */
.wtd-contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:.75rem;padding:.75rem;background:#fff;border-radius:clamp(1.25rem,1.8vw,1.9rem);overflow:hidden;box-shadow:0 20px 60px rgba(22,27,21,.08)}
.wtd-contact__kaart{background:#F1EDE4;color:#161B15;padding:clamp(1.5rem,3vw,2.5rem);border-radius:clamp(.75rem,1.2vw,1.25rem);display:flex;flex-direction:column;gap:1.1rem}
.wtd-contact__kop{font-size:clamp(1.5rem,1.4vw + .8rem,2rem);letter-spacing:-.02em;margin:0 0 .25rem;line-height:1.1}
.wtd-contact__kaart .wtd-contact__kop{color:#161B15}
.wtd-contact__regel{display:flex;gap:1rem;align-items:flex-start;color:inherit;text-decoration:none;padding:.9rem 1rem;margin:0 -1rem;border-radius:1rem;transition:background .2s ease,transform .16s cubic-bezier(.23,1,.32,1)}
a.wtd-contact__regel:hover{background:rgba(13,58,46,.06)}
a.wtd-contact__regel:active{transform:scale(.99)}
a.wtd-contact__regel:focus-visible{outline:2px solid #E9C46A;outline-offset:2px}
.wtd-contact__icoon{flex:none;width:2.75rem;height:2.75rem;border-radius:50%;background:#0D3A2E;color:#E9C46A;display:inline-flex;align-items:center;justify-content:center}
.wtd-contact__icoon svg{width:1.25rem;height:1.25rem}
.wtd-contact__regel.-stil .wtd-contact__icoon{background:#0D3A2E;color:#E9C46A}
.wtd-contact__regel small{display:block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#5C6259;margin-bottom:.15rem}
.wtd-contact__regel strong{display:block;font-size:clamp(1.15rem,.5vw + 1rem,1.45rem);letter-spacing:-.01em;line-height:1.25;color:#161B15;overflow-wrap:anywhere}
.wtd-contact__noot{display:block;font-size:.88rem;color:#5C6259;margin-top:.2rem}
.wtd-contact__scores{list-style:none;margin:.25rem 0 0;padding:1.1rem 0 0;border-top:1px solid rgba(241,237,228,.15);display:grid;gap:.6rem}
.wtd-contact__scores a{display:flex;align-items:center;gap:.7rem;color:#DCE4DF;text-decoration:none;font-size:.95rem}
.wtd-contact__scores a:hover span{text-decoration:underline}
.wtd-contact__scores strong{color:#F1EDE4}
.wtd-contact__sterren{display:inline-flex;gap:1px;color:#E9C46A}
.wtd-contact__sterren svg{width:.95rem;height:.95rem}
.wtd-contact__actie{margin:auto 0 0;padding-top:.75rem}
.wtd-contact__form{padding:clamp(1.25rem,2.5vw,2.25rem) clamp(1rem,2.5vw,2.25rem);display:flex;flex-direction:column}
.wtd-contact__form .c-form{flex:1;display:flex;flex-direction:column}
.wtd-contact__form .wtd-form{flex:1;display:flex;flex-direction:column}
.wtd-contact__form .gform_wrapper{flex:1;display:flex;flex-direction:column}
.wtd-contact__form .gform_fields{flex:1;grid-template-rows:auto auto 1fr auto}
.wtd-contact__form .c-form__field:nth-child(4){display:flex;flex-direction:column}
.wtd-contact__form .c-form__field:nth-child(4) textarea{flex:1}
.wtd-contact__intro{margin:0 0 1.5rem;color:#5C6259}
.wtd-contact__form .c-form{max-width:none}
.wtd-contact__form .gform_fields{display:grid;grid-template-columns:1fr 1fr !important;gap:1rem !important}
.wtd-contact__form .c-form__field{margin:0;grid-column:auto !important;width:auto;max-width:none}
.wtd-contact__form .c-form__field:nth-child(n+3){grid-column:1 / -1 !important}
.wtd-contact__form .gfield_label{display:block;font-size:.85rem;font-weight:600;margin:0 0 .35rem;color:#161B15}
.wtd-contact__form input:not([type=checkbox]),.wtd-contact__form textarea{width:100%;background:#FBF9F4 !important;background-image:none !important;border:1px solid #DCD5C6 !important;border-radius:.75rem !important;padding:.85rem 1rem !important;font:inherit;color:#161B15;box-shadow:none !important;transition:border-color .2s ease,box-shadow .2s ease}
.wtd-contact__form input:focus,.wtd-contact__form textarea:focus{outline:none;border-color:#0D3A2E !important;box-shadow:0 0 0 3px rgba(13,58,46,.12) !important}
.wtd-contact__form input[aria-invalid="true"],.wtd-contact__form textarea[aria-invalid="true"]{border-color:#B8451D !important}
.wtd-contact__form textarea{min-height:9rem;resize:vertical}
.wtd-contact__form .wtd-form__voet{margin:1.25rem 0 0}
.wtd-contact__form .veldfout:empty{display:none}
.wtd-contact__foto{position:relative;margin:clamp(1rem,1.5vw,1.5rem) 0 0;border-radius:clamp(1rem,1.5vw,1.5rem);overflow:hidden;aspect-ratio:21/9;background:#0D3A2E}
.wtd-contact__foto img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;animation:wtd-zoom 24s ease-in-out infinite alternate;transform-origin:55% 40%}
.wtd-contact__foto .wtd-melding.-stap1{top:12%;right:2rem}
.wtd-contact__foto .wtd-melding.-stap2{top:48%;right:2rem}
.wtd-contact__foto .wtd-melding.-stap3{bottom:10%;left:2rem}
.wtd-thunder.-contactsectie .l-container{position:relative;z-index:1}
@media (max-width:63.999em){
  .wtd-contact{grid-template-columns:1fr}
  .wtd-contact__foto{aspect-ratio:4/3}
  .wtd-contact__foto .wtd-melding.-stap1,.wtd-contact__foto .wtd-melding.-stap2,.wtd-contact__foto .wtd-melding.-stap3{top:.75rem;right:.75rem;bottom:auto;left:auto}
}
@media (max-width:47.999em){
  .wtd-contact__form .gform_fields{grid-template-columns:1fr !important}
  .wtd-contact__regel{padding:.75rem .5rem;margin:0 -.5rem}
}
@media (prefers-reduced-motion:reduce){.wtd-contact__foto img{animation:none}}
.wtd-contact__badges{margin-top:auto;padding-top:1.25rem;border-top:1px solid #DCD5C6}
.wtd-contact__badges .wtd-credential-group{margin:0}

.wtd-video.is-laden .wtd-video__cirkel{animation:none;opacity:.55}
.wtd-video.is-laden .wtd-video__tekst strong::after{content:" laadt…"}