/*
Theme Name: EntreDeux
Description: Custom Gutenberg theme for EntreDeux Steinfort.
Version: 1.0.87
Text Domain: entredeux
*/

@font-face {
  font-family: 'Adobe Caslon Pro';
  src: local('Adobe Caslon Pro'), local('ACaslonPro-Regular');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Adobe Caslon Pro';
  src: local('Adobe Caslon Pro Italic'), local('ACaslonPro-Italic');
  font-weight: 400;
  font-style: italic;
}

/* ── RESET ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

/* ── BRAND TOKENS (from stylesheet) ── */
:root {
  --emerald:      #537062;
  --emerald-dk:   #3d5449;
  --emerald-lt:   #7a9285;
  --honey:        #C1966A;
  --honey-lt:     #d4ae8a;
  --champagne:    #EFE0D3;
  --champ-dk:     #dcc9b6;
  --white:        #FFFFFF;
  --offwhite:     #FAF7F4;
  --ink:          #1e2d27;
  --ink-mid:      #3a5045;
  --ink-mute:     #6b8077;

  /* Impeccable spacing: 4pt base */
  --s4:  4px;
  --s8:  8px;
  --s12: 12px;
  --s16: 16px;
  --s24: 24px;
  --s32: 32px;
  --s48: 48px;
  --s64: 64px;
  --s96: 96px;

  /* Type: Adobe Caslon Pro + Inter */
  --ff-serif: 'Adobe Caslon Pro', 'Libre Caslon Text', Georgia, serif;
  --ff-sans:  'Inter', system-ui, -apple-system, sans-serif;

  /* Modular scale 1.333 (perfect fourth) base 16px */
  --tx-xs:   0.75rem;   /* 12px — captions */
  --tx-sm:   0.875rem;  /* 14px — secondary UI */
  --tx-base: 1rem;      /* 16px — body */
  --tx-lg:   1.333rem;  /* ~21px — lead */
  --tx-xl:   1.777rem;  /* ~28px — subhead */
  --tx-2xl:  2.369rem;  /* ~38px — section title */
  --tx-3xl:  3.157rem;  /* ~51px — hero mid */
  --tx-hero: clamp(3rem, 7vw, 6rem); /* fluid hero */
}

body {
  font-family: var(--ff-sans);
  font-size: var(--tx-base);
  line-height: 1.65;
  color: var(--ink);
  background: var(--offwhite);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* ── UTILITY ── */
.u-label {
  font-size: var(--tx-xs);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--honey);
}
.u-divider {
  width: 36px; height: 1px;
  background: var(--honey);
  margin-bottom: var(--s32);
}
.u-serif { font-family: var(--ff-serif); }

/* ── BUTTONS ── */
.btn {
  display: inline-block;
  font-family: var(--ff-sans);
  font-size: var(--tx-xs);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  border-radius: 0;
  line-height: 1;
}
.btn-primary {
  background: var(--emerald);
  color: var(--white);
  padding: 14px var(--s32);
}
.btn-primary:hover { background: var(--emerald-dk); }

.btn-ghost-light {
  background: transparent;
  color: rgba(255,255,255,0.85);
  padding: 13px var(--s32);
  border: 1px solid rgba(255,255,255,0.38);
}
.btn-ghost-light:hover { border-color: var(--champagne); color: var(--champagne); }

.btn-ghost-dark {
  background: transparent;
  color: var(--emerald);
  padding: 13px var(--s32);
  border: 1px solid var(--emerald);
}
.btn-ghost-dark:hover { background: var(--emerald); color: var(--white); }

/* ── URGENCY COMPONENTS ── */
/* Full card */
.urg-card {
  background: var(--champagne);
  border-left: 3px solid var(--honey);
  padding: var(--s24);
  display: flex;
  gap: var(--s16);
  align-items: flex-start;
  margin: var(--s32) 0;
}
.urg-card__badge {
  flex-shrink: 0;
  background: var(--emerald);
  color: var(--white);
  padding: var(--s12) var(--s16) var(--s8);
  text-align: center;
  line-height: 1;
}
.urg-card__badge-num {
  display: block;
  font-family: var(--ff-serif);
  font-size: var(--tx-2xl);
  font-weight: 400;
}
.urg-card__badge-tag {
  display: block;
  font-size: var(--tx-xs);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 700;
  color: rgba(255,255,255,0.75);
  margin-top: 4px;
}
.urg-card__body p {
  font-size: var(--tx-sm);
  color: var(--ink-mid);
  line-height: 1.6;
  margin-bottom: var(--s8);
}
.urg-card__body p:last-child { margin-bottom: 0; }
.urg-card__body strong { color: var(--ink); font-weight: 600; }
.urg-card__note { font-size: 11px !important; color: var(--ink-mute) !important; }

/* Compact strip */
.urg-strip {
  background: var(--champagne);
  border-left: 3px solid var(--honey);
  padding: var(--s12) var(--s24);
  display: flex;
  align-items: center;
  gap: var(--s12);
  margin: var(--s24) 0;
  flex-wrap: wrap;
}
.urg-strip__badge {
  background: var(--emerald);
  color: var(--white);
  font-size: 11px;
  font-weight: 700;
  padding: 4px var(--s12);
  letter-spacing: 0.08em;
  white-space: nowrap;
}
.urg-strip__text {
  font-size: var(--tx-sm);
  color: var(--ink-mid);
  line-height: 1.4;
  flex: 1;
  min-width: 200px;
}
.urg-strip__text strong { color: var(--ink); font-weight: 600; }

/* ── SECTION WRAPPER ── */
.section { padding: var(--s96) 6%; }
.section-inner { max-width: 1240px; margin: auto; }

/* ── NAV ── */
/* Update 1.0.17 — navinhoud volgt dezelfde max-width als .section-inner. */
#nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 900;
  background: rgba(239,224,211,0.96);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(83,112,98,0.14);
  height: 68px;
  display: grid; align-items: center;
  grid-template-columns: minmax(0, 1240px);
  justify-content: center;
  padding: 0 6%;
}
#nav > .nav-logo,
#nav > .nav-links {
  grid-column: 1;
  grid-row: 1;
}
#nav > .nav-logo { justify-self: start; }
#nav > .nav-links { justify-self: end; }
.nav-logo {
  text-decoration: none;
  display: flex; align-items: center;
  gap: var(--s12);
}
.nav-logo img { height: 38px; width: auto; display: block; }
.nav-logo-fallback {
  font-family: var(--ff-serif);
  font-size: 18px;
  color: var(--emerald);
  letter-spacing: 0.08em;
}
nav ul { display: flex; gap: var(--s32); list-style: none; align-items: center; }
nav a {
  font-size: var(--tx-xs); letter-spacing: 0.18em;
  text-transform: uppercase; font-weight: 500;
  color: var(--ink-mid); text-decoration: none;
  transition: color 0.2s;
}
nav a:hover { color: var(--emerald); }
.nav-cta {
  background: var(--emerald) !important; color: var(--white) !important;
  padding: var(--s8) var(--s24) !important; transition: background 0.2s !important;
}
.nav-cta:hover { background: var(--emerald-dk) !important; }

/* ── HERO ── */
#hero {
  position: relative;
  min-height: 100vh;
  display: grid;
  grid-template-rows: 1fr;
  overflow: hidden;
}
.hero-bg {
  position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(30,45,39,0.12) 0%, rgba(30,45,39,0.06) 40%, rgba(30,45,39,0.60) 76%, rgba(30,45,39,0.85) 100%),
    url('https://entredeux.lu/wp-content/uploads/2025/06/Ext_01_Frontaal_Final.03.jpg') center/cover no-repeat;
}
.hero-urgency-strip {
  position: absolute; top: 68px; left: 0; right: 0; z-index: 2;
  background: var(--emerald);
  padding: var(--s8) 6%;
  display: flex; align-items: center; justify-content: center;
  gap: var(--s24); flex-wrap: wrap;
}
.hus-item {
  display: flex; align-items: center; gap: var(--s8);
  color: rgba(255,255,255,0.88); font-size: var(--tx-xs);
  letter-spacing: 0.06em;
}
.hus-badge {
  background: var(--honey); color: var(--white);
  font-size: 11px; font-weight: 700;
  padding: 3px var(--s8); letter-spacing: 0.08em;
}
.hus-sep { width: 1px; height: 14px; background: rgba(255,255,255,0.25); }

.hero-content {
  position: relative; z-index: 2;
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: var(--s48);
  align-items: flex-end;
  padding: 0 6% 80px;
  align-self: flex-end;
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}
.hero-eyebrow {
  font-size: var(--tx-xs); letter-spacing: 0.26em;
  text-transform: uppercase; font-weight: 500;
  color: var(--honey); margin-bottom: var(--s16);
}
.hero-title {
  font-family: var(--ff-serif);
  font-size: var(--tx-hero);
  font-weight: 400; line-height: 1.02;
  color: var(--white);
  margin-bottom: var(--s24);
  letter-spacing: -0.01em;
}
.hero-title em { font-style: italic; color: var(--champagne); }
.hero-sub {
  font-size: var(--tx-base); font-weight: 300;
  color: rgba(255,255,255,0.7); max-width: 460px;
  margin-bottom: var(--s32); line-height: 1.7;
}
.hero-ctas { display: flex; gap: var(--s12); flex-wrap: wrap; }

/* Hero urgency card (right side) */
.hero-urg-card {
  background: rgba(239,224,211,0.96);
  border-left: 3px solid var(--honey);
  padding: var(--s24);
  backdrop-filter: blur(6px);
  align-self: flex-end;
  flex-shrink: 0;
}
.huc-num {
  font-family: var(--ff-serif); font-size: 42px;
  font-weight: 400; color: var(--emerald);
  line-height: 1; display: inline;
}
.huc-unit {
  font-size: var(--tx-xs); letter-spacing: 0.16em;
  text-transform: uppercase; font-weight: 700;
  color: var(--emerald); margin-left: 6px;
}
.huc-head { margin-bottom: var(--s16); }
.huc-line {
  font-size: var(--tx-sm); color: var(--ink-mid);
  line-height: 1.55; margin-bottom: var(--s8);
}
.huc-line strong { color: var(--ink); font-weight: 600; }
.huc-note { font-size: 11px; color: var(--ink-mute); margin-top: var(--s8); line-height: 1.4; }

/* ── PROJET ── */
#projet { background: var(--white); }
.projet-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px; align-items: center;
}
.prix {
  display: flex; align-items: baseline; gap: var(--s8);
  margin: var(--s8) 0 4px;
}
.prix-from {
  font-size: var(--tx-xs); letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--ink-mute); font-weight: 500;
}
.prix-num {
  font-family: var(--ff-serif); font-size: 42px;
  color: var(--emerald-dk); line-height: 1;
}
.projet-body {
  font-size: var(--tx-base); line-height: 1.8;
  color: var(--ink-mid); margin-bottom: var(--s16);
}
.projet-img {
  position: relative; overflow: hidden; aspect-ratio: 4/5;
}
.projet-img img {
  width: 100%; height: 100%; object-fit: cover;
  display: block;
}
.projet-img-accent {
  position: absolute; bottom: -20px; right: -20px;
  width: 160px; height: 160px;
  border: 1.5px solid var(--honey);
  pointer-events: none;
}

/* ── VIVRE ── */
#vivre { background: var(--champagne); }
.vivre-quote {
  font-family: var(--ff-serif); font-style: italic;
  font-size: clamp(1.6rem, 3.5vw, 2.8rem);
  font-weight: 400; line-height: 1.3;
  color: var(--emerald-dk); text-align: center;
  max-width: 660px; margin: 0 auto var(--s64);
}
.vivre-quote::before { content: '\201C'; color: var(--honey); margin-right: 4px; }
.vivre-quote::after  { content: '\201D'; color: var(--honey); margin-left: 4px; }

.photo-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--s8);
}
.photo-item { position: relative; overflow: hidden; aspect-ratio: 3/4; }
.photo-item img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform 0.55s ease;
}
.photo-item:hover img { transform: scale(1.04); }
.photo-caption {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: linear-gradient(to top, rgba(30,45,39,0.8) 0%, transparent 100%);
  padding: var(--s32) var(--s16) var(--s12);
  color: rgba(255,255,255,0.88); font-size: var(--tx-sm);
  letter-spacing: 0.05em;
}

/* ── SITUATION ── */
#situation { background: var(--emerald); }
#situation .u-label { color: var(--honey); }
#situation .u-divider { background: var(--honey); }
.sit-title {
  font-family: var(--ff-serif); font-size: var(--tx-2xl);
  font-weight: 400; color: var(--white);
  margin-bottom: var(--s24); line-height: 1.15;
}
.sit-title em { font-style: italic; }
.sit-body {
  color: rgba(255,255,255,0.72); font-size: var(--tx-base);
  line-height: 1.8; margin-bottom: var(--s32);
}
.sit-grid {
  display: grid; grid-template-columns: 1fr 1.5fr;
  gap: 72px; align-items: start;
}
.distances {
  border: 1px solid rgba(255,255,255,0.12);
  overflow: hidden; margin-bottom: var(--s32);
}
.dist {
  display: flex; justify-content: space-between; align-items: center;
  padding: var(--s12) var(--s16);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  transition: background 0.2s;
}
.dist:last-child { border-bottom: none; }
.dist:hover { background: rgba(255,255,255,0.07); }
.dist-name {
  color: rgba(255,255,255,0.8); font-size: var(--tx-sm);
  display: flex; align-items: center; gap: var(--s8);
}
.dist-name::before {
  content: ''; width: 4px; height: 4px;
  background: var(--honey); border-radius: 50%; flex-shrink: 0;
}
.dist-type {
  font-size: 10px; color: rgba(255,255,255,0.35);
  letter-spacing: 0.1em; text-transform: uppercase; margin-left: 6px;
}
.dist-time {
  font-family: var(--ff-serif); font-size: var(--tx-xl);
  color: var(--honey);
}

/* Interactive map */
.map-frame {
  border: 1px solid rgba(255,255,255,0.12);
  overflow: hidden;
}
.map-frame iframe { width: 100%; height: 380px; border: none; display: block; }

.atouts {
  display: grid; grid-template-columns: repeat(3,1fr);
  border: 1px solid rgba(255,255,255,0.1);
  overflow: hidden; margin-top: var(--s64);
}
.atout {
  padding: var(--s24) var(--s24);
  border-right: 1px solid rgba(255,255,255,0.1);
}
.atout:last-child { border-right: none; }
.atout-title { color: var(--white); font-size: var(--tx-base); font-weight: 500; margin-bottom: var(--s8); }
.atout-body  { color: rgba(255,255,255,0.48); font-size: var(--tx-sm); line-height: 1.55; }

/* ── OFFRE ── */
#offre { background: var(--offwhite); }
.offre-header {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 72px; align-items: start; margin-bottom: var(--s48);
}
.offre-title {
  font-family: var(--ff-serif); font-size: var(--tx-2xl);
  font-weight: 400; color: var(--emerald-dk);
  margin-bottom: var(--s24); line-height: 1.15;
}
.offre-title em { font-style: italic; }
.offre-body { font-size: var(--tx-base); color: var(--ink-mid); line-height: 1.8; margin-bottom: var(--s24); }

.offre-gallery {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: var(--s8); height: 480px;
}
.offre-gallery img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform 0.5s;
}
.offre-gallery img:hover { transform: scale(1.02); }
.offre-gallery .g-main { grid-row: 1 / 3; }

.types {
  display: grid; grid-template-columns: repeat(3,1fr); gap: var(--s16);
}
.type-card {
  background: var(--white);
  border: 1px solid var(--champ-dk);
  padding: var(--s24) var(--s24);
  position: relative; overflow: hidden;
  transition: border-color 0.2s, transform 0.2s;
}
.type-card:hover { border-color: var(--emerald); transform: translateY(-2px); }
.type-card::after {
  content: ''; position: absolute; top: 0; left: 0; right: 0;
  height: 2px; background: var(--emerald);
  transform: scaleX(0); transition: transform 0.25s; transform-origin: left;
}
.type-card:hover::after { transform: scaleX(1); }
.type-num {
  font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--honey); font-weight: 600; margin-bottom: var(--s8);
}
.type-name {
  font-family: var(--ff-serif); font-size: var(--tx-xl);
  color: var(--emerald-dk); margin-bottom: 4px;
}
.type-price { font-size: var(--tx-sm); color: var(--ink-mute); margin-bottom: var(--s16); }
.type-price strong { font-size: var(--tx-base); color: var(--ink); font-weight: 500; }
.type-features { list-style: none; display: flex; flex-direction: column; gap: 6px; }
.type-features li {
  font-size: var(--tx-sm); color: var(--ink-mute);
  display: flex; align-items: center; gap: var(--s8);
}
.type-features li::before {
  content: ''; width: 10px; height: 1px;
  background: var(--honey); flex-shrink: 0;
}

/* ── BROCHURE CTA BAND ── */
#brochure-cta { background: var(--emerald); }
.bro-inner {
  display: flex; justify-content: space-between;
  align-items: center; gap: var(--s32); flex-wrap: wrap;
}
.bro-title {
  font-family: var(--ff-serif); font-size: var(--tx-2xl);
  color: var(--white); font-weight: 400; margin-bottom: var(--s12);
  line-height: 1.15;
}
.bro-title em { font-style: italic; }
.bro-sub {
  font-size: var(--tx-base); color: rgba(255,255,255,0.62);
  max-width: 440px; line-height: 1.7;
}
.bro-ctas { display: flex; flex-direction: column; gap: var(--s12); min-width: 220px; }
.btn-honey {
  background: var(--honey); color: var(--white);
  padding: 15px var(--s32);
  font-size: var(--tx-xs); letter-spacing: 0.14em;
  text-transform: uppercase; font-weight: 600;
  text-decoration: none; display: flex;
  align-items: center; justify-content: center; gap: var(--s8);
  border: none; cursor: pointer; transition: background 0.2s;
}
.btn-honey:hover { background: var(--honey-lt); }
.btn-ghost-white {
  background: transparent; color: rgba(255,255,255,0.75);
  padding: 14px var(--s32);
  font-size: var(--tx-xs); letter-spacing: 0.14em;
  text-transform: uppercase; font-weight: 500;
  text-decoration: none; display: flex;
  align-items: center; justify-content: center; gap: var(--s8);
  border: 1px solid rgba(255,255,255,0.28); transition: all 0.2s;
}
.btn-ghost-white:hover { border-color: rgba(255,255,255,0.6); color: var(--white); }

/* ── CONTACT ── */
/* Update 1.0.19 — contact als elegante donkere CTA met witte formulierkaart; footer lichter en rustiger. */
#contact {
  background: var(--emerald-dk);
  color: rgba(255,255,255,0.74);
  position: relative;
  overflow: hidden;
}
#contact::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 42%;
  background: linear-gradient(180deg, rgba(239,224,211,0.12), rgba(239,224,211,0));
  pointer-events: none;
}
#contact .section-inner { position: relative; z-index: 1; }
.contact-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.78fr) minmax(520px, 1.22fr);
  gap: clamp(48px, 6vw, 96px);
  align-items: start;
}
.contact-title {
  font-family: var(--ff-serif);
  font-size: clamp(42px, 4.6vw, 72px);
  color: var(--white);
  font-weight: 400;
  margin: 0 auto clamp(44px, 5vw, 72px);
  line-height: 1.06;
  text-align: center;
  max-width: 860px;
}
.contact-title em {
  color: var(--champagne);
  font-style: italic;
}

/* Linkerkolom */
.contact-aside {
  color: rgba(255,255,255,0.76);
  padding-top: var(--s20);
}
.contact-urg {
  background: transparent;
  border-left: 1px solid rgba(193,150,106,0.58);
  padding: 0 0 0 var(--s28);
  margin: 0 0 var(--s48);
}
.cu-head {
  font-family: var(--ff-serif);
  font-size: clamp(28px, 2.4vw, 40px);
  color: var(--white);
  margin-bottom: var(--s18);
  display: flex;
  align-items: center;
  gap: var(--s12);
  flex-wrap: wrap;
  line-height: 1.1;
}
.cu-badge {
  background: rgba(193,150,106,0.22);
  border: 1px solid rgba(193,150,106,0.5);
  color: var(--champagne);
  font-size: 11px;
  font-weight: 700;
  padding: 4px var(--s10);
  font-family: var(--ff-sans);
  letter-spacing: 0.12em;
  transform: translateY(-1px);
}
.cu-body {
  font-size: var(--tx-sm);
  color: rgba(255,255,255,0.76);
  line-height: 1.75;
  margin-bottom: var(--s10);
  max-width: 455px;
}
.cu-body strong { color: var(--white); font-weight: 650; }
.cu-note {
  font-size: 11px;
  color: rgba(255,255,255,0.48);
  line-height: 1.5;
  max-width: 430px;
}

/* Partners block */
.partners {
  display: grid;
  gap: var(--s16);
  max-width: 430px;
}
.partners-label {
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(239,224,211,0.72);
  font-weight: 600;
  margin: var(--s8) 0 0;
}
.partners-label--spaced { margin-top: var(--s20); }
.partner-logos {
  display: flex;
  gap: var(--s24);
  align-items: center;
  margin: 0;
  flex-wrap: wrap;
}
.partner-logos img { height: 38px; width: auto; object-fit: contain; }
.partner-logos .logo-ion {
  filter: brightness(0) invert(1);
  opacity: 0.88;
}
.partner-wordmark {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--white);
  font-size: var(--tx-sm);
  font-weight: 500;
}
.luxred-diamonds {
  width: 38px;
  height: 18px;
  display: inline-block;
  position: relative;
  flex: 0 0 38px;
}
.luxred-diamonds::before,
.luxred-diamonds::after {
  content: '';
  position: absolute;
  top: 3px;
  width: 12px;
  height: 12px;
  border: 3px solid currentColor;
  transform: rotate(45deg);
}
.luxred-diamonds::before { left: 2px; }
.luxred-diamonds::after { left: 15px; box-shadow: 13px -13px 0 -3px currentColor, 13px -13px 0 0 currentColor; }
.partner-block {
  margin: 0 0 var(--s4);
  display: grid;
  gap: 8px;
}
.partner-name {
  font-size: 10px;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: rgba(239,224,211,0.64);
  font-weight: 700;
  margin: 0;
}
.partner-contact {
  display: flex;
  align-items: center;
  gap: var(--s10);
  font-size: var(--tx-sm);
  color: rgba(255,255,255,0.72);
  text-decoration: none;
  transition: color 0.2s;
}
.partner-contact:hover { color: var(--champagne); }
.partner-contact__icon {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(239,224,211,0.22);
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--champagne);
  flex: 0 0 30px;
  position: relative;
}
.partner-contact__icon::before { content: ''; display: block; color: currentColor; }
.partner-contact__icon--mail::before {
  width: 13px;
  height: 9px;
  border: 1px solid currentColor;
  border-radius: 1px;
}
.partner-contact__icon--mail::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
  top: 8px;
  left: 10px;
}
.partner-contact__icon--phone::before {
  width: 9px;
  height: 14px;
  border: 1px solid currentColor;
  border-radius: 4px;
  transform: rotate(-18deg);
}

/* Form */
.form-box {
  background: var(--white);
  color: var(--ink-mid);
  padding: clamp(36px, 4.4vw, 64px);
  border: 1px solid rgba(239,224,211,0.82);
  box-shadow: 0 28px 70px rgba(21,36,30,0.18);
}
.form-title {
  font-family: var(--ff-serif);
  font-size: clamp(34px, 3vw, 50px);
  line-height: 1.08;
  font-weight: 400;
  color: var(--emerald-dk);
  margin-bottom: var(--s10);
}
.form-sub {
  font-size: var(--tx-sm);
  color: var(--ink-mute);
  margin-bottom: var(--s28);
  line-height: 1.6;
  max-width: 650px;
}
.form-sub p { margin: 0; }
.form-embed { margin-top: var(--s16); }
.form-embed .wp-block-shortcode { margin: 0; }
.form-box .hbspt-form,
.form-box form { max-width: 100%; }
.form-box form fieldset,
.form-box .hs-form fieldset {
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
  margin: 0 0 14px !important;
}
.form-box form fieldset.form-columns-1,
.form-box .hs-form fieldset.form-columns-1 { grid-template-columns: 1fr; }
.form-box .hs-form-field,
.form-box .hs-form fieldset .field,
.form-box .hs-form fieldset[class*="form-columns"] .hs-form-field {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}
.form-box .hs-form-field { margin-bottom: var(--s12); }
.form-box .hs-form-field > label,
.form-box label {
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ink-mute);
  font-weight: 700;
  margin-bottom: 7px;
  display: block;
}
.form-box input:not([type=checkbox]):not([type=radio]),
.form-box select,
.form-box textarea,
.form-box .hs-input {
  background: var(--offwhite);
  border: 1px solid var(--champ-dk);
  padding: 12px var(--s16);
  font-size: var(--tx-sm);
  color: var(--ink);
  font-family: var(--ff-sans);
  outline: none;
  transition: border-color 0.2s, background 0.2s;
  width: 100% !important;
  max-width: none !important;
  border-radius: 0;
}
.form-box input:focus,
.form-box select:focus,
.form-box textarea:focus,
.form-box .hs-input:focus {
  border-color: var(--emerald);
  background: var(--white);
}
.form-box textarea,
.form-box textarea.hs-input { min-height: 94px; resize: vertical; }
.form-box input[type=checkbox],
.form-box input[type=radio] {
  accent-color: var(--emerald);
  width: 15px;
  height: 15px;
  margin: 2px 10px 0 0;
}
.form-box .inputs-list,
.form-box .hs-error-msgs {
  list-style: none;
  padding: 0;
  margin: 0;
}
.form-box .legal-consent-container,
.form-box .hs-dependent-field,
.form-box .hs-form-booleancheckbox-display,
.form-box .hs-form-checkbox-display {
  font-size: 12px;
  color: var(--ink-mute);
  line-height: 1.5;
}
.form-box input[type=submit],
.form-box .hs-button,
.form-box .btn-submit {
  width: min(360px, 100%);
  padding: 17px 24px;
  border: 0;
  background: var(--emerald-dk);
  color: var(--white);
  font-size: var(--tx-xs);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  cursor: pointer;
  font-family: var(--ff-sans);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--s8);
  margin: var(--s20) 0 0;
  transition: background 0.2s, transform 0.2s;
}
.form-box input[type=submit]:hover,
.form-box .hs-button:hover,
.form-box .btn-submit:hover {
  background: var(--emerald);
  transform: translateY(-1px);
}
.gdpr { display: flex; align-items: flex-start; gap: var(--s8); margin: var(--s16) 0; }
.gdpr input[type=checkbox] { flex-shrink:0; margin-top:2px; accent-color: var(--emerald); }
.gdpr label { font-size: 11px; color: var(--ink-mute); line-height: 1.5; }
.btn-submit {
  width: min(360px, 100%);
  padding: 17px 24px;
  font-size: var(--tx-xs);
  letter-spacing: 0.16em;
  cursor: pointer;
  font-family: var(--ff-sans);
}

/* ── FOOTER ── */
footer {
  background: var(--offwhite);
  color: var(--ink-mid);
  padding: clamp(56px, 6vw, 88px) 6% var(--s32);
  border-top: 1px solid rgba(61,84,73,0.12);
}
.foot-inner { max-width: 1240px; margin: auto; }
.foot-top {
  display: grid;
  grid-template-columns: minmax(250px, 1.4fr) repeat(3, minmax(160px, 0.8fr));
  gap: clamp(32px, 5vw, 76px);
  padding-bottom: var(--s48);
  border-bottom: 1px solid rgba(61,84,73,0.14);
  margin-bottom: var(--s24);
  align-items: start;
}
.foot-logo {
  display: flex;
  align-items: center;
  gap: var(--s14);
  margin-bottom: var(--s14);
}
.foot-logo img {
  height: 52px;
  width: auto;
  filter: none;
  opacity: 0.82;
}
.foot-tagline {
  font-size: var(--tx-sm);
  color: var(--ink-mute);
  margin-top: 10px;
  line-height: 1.6;
}
.foot-col-label {
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--honey);
  font-weight: 700;
  margin-bottom: var(--s16);
}
.foot-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.foot-links a {
  font-size: var(--tx-sm);
  color: var(--ink-mid);
  text-decoration: none;
  transition: color 0.2s;
}
.foot-links a:hover { color: var(--emerald); }
ul.foot-links li { margin: 0; padding: 0; }
.foot-bottom {
  display: flex;
  justify-content: space-between;
  gap: var(--s16);
  flex-wrap: wrap;
  align-items: center;
}
.foot-legal {
  font-size: 11px;
  color: var(--ink-mute);
  line-height: 1.6;
}
.foot-legal a { color: var(--ink-mid); text-decoration: underline; text-underline-offset: 3px; }

/* ── SCROLL ANIMATION ── */
.anim { opacity: 0; transform: translateY(20px); transition: opacity 0.58s ease, transform 0.58s ease; }
.anim.show { opacity: 1; transform: translateY(0); }

/* ── RESPONSIVE ── */
@media (max-width: 960px) {
  #nav ul { display: none; }
  .hero-content { grid-template-columns: 1fr; }
  .hero-urg-card { width: 100%; }
  .hero-urgency-strip { flex-direction: column; gap: 6px; text-align: center; }
  .hus-sep { display: none; }
  .projet-grid, .sit-grid, .offre-header, .contact-grid { grid-template-columns: 1fr; gap: var(--s48); }
  .photo-grid { grid-template-columns: 1fr 1fr; }
  .types { grid-template-columns: 1fr; }
  .atouts { grid-template-columns: 1fr; }
  .atout { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); }
  .offre-gallery { grid-template-columns: 1fr 1fr; grid-template-rows: auto; height: auto; }
  .offre-gallery .g-main { grid-row: auto; }
  .fr { grid-template-columns: 1fr; }
  .form-box { padding: var(--s24) var(--s16); }
  .section { padding: var(--s64) 5%; }
  .bro-inner { flex-direction: column; }
}
@media (max-width: 600px) {
  .hero-title { font-size: 2.6rem; }
  .photo-grid { grid-template-columns: 1fr 1fr; }
}


/* WordPress / Gutenberg refinements */
body.admin-bar #nav{top:32px}.ed-main{overflow:hidden}.editor-styles-wrapper{background:var(--offwhite);color:var(--ink);font-family:var(--ff-sans)}.editor-styles-wrapper .wp-block{max-width:none}.editor-styles-wrapper .anim{opacity:1!important;transform:none!important}.editor-styles-wrapper .section{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.ed-bg-offwhite{background:var(--offwhite)!important}.ed-bg-white{background:var(--white)!important}.ed-bg-champagne{background:var(--champagne)!important}.ed-bg-emerald{background:var(--emerald)!important}.ed-bg-emerald .section-title,.ed-bg-emerald h2,.ed-bg-emerald p{color:var(--white)}
.ed-spacing-both{padding-top:var(--s96)!important;padding-bottom:var(--s96)!important}.ed-spacing-top{padding-top:var(--s96)!important;padding-bottom:0!important}.ed-spacing-bottom{padding-top:0!important;padding-bottom:var(--s96)!important}.ed-spacing-none{padding-top:0!important;padding-bottom:0!important}
@media(max-width:960px){.ed-spacing-both{padding-top:var(--s64)!important;padding-bottom:var(--s64)!important}.ed-spacing-top{padding-top:var(--s64)!important}.ed-spacing-bottom{padding-bottom:var(--s64)!important}.ed-spacing-none{padding-top:0!important;padding-bottom:0!important}}
.section-title{font-family:var(--ff-serif);font-size:var(--tx-2xl);font-weight:400;color:var(--emerald-dk);margin-bottom:var(--s24);line-height:1.15}.center{text-align:center}.wp-block-buttons{display:flex}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-button__link{border-radius:0!important;font-size:var(--tx-xs)!important;font-weight:600!important;letter-spacing:.16em!important;text-transform:uppercase!important;text-decoration:none!important;padding:14px var(--s32)!important}.wp-block-button__link.has-emerald-background-color{background:var(--emerald)!important;color:#fff!important}.wp-block-button__link.has-honey-background-color{background:var(--honey)!important;color:#fff!important}.wp-block-button__link.has-champagne-background-color{background:var(--champagne)!important;color:var(--ink)!important}.wp-block-button__link.has-white-background-color{background:#fff!important;color:var(--emerald)!important}.hero-ctas .wp-block-button__link,.btn-group .wp-block-button__link{margin-right:var(--s12)}
.types .block-editor-inner-blocks,.types .block-editor-block-list__layout{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s16)}.types .wp-block-group{background:var(--white);border:1px solid var(--champ-dk);padding:var(--s24)}
.distances .wp-block-list{list-style:none;margin:0;padding:0}.distances li{display:flex;justify-content:space-between;padding:var(--s12) var(--s16);border-bottom:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.8)}.distances li::marker{content:''}
.ed-section-panel-note{font-size:12px;color:#666;margin-top:8px}.form-box .hbspt-form,.form-box form{max-width:100%}
@media(max-width:600px){#nav{height:60px}.section{padding-inline:5%}.hero-content{padding:120px 6% 56px}.hero-urgency-strip{top:60px}.photo-grid{grid-template-columns:1fr}.hero-title{font-size:2.7rem}.offre-gallery{grid-template-columns:1fr;height:auto}.contact-title{text-align:left}}


/* Update 1.0.1 — local assets and full hero CTA/card. */
.hero-ctas{display:flex;gap:var(--s12);flex-wrap:wrap}.hero-ctas .wp-block-buttons{display:flex;gap:var(--s12);flex-wrap:wrap;margin:0}.hero-ctas .wp-block-button__link{margin-right:0!important}
.hero-ctas .wp-block-button.is-style-ghost-light .wp-block-button__link,.wp-block-button.is-style-ghost-light .wp-block-button__link{background:transparent!important;color:rgba(255,255,255,.85)!important;border:1px solid rgba(255,255,255,.38);padding:13px var(--s32)!important}.hero-ctas .wp-block-button.is-style-ghost-light .wp-block-button__link:hover,.wp-block-button.is-style-ghost-light .wp-block-button__link:hover{border-color:var(--champagne);color:var(--champagne)!important}
.hero-urg-card p{font-size:var(--tx-sm);color:var(--ink-mid);line-height:1.65;margin-bottom:var(--s12)}.hero-urg-card p:last-child{margin-bottom:0}.hero-urg-card .huc-note{font-size:11px!important;color:var(--ink-mute)!important;margin-top:var(--s8);display:block;line-height:1.4}.nav-logo img{height:38px;width:auto;object-fit:contain}.foot-logo img{height:44px;width:auto;object-fit:contain;filter:none!important;opacity:.92!important}


/* Update 1.0.3 — project card copy, paragraph rhythm and secondary button. */
.urg-card__body p{margin-bottom:var(--s8)!important;line-height:1.6}.urg-card__body p:last-child{margin-bottom:0!important}.urg-card__note{font-size:11px!important;color:var(--ink-mute)!important;line-height:1.45!important;margin-top:var(--s8)!important}
.projet-grid .anim > p:not(.u-label){font-size:var(--tx-base);line-height:1.8;color:var(--ink-mid);margin-bottom:var(--s16)!important}.projet-grid .wp-block-buttons{margin-top:var(--s32)!important}.projet-grid .wp-block-button__link,.wp-block-button.is-style-ghost-dark .wp-block-button__link{background:transparent!important;color:var(--emerald)!important;border:1px solid var(--emerald);padding:13px var(--s32)!important}.projet-grid .wp-block-button__link:hover,.wp-block-button.is-style-ghost-dark .wp-block-button__link:hover{background:var(--emerald)!important;color:var(--white)!important}


/* Update 1.0.4 — editable small note in project urgency card. */
.urg-card__body .urg-card__note{display:block;font-size:11px!important;color:var(--ink-mute)!important;line-height:1.45!important;margin-top:var(--s8)!important;margin-bottom:0!important}
.editor-styles-wrapper .urg-card__note{cursor:text}


/* Update 1.0.5 — project image height and localisation parity. */
@media(min-width:961px){.projet-grid{align-items:stretch!important}.projet-grid>.anim{height:100%!important}.projet-img{height:100%!important;min-height:620px!important}.projet-img img{height:100%!important;object-fit:cover!important}}
#situation .sit-grid{align-items:start!important}.map-frame iframe{height:380px!important}.distances .wp-block-list{list-style:none!important;margin:0!important;padding:0!important}.distances .wp-block-list li{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:var(--s12) var(--s16)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:rgba(255,255,255,.8)!important}.distances .wp-block-list li::marker{content:''}.distances+.btn,.distances+.wp-block-buttons,#situation .btn-primary{margin-top:var(--s32)!important;display:inline-block}.editor-styles-wrapper .distances{border:1px solid rgba(255,255,255,.12)!important}.editor-styles-wrapper .atouts{display:grid!important}


/* Update 1.0.6 — localisation rhythm and white outline CTA. */
#situation .sit-body{margin-bottom:var(--s32)!important}#situation .distances{margin-top:0!important;margin-bottom:var(--s32)!important}#situation .btn-ghost-light,#situation .wp-block-button.is-style-ghost-light .wp-block-button__link{background:transparent!important;color:rgba(255,255,255,.88)!important;border:1px solid rgba(255,255,255,.7);padding:13px var(--s32)!important}#situation .btn-ghost-light:hover,#situation .wp-block-button.is-style-ghost-light .wp-block-button__link:hover{border-color:var(--champagne);color:var(--champagne)!important;background:transparent!important}

/* Update 1.0.10 — footer menu uit WordPress menu netjes resetten */
.foot-links.foot-menu,
ul.foot-links{
  list-style:none;
  margin:0;
  padding:0;
}


/* Update 1.0.10 — native aanbod/type kaarten */
.types .wp-block-buttons{
  grid-column:1/-1;
  margin-bottom:var(--s16);
}
.types .wp-block-buttons + .type-card,
.types .wp-block-buttons + .wp-block-entredeux-offer-card{
  margin-top:0;
}
.type-features{
  margin-top:var(--s16);
  display:grid;
  gap:var(--s8);
  color:var(--ink-mid);
  font-size:var(--tx-sm);
  line-height:1.6;
}
.type-features p{margin:0;}
.type-features p::before{
  content:'–';
  color:var(--honey);
  margin-right:10px;
}
.types .wp-block-entredeux-offer-card{margin:0!important;}
.editor-styles-wrapper .types .wp-block-buttons,
.types .block-editor-block-list__layout > .wp-block-buttons{
  grid-column:1/-1;
}


/* Update 1.0.10 — button stijlen + offer lightbox */
.wp-block-button.is-style-ed-green .wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-ed-green{
  background:var(--emerald)!important;
  color:#fff!important;
}
.wp-block-button.is-style-ed-honey .wp-block-button__link,
.wp-block-button.is-style-ed-honey-download .wp-block-button__link{
  background:var(--honey)!important;
  color:#fff!important;
}
.wp-block-button.is-style-ed-border .wp-block-button__link,
.wp-block-button.is-style-ed-border-download .wp-block-button__link{
  background:transparent!important;
  color:inherit!important;
  border:1px solid currentColor;
}
.wp-block-button.is-style-ed-green-download .wp-block-button__link{
  background:var(--emerald)!important;
  color:#fff!important;
}
.wp-block-button.is-style-ed-honey-download .wp-block-button__link,
.wp-block-button.is-style-ed-green-download .wp-block-button__link,
.wp-block-button.is-style-ed-border-download .wp-block-button__link{
  display:inline-flex!important;
  align-items:center!important;
  gap:14px!important;
}
.wp-block-button.is-style-ed-honey-download .wp-block-button__link::before,
.wp-block-button.is-style-ed-green-download .wp-block-button__link::before,
.wp-block-button.is-style-ed-border-download .wp-block-button__link::before{
  content:'↓';
  font-size:18px;
  line-height:1;
  font-weight:400;
  letter-spacing:0;
}
.offre-cta{margin-top:var(--s32);}
.offre-cta .wp-block-buttons{margin:0;}
.ed-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(30,45,39,.88);padding:48px;}
.ed-lightbox.open{display:flex;}
.ed-lightbox-img{max-width:min(1100px,90vw);max-height:84vh;object-fit:contain;box-shadow:0 24px 80px rgba(0,0,0,.35);}
.ed-lightbox-close,.ed-lightbox-btn{position:absolute;border:0;background:rgba(255,255,255,.92);color:var(--emerald-dk);cursor:pointer;}
.ed-lightbox-close{top:24px;right:24px;width:44px;height:44px;font-size:32px;line-height:1;border-radius:999px;}
.ed-lightbox-btn{top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:999px;font-size:44px;line-height:.8;}
.ed-lightbox-prev{left:28px;}.ed-lightbox-next{right:28px;}
@media(max-width:700px){.ed-lightbox{padding:24px}.ed-lightbox-btn{width:42px;height:42px;font-size:34px}.ed-lightbox-prev{left:12px}.ed-lightbox-next{right:12px}}

/* Update 1.0.12 — Rand-controls blijven native, maar geen automatische rand op alle knoppen */
.wp-block-button.is-style-ed-border .wp-block-button__link,
.wp-block-button.is-style-ed-border-download .wp-block-button__link{
  border-width:1px;
  border-style:solid;
  border-color:currentColor;
}
.wp-block-button__link[style*="border-width"],
.wp-block-button__link[style*="border-color"],
.wp-block-button__link[style*="border-style"]{
  box-sizing:border-box;
}


/* Update 1.0.13 — uploadbaar icoon voor native Gutenberg-knoppen */
.wp-block-button.has-ed-uploaded-button-icon .wp-block-button__link,
.wp-block-button__link.has-ed-uploaded-icon{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
}
.wp-block-button__link .ed-button-icon{
  width:18px;
  height:18px;
  object-fit:contain;
  display:inline-block;
  flex:0 0 18px;
}
.wp-block-button.has-ed-uploaded-button-icon.is-style-ed-honey-download .wp-block-button__link::before,
.wp-block-button.has-ed-uploaded-button-icon.is-style-ed-green-download .wp-block-button__link::before,
.wp-block-button.has-ed-uploaded-button-icon.is-style-ed-border-download .wp-block-button__link::before{
  content:none!important;
}
.editor-styles-wrapper .wp-block-button.has-ed-uploaded-button-icon .wp-block-button__link{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
}
.editor-styles-wrapper .wp-block-button.has-ed-uploaded-button-icon .wp-block-button__link::before{
  content:''!important;
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:inline-block;
  background-image:var(--ed-button-icon);
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
}


/* Update 1.0.14 — front-end knopiconen + volledige breedte */
.wp-block-button.has-ed-full-width,
.wp-block-buttons .wp-block-button.has-ed-full-width{
  width:100%;
  display:block;
}
.wp-block-button.has-ed-full-width .wp-block-button__link{
  width:100%;
  justify-content:center;
}
.editor-styles-wrapper .wp-block-button.has-ed-full-width,
.editor-styles-wrapper .wp-block-buttons .wp-block-button.has-ed-full-width{
  width:100%;
  display:block;
}
.editor-styles-wrapper .wp-block-button.has-ed-full-width .wp-block-button__link{
  width:100%;
  justify-content:center;
}

/* Update 1.0.19 final overrides — keep contact/footer refinement above older compatibility rules. */
footer .foot-logo img{height:52px!important;filter:none!important;opacity:.82!important;}
footer .foot-links a{color:var(--ink-mid)!important;}
footer .foot-links a:hover{color:var(--emerald)!important;}
#contact .form-box form fieldset,#contact .form-box .hs-form fieldset{max-width:none!important;}
@media(max-width:960px){
  #contact .contact-grid{grid-template-columns:1fr!important;gap:var(--s48)!important;}
  #contact .contact-aside{padding-top:0;}
  #contact .form-box{padding:var(--s32)!important;}
  footer .foot-top{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:600px){
  #contact .contact-title{text-align:left!important;font-size:40px;}
  #contact .form-box form fieldset,#contact .form-box .hs-form fieldset{grid-template-columns:1fr!important;}
  footer .foot-top{grid-template-columns:1fr!important;gap:var(--s28)!important;}
  footer .foot-bottom{display:grid;gap:var(--s10);}
}

/* Update 1.0.20 — contact volgorde op vraag: normale H2, urgentie onder titel, partners onder formulier. */
#contact .contact-title{
  font-size:var(--tx-2xl)!important;
  line-height:1.15!important;
  max-width:760px;
  margin:0 auto var(--s32)!important;
}
#contact .contact-urg--intro{
  max-width:1040px;
  margin:0 auto var(--s48)!important;
  padding:clamp(24px,3.2vw,42px)!important;
  border:1px solid rgba(239,224,211,.22)!important;
  border-left:3px solid rgba(193,150,106,.72)!important;
  background:rgba(239,224,211,.12)!important;
  backdrop-filter:blur(10px);
  box-shadow:none!important;
}
#contact .contact-urg--intro .cu-head{
  font-size:var(--tx-xl)!important;
  margin-bottom:var(--s16)!important;
}
#contact .contact-urg--intro .cu-body{
  max-width:none!important;
  display:grid;
  gap:var(--s8);
}
#contact .contact-urg--intro .cu-body p{margin:0;}
#contact .contact-urg--intro .cu-note{
  max-width:none!important;
  margin-top:var(--s12)!important;
}
#contact .contact-grid--form{
  display:grid!important;
  grid-template-columns:minmax(0,980px)!important;
  justify-content:center;
  gap:0!important;
  margin:0 auto;
}
#contact .contact-grid--form .form-box{width:100%;}
#contact .contact-partners-row{
  max-width:1040px;
  margin:var(--s56,56px) auto 0;
  padding-top:var(--s32);
  border-top:1px solid rgba(239,224,211,.18);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s24);
}
#contact .contact-partner-card{
  display:grid;
  gap:var(--s12);
  padding:var(--s24);
  background:rgba(255,255,255,.055);
  border:1px solid rgba(239,224,211,.14);
}
#contact .contact-partner-card .partners-label{margin:0;}
#contact .contact-partner-card .partner-logos{min-height:42px;}
@media(max-width:760px){
  #contact .contact-title{text-align:left!important;}
  #contact .contact-partners-row{grid-template-columns:1fr;}
  #contact .contact-urg--intro{padding:var(--s24)!important;}
}

/* Update 1.0.21 — contact terug beige met tekstkolom naast formulier. */
#contact{
  background:var(--champagne)!important;
  color:var(--ink-mid)!important;
}
#contact::before{display:none!important;}
#contact .contact-title{
  color:var(--emerald-dk)!important;
  font-size:var(--tx-2xl)!important;
  line-height:1.15!important;
  max-width:760px;
  margin:0 auto var(--s48)!important;
  text-align:center!important;
}
#contact .contact-title em{color:var(--emerald-dk)!important;}
#contact .contact-grid--with-copy{
  display:grid!important;
  grid-template-columns:minmax(280px,.82fr) minmax(520px,1.18fr)!important;
  gap:clamp(44px,5vw,76px)!important;
  align-items:start;
  max-width:1180px;
  margin:0 auto;
}
#contact .contact-copy{
  color:var(--ink-mid)!important;
  padding:var(--s16) 0 var(--s16) var(--s32);
  border-left:3px solid var(--honey);
}
#contact .contact-copy-title{
  font-family:var(--ff-serif);
  font-size:clamp(32px,2.9vw,46px);
  line-height:1.12;
  font-weight:400;
  color:var(--emerald-dk);
  margin:0 0 var(--s20);
}
#contact .contact-copy-text{
  font-size:var(--tx-base);
  line-height:1.75;
  color:var(--ink-mid);
  max-width:520px;
}
#contact .contact-copy-text p{margin:0 0 var(--s16);}
#contact .contact-quick{
  margin-top:var(--s40,40px);
  padding-top:var(--s24);
  border-top:1px solid rgba(61,84,73,.16);
}
#contact .contact-quick-title{
  font-family:var(--ff-serif);
  font-size:var(--tx-xl);
  line-height:1.15;
  color:var(--emerald-dk);
  margin:0 0 var(--s8);
}
#contact .contact-quick-text{
  color:var(--ink-mute);
  font-size:var(--tx-sm);
  line-height:1.6;
  margin:0 0 var(--s20);
}
#contact .contact-quick-links{
  display:grid;
  gap:var(--s12);
}
#contact .contact-direct-link,
#contact .contact-copy .partner-contact{
  color:var(--ink-mid)!important;
  font-size:clamp(18px,1.5vw,22px);
}
#contact .contact-copy .partner-contact:hover{color:var(--emerald)!important;}
#contact .contact-copy .partner-contact__icon{
  width:44px;
  height:44px;
  flex-basis:44px;
  color:var(--emerald);
  border-color:rgba(61,84,73,.22);
  background:rgba(255,255,255,.28);
}
#contact .form-box{
  background:var(--white)!important;
  color:var(--ink-mid)!important;
  border:1px solid var(--champ-dk)!important;
  box-shadow:0 18px 52px rgba(61,84,73,.10)!important;
  padding:clamp(32px,4vw,52px)!important;
}
#contact .form-embed{margin-top:0!important;}
#contact .contact-partners-row{
  max-width:1180px;
  margin:var(--s64) auto 0!important;
  padding-top:var(--s32);
  border-top:1px solid rgba(61,84,73,.14)!important;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s24);
}
#contact .contact-partner-card{
  background:rgba(255,255,255,.38)!important;
  border:1px solid rgba(61,84,73,.12)!important;
  padding:var(--s24)!important;
  display:grid;
  gap:var(--s12);
}
#contact .partners-label{
  color:var(--ink-mute)!important;
  margin:0!important;
}
#contact .partner-name{color:var(--emerald)!important;}
#contact .partner-wordmark{color:var(--ink)!important;}
#contact .partner-logos .logo-ion{filter:brightness(0) saturate(0) contrast(1.2)!important;opacity:.92!important;}
#contact .contact-partner-card .partner-contact{color:var(--ink-mid)!important;font-size:var(--tx-sm)!important;}
#contact .contact-partner-card .partner-contact:hover{color:var(--emerald)!important;}
#contact .contact-partner-card .partner-contact__icon{
  color:var(--emerald)!important;
  border-color:rgba(61,84,73,.18)!important;
  background:rgba(255,255,255,.38);
}
@media(max-width:960px){
  #contact .contact-grid--with-copy{grid-template-columns:1fr!important;gap:var(--s40,40px)!important;}
  #contact .contact-copy{padding-left:var(--s24);}
}
@media(max-width:700px){
  #contact .contact-title{text-align:left!important;}
  #contact .contact-partners-row{grid-template-columns:1fr!important;}
  #contact .contact-copy-title{font-size:32px;}
}

/* Update 1.0.22 — beige brochure-layout met licht blok boven formulier. */
#contact{
  background:var(--champagne)!important;
  color:var(--ink-mid)!important;
}
#contact::before{display:none!important;}
#contact .contact-title{
  color:var(--emerald-dk)!important;
  font-size:var(--tx-2xl)!important;
  line-height:1.15!important;
  max-width:760px;
  margin:0 auto var(--s56,56px)!important;
  text-align:center!important;
}
#contact .contact-title em{color:var(--emerald-dk)!important;}
#contact .contact-grid--brochure{
  display:grid!important;
  grid-template-columns:minmax(300px,.82fr) minmax(560px,1.18fr)!important;
  gap:clamp(56px,6vw,96px)!important;
  align-items:start!important;
  max-width:1180px;
  margin:0 auto!important;
}
#contact .contact-copy{
  padding:var(--s12) 0 0 0!important;
  border-left:0!important;
  color:var(--ink-mid)!important;
}
#contact .contact-eyebrow{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 var(--s20);
  color:var(--honey);
  font-size:10px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
#contact .contact-eyebrow::before{
  content:'';
  width:42px;
  height:1px;
  background:var(--honey);
  opacity:.75;
}
#contact .contact-copy-title{
  font-family:var(--ff-serif)!important;
  font-size:clamp(48px,5vw,78px)!important;
  line-height:1.02!important;
  font-weight:400!important;
  letter-spacing:-.02em;
  color:var(--emerald-dk)!important;
  margin:0 0 var(--s28)!important;
  max-width:520px;
}
#contact .contact-copy-text{
  max-width:560px;
  color:var(--ink-mid)!important;
  font-size:clamp(17px,1.35vw,21px);
  line-height:1.72;
}
#contact .contact-copy-text p{margin:0 0 var(--s20)!important;}
#contact .contact-quick{
  margin-top:var(--s36,36px)!important;
  padding-top:var(--s28,28px)!important;
  border-top:1px solid rgba(61,84,73,.16)!important;
}
#contact .contact-quick-title{
  font-family:var(--ff-serif)!important;
  font-size:var(--tx-xl)!important;
  color:var(--emerald-dk)!important;
  line-height:1.16;
  margin:0 0 var(--s8)!important;
}
#contact .contact-quick-text{
  margin:0 0 var(--s20)!important;
  font-size:var(--tx-sm);
  color:var(--ink-mute)!important;
  line-height:1.6;
}
#contact .contact-quick-links{display:grid;gap:var(--s12)!important;}
#contact .contact-copy .partner-contact{
  color:var(--ink-mid)!important;
  font-size:clamp(18px,1.45vw,22px)!important;
}
#contact .contact-copy .partner-contact__icon{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  color:var(--emerald)!important;
  border-color:rgba(61,84,73,.18)!important;
  background:rgba(255,255,255,.32)!important;
}
#contact .contact-form-stack{
  display:grid;
  gap:var(--s20);
}
#contact .contact-urg--above-form{
  margin:0!important;
  padding:var(--s24)!important;
  background:rgba(255,255,255,.34)!important;
  border:1px solid rgba(61,84,73,.12)!important;
  border-left:3px solid var(--honey)!important;
  color:var(--ink-mid)!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px);
}
#contact .contact-urg--above-form .cu-head{
  font-size:var(--tx-xl)!important;
  color:var(--emerald-dk)!important;
  margin-bottom:var(--s12)!important;
}
#contact .contact-urg--above-form .cu-badge{
  background:var(--emerald)!important;
  color:var(--white)!important;
  border:0!important;
}
#contact .contact-urg--above-form .cu-body{
  color:var(--ink-mid)!important;
  max-width:none!important;
  font-size:var(--tx-sm)!important;
  line-height:1.65!important;
}
#contact .contact-urg--above-form .cu-body p{margin:0 0 var(--s8)!important;}
#contact .contact-urg--above-form .cu-body strong{color:var(--ink)!important;}
#contact .contact-urg--above-form .cu-note{
  color:var(--ink-mute)!important;
  margin-top:var(--s8)!important;
  max-width:none!important;
}
#contact .form-box{
  background:var(--white)!important;
  color:var(--ink-mid)!important;
  border:1px solid var(--champ-dk)!important;
  box-shadow:0 20px 60px rgba(61,84,73,.10)!important;
  padding:clamp(32px,4vw,52px)!important;
}
#contact .form-embed{margin-top:0!important;}
#contact .contact-partners-row{
  max-width:1180px;
  margin:var(--s64) auto 0!important;
  padding-top:var(--s32)!important;
  border-top:1px solid rgba(61,84,73,.14)!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:var(--s24)!important;
}
#contact .contact-partner-card{
  background:rgba(255,255,255,.36)!important;
  border:1px solid rgba(61,84,73,.12)!important;
  padding:var(--s24)!important;
}
#contact .partners-label{color:var(--ink-mute)!important;margin:0!important;}
#contact .partner-name{color:var(--emerald)!important;}
#contact .partner-wordmark{color:var(--ink)!important;}
#contact .partner-logos .logo-ion{filter:brightness(0) saturate(0) contrast(1.2)!important;opacity:.92!important;}
#contact .contact-partner-card .partner-contact{color:var(--ink-mid)!important;font-size:var(--tx-sm)!important;}
#contact .contact-partner-card .partner-contact__icon{
  color:var(--emerald)!important;
  border-color:rgba(61,84,73,.18)!important;
  background:rgba(255,255,255,.38)!important;
}
@media(max-width:960px){
  #contact .contact-grid--brochure{grid-template-columns:1fr!important;gap:var(--s48)!important;}
  #contact .contact-copy-title{font-size:48px!important;}
}
@media(max-width:700px){
  #contact .contact-title{text-align:left!important;}
  #contact .contact-copy-title{font-size:40px!important;}
  #contact .contact-partners-row{grid-template-columns:1fr!important;}
}

/* Update 1.0.23 — blok boven twee kolommen; hoofdtitel in linkerkolom met normale groottes. */
#contact .contact-urg--intro{
  max-width:1180px!important;
  margin:0 auto var(--s48)!important;
  padding:var(--s24) var(--s32)!important;
  background:rgba(255,255,255,.34)!important;
  border:1px solid rgba(61,84,73,.12)!important;
  border-left:3px solid var(--honey)!important;
  color:var(--ink-mid)!important;
  backdrop-filter:blur(8px);
}
#contact .contact-urg--intro .cu-head{
  font-size:var(--tx-xl)!important;
  color:var(--emerald-dk)!important;
  margin-bottom:var(--s12)!important;
}
#contact .contact-urg--intro .cu-badge{
  background:var(--emerald)!important;
  color:var(--white)!important;
  border:0!important;
}
#contact .contact-urg--intro .cu-body{
  color:var(--ink-mid)!important;
  max-width:none!important;
  font-size:var(--tx-sm)!important;
  line-height:1.65!important;
}
#contact .contact-urg--intro .cu-body p{margin:0 0 var(--s8)!important;}
#contact .contact-urg--intro .cu-body strong{color:var(--ink)!important;}
#contact .contact-urg--intro .cu-note{
  color:var(--ink-mute)!important;
  margin-top:var(--s8)!important;
  max-width:none!important;
}
#contact .contact-grid--brochure{
  display:grid!important;
  grid-template-columns:minmax(300px,.85fr) minmax(540px,1.15fr)!important;
  gap:clamp(44px,5vw,76px)!important;
  align-items:start!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
#contact .contact-copy-title{
  font-family:var(--ff-serif)!important;
  font-size:var(--tx-2xl)!important;
  line-height:1.15!important;
  font-weight:400!important;
  letter-spacing:0!important;
  color:var(--emerald-dk)!important;
  margin:0 0 var(--s24)!important;
  max-width:520px!important;
}
#contact .contact-copy-title em{font-style:italic;color:var(--emerald-dk)!important;}
#contact .contact-copy-lead{
  font-size:var(--tx-base)!important;
  line-height:1.7!important;
  color:var(--ink-mid)!important;
  margin:0 0 var(--s16)!important;
  max-width:540px;
}
#contact .contact-copy-text{
  font-size:var(--tx-base)!important;
  line-height:1.7!important;
  color:var(--ink-mid)!important;
  max-width:540px!important;
}
#contact .contact-copy-text p{margin:0 0 var(--s16)!important;}
#contact .contact-quick-title{
  font-size:var(--tx-xl)!important;
}
#contact .contact-copy .partner-contact{
  font-size:var(--tx-base)!important;
}
@media(max-width:960px){
  #contact .contact-grid--brochure{grid-template-columns:1fr!important;}
}
@media(max-width:700px){
  #contact .contact-urg--intro{padding:var(--s24)!important;}
  #contact .contact-copy-title{font-size:32px!important;}
}

/* Update 1.0.24 — formulierstyling dichter bij de gewenste EntreDeux mock-up. */
#contact .form-box{
  padding:clamp(34px,3.4vw,50px)!important;
  background:var(--white)!important;
  border:1px solid rgba(207,184,163,.72)!important;
  box-shadow:none!important;
}
#contact .form-box .tgh-hs-form-target,
#contact .form-box .form-wrap{
  --tgh-hs-green:var(--emerald,#4d725f);
  --tgh-hs-dark:var(--emerald-dk,#33483e);
  --tgh-hs-accent:var(--honey,#c89460);
  --tgh-hs-cream:var(--offwhite,#fbfaf7);
  --tgh-hs-border:rgba(207,184,163,.86);
  --tgh-hs-ink:var(--ink,#243029);
  --tgh-hs-muted:var(--ink-mute,#6f7f76);
}
#contact .form-box .form-embed,
#contact .form-box .hbspt-form,
#contact .form-box .tgh-hs-form-target,
#contact .form-box form.hs-form,
#contact .form-box form{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  color:var(--ink)!important;
  font-family:var(--ff-sans)!important;
}
#contact .form-box form.hs-form fieldset,
#contact .form-box .hs-form fieldset,
#contact .form-box form fieldset{
  max-width:none!important;
  border:0!important;
  padding:0!important;
  margin:0 0 18px!important;
  display:flex!important;
  gap:18px 24px!important;
  float:none!important;
}
#contact .form-box form.hs-form fieldset.form-columns-1,
#contact .form-box .hs-form fieldset.form-columns-1,
#contact .form-box form fieldset.form-columns-1{
  display:block!important;
}
#contact .form-box form.hs-form .form-columns-2 .hs-form-field,
#contact .form-box .hs-form .form-columns-2 .hs-form-field,
#contact .form-box form .form-columns-2 .hs-form-field{
  width:calc(50% - 12px)!important;
  max-width:calc(50% - 12px)!important;
  flex:0 0 calc(50% - 12px)!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
}
#contact .form-box form.hs-form .form-columns-1 .hs-form-field,
#contact .form-box .hs-form .form-columns-1 .hs-form-field,
#contact .form-box form .form-columns-1 .hs-form-field,
#contact .form-box .hs-form-field{
  width:100%!important;
  max-width:100%!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
}
#contact .form-box .input,
#contact .form-box .hs-input,
#contact .form-box .hs-form-field .input{
  margin:0!important;
}
#contact .form-box .hs-form-field > label,
#contact .form-box form.hs-form label:not(.hs-form-checkbox-display):not(.hs-form-booleancheckbox-display),
#contact .form-box label:not(.hs-form-checkbox-display):not(.hs-form-booleancheckbox-display){
  display:block!important;
  margin:0 0 8px!important;
  font-family:var(--ff-sans)!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  color:var(--ink-mute)!important;
}
#contact .form-box .hs-form-required{
  color:var(--honey)!important;
  margin-left:3px!important;
}
#contact .form-box input.hs-input:not([type="checkbox"]):not([type="radio"]),
#contact .form-box select.hs-input,
#contact .form-box textarea.hs-input,
#contact .form-box input:not([type="checkbox"]):not([type="radio"]),
#contact .form-box select,
#contact .form-box textarea{
  width:100%!important;
  max-width:100%!important;
  min-height:56px!important;
  padding:14px 18px!important;
  border:1px solid rgba(207,184,163,.86)!important;
  border-radius:0!important;
  background:var(--offwhite)!important;
  color:var(--ink)!important;
  font-family:var(--ff-sans)!important;
  font-size:18px!important;
  line-height:1.35!important;
  box-shadow:none!important;
  outline:none!important;
  transition:border-color .2s ease, background .2s ease!important;
}
#contact .form-box textarea.hs-input,
#contact .form-box textarea{
  min-height:148px!important;
  resize:vertical!important;
}
#contact .form-box input.hs-input:focus,
#contact .form-box select.hs-input:focus,
#contact .form-box textarea.hs-input:focus,
#contact .form-box input:focus,
#contact .form-box select:focus,
#contact .form-box textarea:focus{
  border-color:var(--emerald)!important;
  background:#fff!important;
}
#contact .form-box .hs-fieldtype-intl-phone{
  display:grid!important;
  grid-template-columns:84px minmax(0,1fr)!important;
  column-gap:14px!important;
  align-items:stretch!important;
  width:100%!important;
}
#contact .form-box .hs-fieldtype-intl-phone input[type="hidden"]{display:none!important;}
#contact .form-box .hs-fieldtype-intl-phone select.hs-input{
  width:84px!important;
  min-width:84px!important;
  max-width:84px!important;
  padding-left:12px!important;
  padding-right:8px!important;
}
#contact .form-box .hs-fieldtype-intl-phone input[type="tel"].hs-input{
  width:100%!important;
  min-width:0!important;
}
#contact .form-box ul.inputs-list,
#contact .form-box .hs-error-msgs{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
#contact .form-box ul.inputs-list li{
  list-style:none!important;
  margin:0 0 12px!important;
  padding:0!important;
}
#contact .form-box .hs-form-checkbox-display,
#contact .form-box .hs-form-booleancheckbox-display,
#contact .form-box form.hs-form label.hs-form-checkbox-display,
#contact .form-box form.hs-form label.hs-form-booleancheckbox-display{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  column-gap:13px!important;
  align-items:flex-start!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  font-family:var(--ff-sans)!important;
  font-size:14px!important;
  line-height:1.55!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:var(--ink-mute)!important;
}
#contact .form-box .hs-form-checkbox-display > span,
#contact .form-box .hs-form-booleancheckbox-display > span{
  grid-column:2!important;
  display:block!important;
  padding-top:0!important;
  min-width:0!important;
  color:var(--ink-mute)!important;
  font-size:14px!important;
  line-height:1.55!important;
  letter-spacing:0!important;
  text-transform:none!important;
  font-weight:400!important;
}
#contact .form-box input[type="checkbox"].hs-input,
#contact .form-box input[type="radio"].hs-input,
#contact .form-box input[type="checkbox"],
#contact .form-box input[type="radio"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  grid-column:1!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  flex:0 0 22px!important;
  margin:2px 0 0!important;
  border:1px solid rgba(61,84,73,.36)!important;
  border-radius:3px!important;
  background:#fff!important;
  position:relative!important;
  box-shadow:none!important;
}
#contact .form-box input[type="checkbox"].hs-input:checked,
#contact .form-box input[type="radio"].hs-input:checked,
#contact .form-box input[type="checkbox"]:checked,
#contact .form-box input[type="radio"]:checked{
  background:var(--emerald-dk)!important;
  border-color:var(--emerald-dk)!important;
}
#contact .form-box input[type="checkbox"].hs-input:checked::after,
#contact .form-box input[type="checkbox"]:checked::after{
  content:"✓";
  position:absolute;
  left:4px;
  top:-1px;
  color:#fff;
  font-size:15px;
  line-height:20px;
  font-weight:700;
}
#contact .form-box .legal-consent-container{
  margin-top:10px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(207,184,163,.55)!important;
}
#contact .form-box .legal-consent-container p,
#contact .form-box .legal-consent-container span,
#contact .form-box .legal-consent-container label{
  font-size:14px!important;
  line-height:1.55!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:var(--ink-mute)!important;
}
#contact .form-box .legal-consent-container a{
  color:var(--emerald-dk)!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}
#contact .form-box .hs_submit,
#contact .form-box .hs_submit .actions{
  margin:24px 0 0!important;
  padding:0!important;
}
#contact .form-box input[type="submit"],
#contact .form-box .hs-button,
#contact .form-box .hs-button.primary,
#contact .form-box .btn-submit{
  width:100%!important;
  min-height:64px!important;
  margin:0!important;
  padding:19px 26px!important;
  border:0!important;
  border-radius:0!important;
  background:var(--emerald)!important;
  color:#fff!important;
  box-shadow:none!important;
  font-family:var(--ff-sans)!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  transition:background .2s ease, transform .2s ease!important;
}
#contact .form-box input[type="submit"]:hover,
#contact .form-box .hs-button:hover,
#contact .form-box .btn-submit:hover{
  background:var(--emerald-dk)!important;
  transform:translateY(-1px)!important;
}
#contact .form-box .hs-error-msgs,
#contact .form-box .hs-error-msg{
  color:#9b2c2c!important;
  font-size:12px!important;
  letter-spacing:0!important;
  text-transform:none!important;
  margin-top:7px!important;
}
#contact .form-box .hs_recaptcha,
#contact .form-box .grecaptcha-badge{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  overflow:hidden!important;
}
@media(max-width:700px){
  #contact .form-box{padding:var(--s28,28px)!important;}
  #contact .form-box form.hs-form fieldset,
  #contact .form-box .hs-form fieldset,
  #contact .form-box form fieldset{display:block!important;margin-bottom:0!important;}
  #contact .form-box form.hs-form .form-columns-2 .hs-form-field,
  #contact .form-box .hs-form .form-columns-2 .hs-form-field,
  #contact .form-box form .form-columns-2 .hs-form-field,
  #contact .form-box .hs-form-field{width:100%!important;max-width:100%!important;flex:0 0 100%!important;margin:0 0 16px!important;}
  #contact .form-box .hs-fieldtype-intl-phone{grid-template-columns:1fr!important;gap:10px!important;}
  #contact .form-box .hs-fieldtype-intl-phone select.hs-input{width:100%!important;min-width:0!important;max-width:100%!important;}
}

/* Update 1.0.25 — checkboxruimte en submitknop verfijnd. */
#contact .form-box ul.inputs-list,
#contact .form-box ul.inputs-list li,
#contact .form-box .hs-form-checkbox,
#contact .form-box .hs-form-booleancheckbox,
#contact .form-box .hs-form-checkbox-display,
#contact .form-box .hs-form-booleancheckbox-display,
#contact .form-box form.hs-form label.hs-form-checkbox-display,
#contact .form-box form.hs-form label.hs-form-booleancheckbox-display,
#contact .form-box .legal-consent-container,
#contact .form-box .legal-consent-container ul,
#contact .form-box .legal-consent-container li{
  padding:0!important;
}
#contact .form-box .hs-form-checkbox-display > span,
#contact .form-box .hs-form-booleancheckbox-display > span,
#contact .form-box .legal-consent-container span,
#contact .form-box .legal-consent-container p{
  padding:0!important;
  margin:0!important;
}
#contact .form-box ul.inputs-list li{
  margin:0 0 8px!important;
}
#contact .form-box .hs-form-checkbox-display,
#contact .form-box .hs-form-booleancheckbox-display,
#contact .form-box form.hs-form label.hs-form-checkbox-display,
#contact .form-box form.hs-form label.hs-form-booleancheckbox-display{
  column-gap:10px!important;
  align-items:center!important;
}
#contact .form-box .legal-consent-container{
  margin-top:14px!important;
  border-top:0!important;
}
#contact .form-box .legal-consent-container label.hs-form-booleancheckbox-display{
  align-items:flex-start!important;
}
#contact .form-box input[type="checkbox"].hs-input,
#contact .form-box input[type="radio"].hs-input,
#contact .form-box input[type="checkbox"],
#contact .form-box input[type="radio"]{
  margin:0!important;
}
#contact .form-box .hs_submit,
#contact .form-box .hs_submit .actions{
  margin-top:20px!important;
  padding:0!important;
}
#contact .form-box .hs_submit input[type="submit"],
#contact .form-box input[type="submit"].hs-button,
#contact .form-box input[type="submit"].hs-button.primary,
#contact .form-box .hs-button,
#contact .form-box .hs-button.primary,
#contact .form-box .btn-submit{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:14px var(--s32)!important;
  background:var(--emerald)!important;
  background-color:var(--emerald)!important;
  color:var(--white)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-family:var(--ff-sans)!important;
  font-size:var(--tx-xs)!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
#contact .form-box .hs_submit input[type="submit"]:hover,
#contact .form-box input[type="submit"].hs-button:hover,
#contact .form-box input[type="submit"].hs-button.primary:hover,
#contact .form-box .hs-button:hover,
#contact .form-box .hs-button.primary:hover,
#contact .form-box .btn-submit:hover{
  background:var(--emerald-dk)!important;
  background-color:var(--emerald-dk)!important;
  color:var(--white)!important;
  transform:none!important;
  box-shadow:none!important;
}

/* Update 1.0.26 — HubSpot checkboxen echt compact maken. */
#contact .form-box input[type="checkbox"].hs-input,
#contact .form-box input[type="radio"].hs-input,
#contact .form-box input[type="checkbox"],
#contact .form-box input[type="radio"],
#contact .form-box .inputs-list input.hs-input[type="checkbox"],
#contact .form-box .inputs-list input.hs-input[type="radio"],
#contact .form-box .legal-consent-container input.hs-input[type="checkbox"]{
  box-sizing:border-box!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  flex:0 0 20px!important;
  padding:0!important;
  margin:2px 0 0!important;
  border:1px solid rgba(61,84,73,.38)!important;
  border-radius:3px!important;
  background:#fff!important;
  box-shadow:none!important;
  line-height:1!important;
  position:relative!important;
}
#contact .form-box input[type="checkbox"].hs-input:checked,
#contact .form-box input[type="radio"].hs-input:checked,
#contact .form-box input[type="checkbox"]:checked,
#contact .form-box input[type="radio"]:checked,
#contact .form-box .inputs-list input.hs-input[type="checkbox"]:checked,
#contact .form-box .inputs-list input.hs-input[type="radio"]:checked,
#contact .form-box .legal-consent-container input.hs-input[type="checkbox"]:checked{
  background:var(--emerald-dk)!important;
  border-color:var(--emerald-dk)!important;
}
#contact .form-box input[type="checkbox"].hs-input:checked::after,
#contact .form-box input[type="checkbox"]:checked::after,
#contact .form-box .inputs-list input.hs-input[type="checkbox"]:checked::after,
#contact .form-box .legal-consent-container input.hs-input[type="checkbox"]:checked::after{
  content:"✓"!important;
  position:absolute!important;
  left:3px!important;
  top:-2px!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:20px!important;
}
#contact .form-box .hs-form-checkbox-display,
#contact .form-box .hs-form-booleancheckbox-display,
#contact .form-box form.hs-form label.hs-form-checkbox-display,
#contact .form-box form.hs-form label.hs-form-booleancheckbox-display{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  column-gap:12px!important;
  row-gap:0!important;
  align-items:flex-start!important;
  padding:0!important;
  margin:0!important;
}
#contact .form-box .hs-form-checkbox-display > input,
#contact .form-box .hs-form-booleancheckbox-display > input,
#contact .form-box form.hs-form label.hs-form-checkbox-display > input,
#contact .form-box form.hs-form label.hs-form-booleancheckbox-display > input{
  grid-column:1!important;
  grid-row:1!important;
}
#contact .form-box .hs-form-checkbox-display > span,
#contact .form-box .hs-form-booleancheckbox-display > span,
#contact .form-box form.hs-form label.hs-form-checkbox-display > span,
#contact .form-box form.hs-form label.hs-form-booleancheckbox-display > span{
  grid-column:2!important;
  grid-row:1!important;
  padding:0!important;
  margin:0!important;
  line-height:1.45!important;
}

/* Update 1.0.27 — contactblok backend dichter bij frontend + native canvas editing. */
.editor-styles-wrapper #contact,
body.block-editor-iframe__body #contact{
  background:var(--champagne)!important;
  color:var(--ink)!important;
  padding:clamp(72px,8vw,118px) 0!important;
}
.editor-styles-wrapper #contact .section-inner,
body.block-editor-iframe__body #contact .section-inner{
  width:min(1240px,88vw)!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:0!important;
}
.editor-styles-wrapper #contact .contact-urg--intro,
body.block-editor-iframe__body #contact .contact-urg--intro{
  max-width:1180px!important;
  margin:0 auto var(--s48)!important;
  padding:var(--s24) var(--s32)!important;
  background:rgba(255,255,255,.34)!important;
  border:1px solid rgba(61,84,73,.12)!important;
  border-left:3px solid var(--honey)!important;
  color:var(--ink-mid)!important;
  backdrop-filter:blur(8px)!important;
}
.editor-styles-wrapper #contact .contact-urg--intro .cu-head,
body.block-editor-iframe__body #contact .contact-urg--intro .cu-head{
  color:var(--emerald-dk)!important;
  font-size:var(--tx-xl)!important;
  line-height:1.2!important;
}
.editor-styles-wrapper #contact .contact-urg--intro .cu-body,
.editor-styles-wrapper #contact .contact-urg--intro .cu-note,
body.block-editor-iframe__body #contact .contact-urg--intro .cu-body,
body.block-editor-iframe__body #contact .contact-urg--intro .cu-note{
  color:var(--ink-mid)!important;
  font-size:var(--tx-sm)!important;
  line-height:1.65!important;
}
.editor-styles-wrapper #contact .contact-urg--intro .cu-badge,
body.block-editor-iframe__body #contact .contact-urg--intro .cu-badge{
  background:var(--emerald)!important;
  color:var(--white)!important;
  border:0!important;
}
.editor-styles-wrapper #contact .contact-grid--brochure,
body.block-editor-iframe__body #contact .contact-grid--brochure{
  display:grid!important;
  grid-template-columns:minmax(300px,.85fr) minmax(540px,1.15fr)!important;
  gap:clamp(44px,5vw,76px)!important;
  align-items:start!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
.editor-styles-wrapper #contact .contact-eyebrow,
body.block-editor-iframe__body #contact .contact-eyebrow{
  color:var(--emerald-dk)!important;
  font-family:var(--ff-sans)!important;
  font-size:var(--tx-sm)!important;
  margin:0 0 var(--s24)!important;
}
.editor-styles-wrapper #contact .contact-copy-title,
body.block-editor-iframe__body #contact .contact-copy-title{
  font-family:var(--ff-serif)!important;
  font-size:var(--tx-2xl)!important;
  line-height:1.15!important;
  color:var(--emerald-dk)!important;
  font-weight:400!important;
  margin:0 0 var(--s24)!important;
}
.editor-styles-wrapper #contact .contact-copy-title em,
body.block-editor-iframe__body #contact .contact-copy-title em{
  font-style:italic!important;
  color:var(--emerald-dk)!important;
}
.editor-styles-wrapper #contact .contact-copy-lead,
.editor-styles-wrapper #contact .contact-copy-text,
.editor-styles-wrapper #contact .contact-quick-text,
body.block-editor-iframe__body #contact .contact-copy-lead,
body.block-editor-iframe__body #contact .contact-copy-text,
body.block-editor-iframe__body #contact .contact-quick-text{
  color:var(--ink-mid)!important;
  font-size:var(--tx-base)!important;
  line-height:1.7!important;
}
.editor-styles-wrapper #contact .contact-quick-title,
body.block-editor-iframe__body #contact .contact-quick-title{
  color:var(--emerald-dk)!important;
  font-family:var(--ff-serif)!important;
  font-size:var(--tx-xl)!important;
  line-height:1.2!important;
}
.editor-styles-wrapper #contact .partner-contact,
body.block-editor-iframe__body #contact .partner-contact{
  color:var(--ink-mid)!important;
  font-size:var(--tx-base)!important;
}
.editor-styles-wrapper #contact .form-box,
body.block-editor-iframe__body #contact .form-box{
  background:var(--white)!important;
  border:1px solid rgba(207,184,163,.72)!important;
  box-shadow:none!important;
  padding:clamp(34px,3.4vw,50px)!important;
}
.editor-styles-wrapper #contact .ed-contact-form-preview,
body.block-editor-iframe__body #contact .ed-contact-form-preview{
  display:block!important;
  margin:0!important;
  pointer-events:none!important;
}
.editor-styles-wrapper #contact .ed-form-preview-grid,
body.block-editor-iframe__body #contact .ed-form-preview-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px 24px!important;
}
.editor-styles-wrapper #contact .ed-form-preview-field--wide,
body.block-editor-iframe__body #contact .ed-form-preview-field--wide{
  grid-column:1/-1!important;
}
.editor-styles-wrapper #contact .ed-form-preview-field span,
body.block-editor-iframe__body #contact .ed-form-preview-field span{
  display:block!important;
  margin:0 0 8px!important;
  font-family:var(--ff-sans)!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  color:var(--ink-mute)!important;
}
.editor-styles-wrapper #contact .ed-form-preview-field i,
body.block-editor-iframe__body #contact .ed-form-preview-field i{
  display:block!important;
  height:56px!important;
  background:var(--offwhite)!important;
  border:1px solid rgba(207,184,163,.86)!important;
}
.editor-styles-wrapper #contact .ed-form-preview-consent,
body.block-editor-iframe__body #contact .ed-form-preview-consent{
  display:grid!important;
  grid-template-columns:20px 1fr!important;
  gap:12px!important;
  align-items:start!important;
  margin:18px 0 20px!important;
  color:var(--ink-mute)!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.editor-styles-wrapper #contact .ed-form-preview-consent i,
body.block-editor-iframe__body #contact .ed-form-preview-consent i{
  display:block!important;
  width:20px!important;
  height:20px!important;
  border:1px solid rgba(61,84,73,.38)!important;
  border-radius:3px!important;
  background:#fff!important;
}
.editor-styles-wrapper #contact .ed-form-preview-button,
body.block-editor-iframe__body #contact .ed-form-preview-button{
  width:100%!important;
  padding:14px var(--s32)!important;
  background:var(--emerald)!important;
  color:#fff!important;
  font-family:var(--ff-sans)!important;
  font-size:var(--tx-xs)!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  text-align:center!important;
}
.editor-styles-wrapper #contact .ed-shortcode-control,
body.block-editor-iframe__body #contact .ed-shortcode-control{
  margin-top:18px!important;
  padding:12px!important;
  border:1px dashed rgba(61,84,73,.24)!important;
  background:rgba(239,224,211,.18)!important;
}
.editor-styles-wrapper #contact .ed-shortcode-control .components-placeholder,
body.block-editor-iframe__body #contact .ed-shortcode-control .components-placeholder{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.editor-styles-wrapper #contact .ed-shortcode-control .components-placeholder__label,
body.block-editor-iframe__body #contact .ed-shortcode-control .components-placeholder__label{
  font-size:11px!important;
  margin-bottom:8px!important;
}
.editor-styles-wrapper #contact .ed-shortcode-control textarea,
body.block-editor-iframe__body #contact .ed-shortcode-control textarea{
  min-height:42px!important;
  font-size:12px!important;
  font-family:monospace!important;
}
@media(max-width:960px){
  .editor-styles-wrapper #contact .contact-grid--brochure,
  body.block-editor-iframe__body #contact .contact-grid--brochure{grid-template-columns:1fr!important;}
}

/* Update 1.0.28 — Gutenberg editor selectors robuust op block-class. */
.wp-block-entredeux-contact{
  background:var(--champagne)!important;
  color:var(--ink)!important;
  padding:clamp(72px,8vw,118px) 0!important;
}
.wp-block-entredeux-contact .section-inner{
  width:min(1240px,88vw)!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:0!important;
}
.wp-block-entredeux-contact .contact-urg--intro{
  max-width:1180px!important;
  margin:0 auto var(--s48)!important;
  padding:var(--s24) var(--s32)!important;
  background:rgba(255,255,255,.34)!important;
  border:1px solid rgba(61,84,73,.12)!important;
  border-left:3px solid var(--honey)!important;
  box-shadow:none!important;
  color:var(--ink-mid)!important;
  backdrop-filter:blur(8px)!important;
}
.wp-block-entredeux-contact .contact-urg--intro .cu-head{
  color:var(--emerald-dk)!important;
  font-family:var(--ff-serif)!important;
  font-size:var(--tx-xl)!important;
  line-height:1.2!important;
  margin:0 0 var(--s12)!important;
}
.wp-block-entredeux-contact .contact-urg--intro .cu-badge{
  background:var(--emerald)!important;
  color:var(--white)!important;
  border:0!important;
}
.wp-block-entredeux-contact .contact-urg--intro .cu-body,
.wp-block-entredeux-contact .contact-urg--intro .cu-note,
.wp-block-entredeux-contact .contact-urg--intro .cu-body p{
  color:var(--ink-mid)!important;
  font-size:var(--tx-sm)!important;
  line-height:1.65!important;
}
.wp-block-entredeux-contact .contact-urg--intro .cu-body strong{
  color:var(--ink)!important;
}
.wp-block-entredeux-contact .contact-grid--brochure{
  display:grid!important;
  grid-template-columns:minmax(300px,.85fr) minmax(540px,1.15fr)!important;
  gap:clamp(44px,5vw,76px)!important;
  align-items:start!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
.wp-block-entredeux-contact .contact-copy,
.wp-block-entredeux-contact .contact-copy *{
  color:var(--ink-mid)!important;
}
.wp-block-entredeux-contact .contact-eyebrow{
  color:var(--honey)!important;
  font-size:var(--tx-xs)!important;
  letter-spacing:.2em!important;
  text-transform:uppercase!important;
  font-weight:600!important;
  margin:0 0 var(--s18)!important;
}
.wp-block-entredeux-contact .contact-copy-title{
  color:var(--emerald-dk)!important;
  font-family:var(--ff-serif)!important;
  font-size:var(--tx-2xl)!important;
  line-height:1.15!important;
  font-weight:400!important;
  letter-spacing:0!important;
  margin:0 0 var(--s24)!important;
}
.wp-block-entredeux-contact .contact-copy-title em{
  color:var(--emerald-dk)!important;
  font-style:italic!important;
}
.wp-block-entredeux-contact .contact-copy-lead,
.wp-block-entredeux-contact .contact-copy-text,
.wp-block-entredeux-contact .contact-copy-text p,
.wp-block-entredeux-contact .contact-quick-text{
  color:var(--ink-mid)!important;
  font-size:var(--tx-base)!important;
  line-height:1.7!important;
}
.wp-block-entredeux-contact .contact-quick{
  margin-top:var(--s40)!important;
  padding-top:var(--s32)!important;
  border-top:1px solid rgba(61,84,73,.12)!important;
}
.wp-block-entredeux-contact .contact-quick-title{
  color:var(--emerald-dk)!important;
  font-family:var(--ff-serif)!important;
  font-size:var(--tx-xl)!important;
  line-height:1.2!important;
  margin:0 0 var(--s8)!important;
}
.wp-block-entredeux-contact .partner-contact,
.wp-block-entredeux-contact .partner-contact span{
  color:var(--ink-mid)!important;
  font-size:var(--tx-base)!important;
}
.wp-block-entredeux-contact .form-box{
  background:var(--white)!important;
  border:1px solid rgba(207,184,163,.72)!important;
  box-shadow:none!important;
  padding:clamp(34px,3.4vw,50px)!important;
}
.wp-block-entredeux-contact .ed-contact-form-preview{
  display:block!important;
  margin:0!important;
  pointer-events:none!important;
}
.wp-block-entredeux-contact .ed-form-preview-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px 24px!important;
}
.wp-block-entredeux-contact .ed-form-preview-field--wide{grid-column:1/-1!important;}
.wp-block-entredeux-contact .ed-form-preview-field span{
  display:block!important;
  margin:0 0 8px!important;
  font-family:var(--ff-sans)!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  color:var(--ink-mute)!important;
}
.wp-block-entredeux-contact .ed-form-preview-field i{
  display:block!important;
  width:100%!important;
  height:56px!important;
  background:var(--offwhite)!important;
  border:1px solid rgba(207,184,163,.86)!important;
}
.wp-block-entredeux-contact .ed-form-preview-consent{
  display:grid!important;
  grid-template-columns:20px 1fr!important;
  gap:12px!important;
  align-items:start!important;
  margin:18px 0 20px!important;
  color:var(--ink-mute)!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.wp-block-entredeux-contact .ed-form-preview-consent i{
  display:block!important;
  width:20px!important;
  height:20px!important;
  border:1px solid rgba(61,84,73,.38)!important;
  border-radius:3px!important;
  background:#fff!important;
}
.wp-block-entredeux-contact .ed-form-preview-button{
  width:100%!important;
  padding:14px var(--s32)!important;
  background:var(--emerald)!important;
  color:#fff!important;
  font-family:var(--ff-sans)!important;
  font-size:var(--tx-xs)!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  text-align:center!important;
}
.wp-block-entredeux-contact .ed-shortcode-control{
  margin-top:18px!important;
  padding:12px!important;
  border:1px dashed rgba(61,84,73,.24)!important;
  background:rgba(239,224,211,.18)!important;
}
.wp-block-entredeux-contact .ed-shortcode-control .components-placeholder{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.wp-block-entredeux-contact .ed-shortcode-control .components-placeholder__label{
  font-size:11px!important;
  margin-bottom:8px!important;
}
.wp-block-entredeux-contact .ed-shortcode-control textarea{
  min-height:42px!important;
  font-size:12px!important;
  font-family:monospace!important;
}
.wp-block-entredeux-contact .contact-partners-row{
  max-width:1180px!important;
  margin:var(--s56) auto 0!important;
}
@media(max-width:960px){
  .wp-block-entredeux-contact .contact-grid--brochure{grid-template-columns:1fr!important;}
}

/* Update 1.0.30 — contact icon spacing + uploadbare iconen. */
#contact .partner-contact,
#contact .contact-direct-link,
#contact .contact-quick-links .partner-contact,
#contact .contact-partners-row .partner-contact{
  display:inline-flex!important;
  align-items:center!important;
  gap:14px!important;
  column-gap:14px!important;
}
#contact .partner-contact__icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
  margin:0!important;
}
#contact .partner-contact__icon--custom::before,
#contact .partner-contact__icon--custom::after{
  content:none!important;
  display:none!important;
}
#contact .partner-contact__icon--custom img{
  display:block!important;
  width:16px!important;
  height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  object-fit:contain!important;
}
.editor-styles-wrapper #contact .partner-contact,
.wp-block-entredeux-contact .partner-contact{
  gap:14px!important;
  column-gap:14px!important;
}

/* Update 1.0.32 — mobiele herokaart onder hero + fullscreen mobiel menu. */
.nav-toggle{
  display:none;
  width:44px;
  height:44px;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  color:var(--emerald-dk);
}
.nav-toggle span{
  display:block;
  width:24px;
  height:1px;
  background:currentColor;
  transition:transform .24s ease, opacity .24s ease;
}
.hero-urg-card--mobile{display:none;}
@media(max-width:960px){
  #nav{
    height:60px;
    z-index:1200;
  }
  #nav > .nav-logo,
  #nav > .nav-toggle{
    grid-column:1;
    grid-row:1;
    position:relative;
    z-index:1202;
  }
  #nav > .nav-logo{justify-self:start;}
  #nav > .nav-toggle{justify-self:end;}
  .nav-toggle{display:inline-flex;}
  #nav > .nav-links,
  #nav ul.nav-links{
    display:flex!important;
    position:fixed;
    inset:0;
    width:100vw;
    height:100vh;
    min-height:100dvh;
    padding:92px 8vw 48px!important;
    margin:0!important;
    background:rgba(239,224,211,.98);
    backdrop-filter:blur(12px);
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:28px;
    list-style:none;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-8px);
    transition:opacity .24s ease, visibility .24s ease, transform .24s ease;
    z-index:1201;
  }
  #nav.is-open > .nav-links,
  #nav.is-open ul.nav-links{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  #nav .nav-links li{margin:0;padding:0;}
  #nav .nav-links a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    line-height:1.2;
    letter-spacing:.18em;
    color:var(--emerald-dk);
    text-align:center;
  }
  #nav .nav-links .nav-cta{
    margin-top:8px;
    padding:14px 28px!important;
    color:var(--white)!important;
  }
  #nav.is-open .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg);}
  #nav.is-open .nav-toggle span:nth-child(2){opacity:0;}
  #nav.is-open .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
  body.nav-open{overflow:hidden;}
}
@media(max-width:700px){
  #hero{
    display:block;
    min-height:0;
    overflow:hidden;
    background:var(--champagne);
  }
  #hero .hero-bg{
    top:0;
    bottom:auto!important;
    height:100vh;
    min-height:640px;
  }
  #hero .hero-content{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-start;
    max-width:none;
    margin:0;
    padding:120px 6% 56px!important;
  }
  #hero .hero-content > div:first-child{width:100%;}
  #hero .hero-urg-card--desktop{display:none!important;}
  #hero .hero-urg-card--mobile{
    display:block!important;
    position:relative;
    z-index:3;
    width:auto;
    margin:0 6% var(--s56);
    opacity:1!important;
    transform:none!important;
  }
  #hero .hero-title{font-size:2.7rem;}
  #hero .hero-ctas{display:grid;width:100%;gap:12px;}
  #hero .hero-ctas .btn,
  #hero .hero-ctas .wp-block-button,
  #hero .hero-ctas .wp-block-button__link{width:100%;text-align:center;justify-content:center;}
}
@media(min-width:701px){
  #hero .hero-urg-card--mobile{display:none!important;}
}

/* Update 1.0.33 — mobiel menu echt viewport-breed, los van nav-padding. */
@media(max-width:960px){
  #nav > .nav-links,
  #nav ul.nav-links{
    left:calc(-1 * 6vw)!important;
    right:auto!important;
    width:100vw!important;
    max-width:none!important;
  }
}

/* Update 1.0.34 — verwijderbare subkaart in projectblok-editor. */
.editor-styles-wrapper .ed-removable-card,
.wp-block-entredeux-project .ed-removable-card{
  position:relative!important;
}
.editor-styles-wrapper .ed-card-remove,
.wp-block-entredeux-project .ed-card-remove{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  z-index:5!important;
  opacity:0!important;
  transition:opacity .18s ease!important;
}
.editor-styles-wrapper .ed-removable-card:hover .ed-card-remove,
.editor-styles-wrapper .ed-removable-card:focus-within .ed-card-remove,
.wp-block-entredeux-project .ed-removable-card:hover .ed-card-remove,
.wp-block-entredeux-project .ed-removable-card:focus-within .ed-card-remove{
  opacity:1!important;
}
.editor-styles-wrapper .ed-card-placeholder,
.wp-block-entredeux-project .ed-card-placeholder{
  margin:var(--s24) 0!important;
  padding:var(--s20)!important;
  border:1px dashed rgba(61,84,73,.32)!important;
  background:rgba(239,224,211,.35)!important;
  color:var(--ink-mid)!important;
}
.editor-styles-wrapper .ed-card-placeholder p,
.wp-block-entredeux-project .ed-card-placeholder p{
  margin:0 0 var(--s12)!important;
  font-size:13px!important;
  color:var(--ink-mute)!important;
}

/* Update 1.0.35 — project eyebrow placeholder, verticale kolomuitlijning en prijs-suffix. */
.projet-content{
  display:flex;
  flex-direction:column;
}
@media(min-width:961px){
  .projet-grid>.projet-content{height:100%!important;}
  .projet-content--start{justify-content:flex-start;}
  .projet-content--center{justify-content:center;}
  .projet-content--end{justify-content:flex-end;}
}
.prix-suffix{
  font-size:var(--tx-xs);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ink-mute);
  font-weight:500;
  align-self:flex-end;
  margin-left:2px;
  padding-bottom:.2em;
}
.editor-styles-wrapper .ed-project-price-block,
.wp-block-entredeux-project-price{
  width:100%;
}
.editor-styles-wrapper .u-label[contenteditable="true"]:empty::before{
  color:rgba(61,84,73,.38)!important;
}

/* Update 1.0.37 — visuele verfijningen, galerie en footer/legal. */
:root{
  --ed-cut-btn: 10px;
  --ed-cut-img: 30px;
}
#nav{z-index:1200!important;}
.hero-urgency-strip{
  position:fixed!important;
  top:68px!important;
  left:0!important;
  right:0!important;
  z-index:1190!important;
}
.nav-cta,
#nav .nav-cta,
#nav .nav-links .nav-cta,
#nav .nav-links a.nav-cta{
  color:var(--champagne)!important;
}
.btn,
.nav-cta,
.wp-block-button__link,
.btn-honey,
.btn-ghost-white,
.form-box input[type="submit"],
.form-box .hs-button,
.form-box .btn-submit,
#contact .form-box input[type="submit"],
#contact .form-box .hs-button,
#contact .form-box .btn-submit{
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--ed-cut-btn)),calc(100% - var(--ed-cut-btn)) 100%,0 100%);
}
.projet-img img,
.offre-gallery img,
.photo-item img,
.bro-gallery-item img{
  clip-path:polygon(0 0,calc(100% - var(--ed-cut-img)) 0,100% var(--ed-cut-img),100% 100%,var(--ed-cut-img) 100%,0 calc(100% - var(--ed-cut-img)));
}
.type-card-cta{
  display:inline-block;
  margin-top:var(--s24);
  font-family:var(--ff-sans);
  font-size:var(--tx-xs);
  line-height:1;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--emerald)!important;
  position:relative;
}
.type-card-cta::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-7px;
  width:100%;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .28s ease;
}
.type-card-cta:hover::after,
.type-card:hover .type-card-cta::after{
  transform:scaleX(1);
}
#brochure-cta .section-inner{overflow:hidden;}
.bro-gallery-carousel{
  position:relative;
  margin-top:clamp(42px,5vw,72px);
}
.bro-gallery-track{
  display:flex;
  gap:var(--s16);
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  padding-bottom:var(--s8);
}
.bro-gallery-track::-webkit-scrollbar{display:none;}
.bro-gallery-item{
  flex:0 0 auto;
  height:clamp(260px,32vw,430px);
  scroll-snap-align:start;
  margin:0;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}
.bro-gallery-item img{
  display:block;
  width:auto;
  height:100%;
  max-width:none;
  object-fit:cover;
}
.bro-gallery-btn{
  position:absolute;
  top:50%;
  z-index:2;
  width:42px;
  height:42px;
  border:1px solid rgba(239,224,211,.38);
  background:rgba(30,45,39,.54);
  color:var(--champagne);
  font-size:32px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  transform:translateY(-50%);
}
.bro-gallery-prev{left:var(--s12);}
.bro-gallery-next{right:var(--s12);}
.bro-gallery-btn:hover{background:rgba(30,45,39,.78);}
#contact .contact-quick{
  margin-top:clamp(52px,5vw,76px)!important;
  padding-top:clamp(34px,4vw,52px)!important;
}
#contact .partner-logos img.logo-luxred,
#contact .partner-logos img.logo-ion{
  height:42px;
  width:auto;
  max-width:160px;
  object-fit:contain;
}
footer .foot-top{
  grid-template-columns:minmax(260px,1.5fr) minmax(180px,.9fr) minmax(180px,.9fr)!important;
}
.foot-disclaimers{
  border-bottom:1px solid rgba(61,84,73,.14);
  padding:0 0 var(--s24);
  margin:0 0 var(--s24);
  display:grid;
  gap:var(--s8);
}
.foot-disclaimers p{
  font-size:11px;
  line-height:1.6;
  color:var(--ink-mute);
  max-width:980px;
}
@media(max-width:960px){
  .hero-urgency-strip{top:60px!important;}
  footer .foot-top{grid-template-columns:1fr!important;}
  .bro-gallery-item{height:280px;}
  .bro-gallery-btn{display:none;}
}


/* Update 1.0.38 — galerij/lightbox, footerbreedte en cut-corner verfijning. */
:root{
  --ed-cut-img: 46px;
  --ed-cut-btn: 11px;
}
.bro-gallery-item{
  background:transparent!important;
}
.bro-gallery-track img{
  cursor:zoom-in;
}
footer .foot-inner{
  width:min(1240px,88vw)!important;
  max-width:1240px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.btn-ghost-dark,
.btn-ghost-light,
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button__link[style*="border-width"]{
  position:relative!important;
  border:0!important;
  background:transparent;
}
.btn-ghost-dark::before,
.btn-ghost-light::before,
.wp-block-button.is-style-outline .wp-block-button__link::before,
.wp-block-button__link[style*="border-width"]::before{
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  pointer-events:none;
  background:currentColor;
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--ed-cut-btn)),calc(100% - var(--ed-cut-btn)) 100%,0 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
}
.btn-ghost-dark:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover{
  background:rgba(83,112,98,.08)!important;
}
.btn-ghost-light:hover{
  background:rgba(255,255,255,.08)!important;
}
@media(max-width:960px){
  footer .foot-inner{width:min(1240px,90vw)!important;}
}


/* Update 1.0.39 — spacing, nav-CTA kleur en outline cut-border. */
#contact .contact-quick-text{
  margin-bottom:var(--s24)!important;
}
#contact .contact-quick-links{
  margin-top:var(--s20)!important;
}
#nav .nav-links a.nav-cta,
#nav .nav-links .nav-cta > a,
#nav .nav-links li.nav-cta > a{
  background:var(--emerald)!important;
  color:var(--champagne)!important;
  padding:var(--s8) var(--s24)!important;
}
#nav .nav-links a.nav-cta:hover,
#nav .nav-links .nav-cta > a:hover,
#nav .nav-links li.nav-cta > a:hover{
  background:var(--emerald-dk)!important;
  color:var(--champagne)!important;
}
.btn-ghost-dark,
.btn-ghost-light,
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button__link[style*="border-width"]{
  border:1px solid currentColor!important;
  overflow:hidden!important;
}
.btn-ghost-dark::before,
.btn-ghost-light::before,
.wp-block-button.is-style-outline .wp-block-button__link::before,
.wp-block-button__link[style*="border-width"]::before{
  display:none!important;
  content:none!important;
}
.btn-ghost-dark::after,
.btn-ghost-light::after,
.wp-block-button.is-style-outline .wp-block-button__link::after,
.wp-block-button__link[style*="border-width"]::after{
  content:"";
  position:absolute;
  right:-1px;
  bottom:5px;
  width:18px;
  height:1px;
  background:currentColor;
  transform:rotate(-45deg);
  transform-origin:center;
  pointer-events:none;
  z-index:2;
}
#situation .sit-body{
  margin-bottom:var(--s48)!important;
}
#situation .distances{
  margin-top:var(--s24)!important;
}
@media(max-width:960px){
  #nav .nav-links a.nav-cta,
  #nav .nav-links .nav-cta > a,
  #nav .nav-links li.nav-cta > a{
    color:var(--champagne)!important;
  }
}


/* Update 1.0.40 — hero-strip volledig zichtbaar onder de vaste header. */
#nav{
  height:68px!important;
}
.hero-urgency-strip{
  top:68px!important;
  min-height:38px!important;
  height:auto!important;
  padding:9px 6%!important;
  overflow:visible!important;
  z-index:1199!important;
}
.hero-urgency-strip .hus-item{
  opacity:1!important;
  visibility:visible!important;
}
@media(max-width:960px){
  #nav{height:60px!important;}
  .hero-urgency-strip{
    top:60px!important;
    min-height:42px!important;
    padding:8px 6%!important;
  }
}


/* Update 1.0.41 — outlineknoppen krijgen een SVG-mask border met correcte cut-corner. */
:root{
  --ed-outline-btn-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 48' preserveAspectRatio='none'%3E%3Cpath d='M1 1H299V36L287 47H1Z' fill='none' stroke='black' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}
.btn-ghost-dark,
.btn-ghost-light,
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button__link[style*="border-width"]{
  position:relative!important;
  border:0!important;
  clip-path:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.btn-ghost-dark::before,
.btn-ghost-light::before,
.wp-block-button.is-style-outline .wp-block-button__link::before,
.wp-block-button__link[style*="border-width"]::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:currentColor!important;
  -webkit-mask:var(--ed-outline-btn-mask) center/100% 100% no-repeat!important;
  mask:var(--ed-outline-btn-mask) center/100% 100% no-repeat!important;
}
.btn-ghost-dark::after,
.btn-ghost-light::after,
.wp-block-button.is-style-outline .wp-block-button__link::after,
.wp-block-button__link[style*="border-width"]::after{
  display:none!important;
  content:none!important;
}
.btn-ghost-dark:hover,
.btn-ghost-light:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button__link[style*="border-width"]:hover{
  background:transparent!important;
}


/* Update 1.0.42 — outlineknoppen niet langer via clip-path; alleen SVG-mask border. */
:root{ --ed-outline-btn-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 48' preserveAspectRatio='none'%3E%3Cpath d='M1 1H299V36L287 47H1Z' fill='none' stroke='black' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"); }
.wp-block-button__link{
  clip-path:none!important;
}
.btn-primary,
.btn-honey,
.nav-cta,
#nav .nav-links a.nav-cta,
#nav .nav-links .nav-cta > a,
#nav .nav-links li.nav-cta > a,
.wp-block-button__link.has-background,
.wp-block-button.is-style-ed-green .wp-block-button__link,
.wp-block-button.is-style-ed-honey .wp-block-button__link,
.wp-block-button[class*="is-style-ed-green"] .wp-block-button__link,
.wp-block-button[class*="is-style-ed-honey"] .wp-block-button__link{
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--ed-cut-btn)),calc(100% - var(--ed-cut-btn)) 100%,0 100%)!important;
}
.btn-ghost-dark,
.btn-ghost-light,
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button[class*="is-style-outline"] .wp-block-button__link,
.wp-block-button.is-style-ed-border .wp-block-button__link,
.wp-block-button[class*="is-style-ed-border"] .wp-block-button__link,
.wp-block-button__link[style*="border-width"],
.wp-block-button__link[style*="border:"]{
  position:relative!important;
  border:0!important;
  clip-path:none!important;
  overflow:visible!important;
  background:transparent!important;
  isolation:isolate!important;
}
.btn-ghost-dark::before,
.btn-ghost-light::before,
.wp-block-button.is-style-outline .wp-block-button__link::before,
.wp-block-button[class*="is-style-outline"] .wp-block-button__link::before,
.wp-block-button.is-style-ed-border .wp-block-button__link::before,
.wp-block-button[class*="is-style-ed-border"] .wp-block-button__link::before,
.wp-block-button__link[style*="border-width"]::before,
.wp-block-button__link[style*="border:"]::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:currentColor!important;
  -webkit-mask:var(--ed-outline-btn-mask) center/100% 100% no-repeat!important;
  mask:var(--ed-outline-btn-mask) center/100% 100% no-repeat!important;
}
.btn-ghost-dark::after,
.btn-ghost-light::after,
.wp-block-button.is-style-outline .wp-block-button__link::after,
.wp-block-button[class*="is-style-outline"] .wp-block-button__link::after,
.wp-block-button.is-style-ed-border .wp-block-button__link::after,
.wp-block-button[class*="is-style-ed-border"] .wp-block-button__link::after,
.wp-block-button__link[style*="border-width"]::after,
.wp-block-button__link[style*="border:"]::after{
  display:none!important;
  content:none!important;
}


/* 1.0.45 offer editor + gallery corner refinements */
.offre-copy{min-width:0;}
.offre-header > .types{grid-column:1 / -1;}
.offre-header .offre-copy .block-editor-inner-blocks{margin-top:var(--s24);}
.offre-header .types > .block-editor-inner-blocks{display:block;width:100%;}
.offre-header .types > .block-editor-inner-blocks > .block-editor-block-list__layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s16);}
.type-card .components-base-control{margin-top:0;}
.type-card .type-features{margin-top:var(--s12);display:flex;flex-direction:column;gap:6px;}
.type-card .type-feature-line{font-size:var(--tx-sm);color:var(--ink-mute);line-height:1.5;}
.offre-gallery .g-main{clip-path:polygon(0 0,100% 0,100% 100%,var(--ed-cut-img) 100%,0 calc(100% - var(--ed-cut-img)));}
.offre-gallery .g-top{clip-path:polygon(0 0,calc(100% - var(--ed-cut-img)) 0,100% var(--ed-cut-img),100% 100%,0 100%);}
.offre-gallery .g-bottom{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--ed-cut-img)),calc(100% - var(--ed-cut-img)) 100%,0 100%);}
@media(max-width:900px){.offre-header .types > .block-editor-inner-blocks > .block-editor-block-list__layout{grid-template-columns:1fr;}}


/* 1.0.49 — custom visuele landcode selector voor HubSpot telefoonveld. */
#contact .form-box .hs-fieldtype-intl-phone{
  grid-template-columns:106px minmax(0,1fr)!important;
  column-gap:10px!important;
  position:relative!important;
}
#contact .form-box .hs-fieldtype-intl-phone select.ed-phone-country-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  left:0!important;
  top:0!important;
}
#contact .form-box .ed-phone-country-ui{
  position:relative;
  z-index:5;
  width:106px;
  height:56px;
}
#contact .form-box .ed-phone-country-current{
  width:106px;
  height:56px;
  border:1px solid rgba(207,184,163,.86);
  background:var(--offwhite);
  color:var(--ink);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 10px;
  font-family:var(--ff-sans);
  font-size:15px;
  line-height:1;
  cursor:pointer;
}
#contact .form-box .ed-phone-country-flag{
  font-size:15px;
  line-height:1;
  display:inline-flex;
}
#contact .form-box .ed-phone-country-code{
  font-size:15px;
  font-weight:500;
  letter-spacing:0;
}
#contact .form-box .ed-phone-country-chevron{
  font-size:16px;
  color:var(--ink-mute);
  margin-left:1px;
  transform:translateY(-1px);
}
#contact .form-box .ed-phone-country-menu{
  position:absolute;
  left:0;
  top:calc(100% + 6px);
  width:106px;
  background:var(--offwhite);
  border:1px solid rgba(61,84,73,.28);
  box-shadow:0 14px 28px rgba(30,45,39,.16);
  padding:5px;
  display:none;
  z-index:9999;
}
#contact .form-box .ed-phone-country-ui.is-open .ed-phone-country-menu{display:grid;gap:2px;}
#contact .form-box .ed-phone-country-option{
  border:0;
  background:transparent;
  color:var(--ink);
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:32px;
  padding:5px 7px;
  font-family:var(--ff-sans);
  cursor:pointer;
  text-align:left;
}
#contact .form-box .ed-phone-country-option:hover,
#contact .form-box .ed-phone-country-option[aria-selected="true"]{
  background:rgba(83,112,98,.10);
}
@media(max-width:700px){
  #contact .form-box .hs-fieldtype-intl-phone{grid-template-columns:106px minmax(0,1fr)!important;}
}


/* 1.0.50 — hero-overlay, Leaflet POI map en WPML/footer updates */
.hero-bg{
  background-image:linear-gradient(180deg, rgba(30,45,39,.32), rgba(30,45,39,.44) 10%, rgba(30,45,39,.88) 76%, rgba(30,45,39,.90)), var(--ed-hero-image, none);
}
.map-frame.map-shell{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);overflow:hidden;}
.map-canvas.ed-osm-map{width:100%;height:420px;min-height:360px;background:rgba(255,255,255,.08);}
.editor-styles-wrapper .map-canvas.ed-osm-map{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.72);font-size:14px;}
.poi-bar{padding:16px;border-top:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);}
.poi-bar-lbl{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--honey);margin-bottom:12px;}
.poi-tags{display:flex;flex-wrap:wrap;gap:8px;}
.poi-tag{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-family:var(--ff-sans);font-size:12.5px;font-weight:500;color:rgba(255,255,255,.74);cursor:pointer;transition:all .2s;}
.poi-tag:hover{border-color:var(--honey);color:#fff;}
.poi-tag.active{background:var(--honey);border-color:var(--honey);color:var(--ink);}
.poi-tag .pdot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.poi-pop-sub{color:var(--ink-mute);font-size:12px;margin-top:2px;}
.foot-bottom a{color:inherit;text-decoration:underline;text-underline-offset:3px;}
@media(max-width:960px){.map-canvas.ed-osm-map{height:360px;}}


/* 1.0.51 — aanbodkaart CTA hover alleen op de link zelf */
.type-card:hover .type-card-cta::after{
  transform:scaleX(0)!important;
}
.type-card .type-card-cta:hover::after,
.type-card .type-card-cta:focus-visible::after{
  transform:scaleX(1)!important;
}


/* 1.0.55 — aanbod editor zonder dubbele InnerBlocks + nette type-opsomming */
.editor-styles-wrapper #offre .types > .block-editor-inner-blocks > .block-editor-block-list__layout{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s16)!important;
}
.editor-styles-wrapper #offre .types .wp-block-buttons{
  grid-column:1 / -1;
  width:max-content;
  margin-bottom:var(--s16)!important;
}
.type-features{
  list-style:none!important;
  margin:var(--s16) 0 0!important;
  padding:0!important;
  display:grid!important;
  gap:8px!important;
}
.type-features li{
  font-size:var(--tx-sm)!important;
  color:var(--ink-mute)!important;
  line-height:1.5!important;
  display:flex!important;
  gap:8px!important;
  align-items:flex-start!important;
}
.type-features li::before{
  content:'–';
  color:var(--honey);
  flex:0 0 auto;
}
.hero-urg-card .huc-note{cursor:text;}
@media(max-width:960px){.editor-styles-wrapper #offre .types > .block-editor-inner-blocks > .block-editor-block-list__layout{grid-template-columns:1fr!important;}}


/* 1.0.56 — aanbodkaarten met native Gutenberg lijst en native knop */
.type-card-native-content{margin-top:var(--s16);}
.type-card .wp-block-list,
.type-card .type-card-native-content ul{
  list-style:none!important;
  margin:var(--s16) 0 0!important;
  padding:0!important;
  display:grid!important;
  gap:8px!important;
}
.type-card .wp-block-list li,
.type-card .type-card-native-content li{
  font-size:var(--tx-sm)!important;
  color:var(--ink-mute)!important;
  line-height:1.5!important;
  display:flex!important;
  gap:8px!important;
  align-items:flex-start!important;
}
.type-card .wp-block-list li::before,
.type-card .type-card-native-content li::before{
  content:'–';
  color:var(--honey);
  flex:0 0 auto;
}
.type-card .wp-block-buttons,
.type-card .type-card-native-cta{
  margin-top:var(--s24)!important;
  gap:0!important;
}
.type-card .wp-block-button__link{
  background:transparent!important;
  color:var(--emerald)!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  clip-path:none!important;
  font-family:var(--ff-sans)!important;
  font-size:var(--tx-xs)!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  position:relative!important;
}
.type-card .wp-block-button__link::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-7px;
  width:100%;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .28s ease;
}
.type-card .wp-block-button__link:hover::after,
.type-card .wp-block-button__link:focus-visible::after{transform:scaleX(1);}
.editor-styles-wrapper .type-card .block-editor-block-list__layout{display:block;}
.editor-styles-wrapper .type-card .wp-block-list{margin-top:var(--s16)!important;}


/* 1.0.58 — WPML language switch in main menu */
.nav-lang-item{display:flex!important;align-items:center;margin-left:-10px;}
.nav-lang{display:inline-flex;align-items:center;gap:0;border:1px solid rgba(83,112,98,.22);background:rgba(250,247,244,.48);height:34px;}
.nav-lang-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:38px;height:32px;padding:0 10px!important;font-size:11px!important;line-height:1!important;letter-spacing:.14em!important;font-weight:600!important;color:var(--emerald-dk)!important;text-decoration:none!important;opacity:.58;transition:opacity .2s,background .2s,color .2s;}
.nav-lang-link + .nav-lang-link{border-left:1px solid rgba(83,112,98,.16);}
.nav-lang-link:hover{opacity:1;background:rgba(83,112,98,.08);}
.nav-lang-link.is-active{opacity:1;background:var(--emerald);color:var(--champagne)!important;}
@media(max-width:960px){
  #nav .nav-lang-item{margin:10px 0 0!important;}
  #nav .nav-lang{height:42px;background:rgba(255,255,255,.34);border-color:rgba(83,112,98,.22);}
  #nav .nav-lang-link{min-width:52px;height:40px;font-size:13px!important;}
}


/* 1.0.59 — taalswitch als dropdown */
.nav-lang-item{display:flex!important;align-items:center;margin-left:-6px;position:relative;}
.nav-lang-dropdown{position:relative;display:inline-flex;align-items:center;height:34px;border:1px solid rgba(83,112,98,.22);background:rgba(250,247,244,.54);}
.nav-lang-current{appearance:none;border:0;background:transparent;color:var(--emerald-dk);height:32px;min-width:58px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--ff-sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;}
.nav-lang-chevron{font-size:12px;line-height:1;transform:translateY(-1px);transition:transform .2s ease;}
.nav-lang-dropdown.is-open .nav-lang-chevron{transform:rotate(180deg) translateY(1px);}
.nav-lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:86px;padding:6px;background:var(--champagne);border:1px solid rgba(83,112,98,.2);box-shadow:0 12px 28px rgba(30,45,39,.12);display:grid;gap:2px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease;z-index:1250;}
.nav-lang-dropdown:hover .nav-lang-menu,
.nav-lang-dropdown:focus-within .nav-lang-menu,
.nav-lang-dropdown.is-open .nav-lang-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none;}
.nav-lang-menu .nav-lang-link{display:flex!important;align-items:center!important;justify-content:center!important;height:32px!important;padding:0 12px!important;font-size:11px!important;line-height:1!important;letter-spacing:.14em!important;font-weight:700!important;color:var(--emerald-dk)!important;text-decoration:none!important;opacity:.72;background:transparent!important;}
.nav-lang-menu .nav-lang-link:hover{opacity:1;background:rgba(83,112,98,.08)!important;}
.nav-lang-menu .nav-lang-link.is-active{opacity:1;background:var(--emerald)!important;color:var(--champagne)!important;}
@media(max-width:960px){
  #nav .nav-lang-item{margin:10px 0 0!important;}
  #nav .nav-lang-dropdown{height:46px;background:rgba(255,255,255,.38);}
  #nav .nav-lang-current{height:44px;min-width:78px;font-size:14px!important;}
  #nav .nav-lang-menu{left:50%;right:auto;top:calc(100% + 10px);transform:translate(-50%,-4px);min-width:110px;}
  #nav .nav-lang-dropdown:hover .nav-lang-menu,
  #nav .nav-lang-dropdown:focus-within .nav-lang-menu,
  #nav .nav-lang-dropdown.is-open .nav-lang-menu{transform:translate(-50%,0);}
  #nav .nav-lang-menu .nav-lang-link{height:40px!important;font-size:13px!important;}
}


/* 1.0.60 — hover bridge voor taaldropdown */
.nav-lang-dropdown::after{
  content:'';
  position:absolute;
  left:-8px;
  right:-8px;
  top:100%;
  height:18px;
  display:block;
}
.nav-lang-menu{top:calc(100% + 6px)!important;}
@media(max-width:960px){#nav .nav-lang-menu{top:calc(100% + 8px)!important;}}


/* 1.0.66 native situation CTA */
#situation .situation-cta{margin-top:var(--s32);}
#situation .situation-cta .wp-block-buttons{margin:0;}
#situation .situation-cta .wp-block-button__link{white-space:normal;}


/* 1.0.67 — laat native Gutenberg knopkleuren winnen */
.wp-block-button__link.has-emerald-color{color:var(--emerald)!important;}
.wp-block-button__link.has-honey-color{color:var(--honey)!important;}
.wp-block-button__link.has-champagne-color{color:var(--champagne)!important;}
.wp-block-button__link.has-offwhite-color{color:var(--offwhite)!important;}
.wp-block-button__link.has-ink-color{color:var(--ink)!important;}
.wp-block-button__link.has-white-color{color:#fff!important;}
.wp-block-button__link.has-emerald-background-color{background:var(--emerald)!important;}
.wp-block-button__link.has-honey-background-color{background:var(--honey)!important;}
.wp-block-button__link.has-champagne-background-color{background:var(--champagne)!important;}
.wp-block-button__link.has-offwhite-background-color{background:var(--offwhite)!important;}
.wp-block-button__link.has-ink-background-color{background:var(--ink)!important;}
.wp-block-button__link.has-white-background-color{background:#fff!important;}
#situation .situation-cta .wp-block-button__link.has-background{border-color:transparent!important;}
#situation .situation-cta .wp-block-button.is-style-outline .wp-block-button__link.has-background::before,
#situation .situation-cta .wp-block-button[class*="is-style-outline"] .wp-block-button__link.has-background::before,
#situation .situation-cta .wp-block-button.is-style-ed-border .wp-block-button__link.has-background::before,
#situation .situation-cta .wp-block-button[class*="is-style-ed-border"] .wp-block-button__link.has-background::before{display:none!important;}
#situation .situation-cta .wp-block-button.is-style-outline .wp-block-button__link.has-background::after,
#situation .situation-cta .wp-block-button[class*="is-style-outline"] .wp-block-button__link.has-background::after,
#situation .situation-cta .wp-block-button.is-style-ed-border .wp-block-button__link.has-background::after,
#situation .situation-cta .wp-block-button[class*="is-style-ed-border"] .wp-block-button__link.has-background::after{display:none!important;}


/* 1.0.69 — volledige aanbod/type kaart klikbaar, met behoud van native knopklik. */
#offre .types .type-card.is-card-link{
  cursor:pointer;
}
#offre .types .type-card.is-card-link:focus-visible{
  outline:2px solid var(--emerald);
  outline-offset:4px;
}
#offre .types .type-card.is-card-link .type-card-cta,
#offre .types .type-card.is-card-link .wp-block-button__link{
  cursor:pointer;
}


/* 1.0.72 — mobiele contactspacing opgeschoond + hero-knoppen links compact. */
@media(max-width:700px){
  #hero .hero-ctas,
  #hero .hero-ctas .wp-block-buttons{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    width:auto!important;
    max-width:100%!important;
    gap:12px!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  #hero .hero-ctas .wp-block-button,
  #hero .hero-ctas .wp-block-button__link,
  #hero .hero-ctas .btn{
    width:auto!important;
    max-width:calc(100vw - 12vw)!important;
    align-self:flex-start!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  #hero .hero-ctas .wp-block-button__link,
  #hero .hero-ctas .btn{
    display:inline-flex!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
  }

  #contact .form-box{
    scroll-margin-top:120px;
  }

  #contact .form-box .ed-hs-intention-fieldset,
  #contact .form-box form.hs-form fieldset.ed-hs-intention-fieldset,
  #contact .form-box .hs-form fieldset.ed-hs-intention-fieldset{
    margin-top:0!important;
  }
  #contact .form-box .ed-hs-intention-field,
  #contact .form-box .hs_intention,
  #contact .form-box .hs-intention,
  #contact .form-box [class*="hs_intention"],
  #contact .form-box [class*="hs-intention"]{
    margin-top:14px!important;
    padding-top:0!important;
  }

  #contact .form-box .hs-form-field:not(.ed-hs-intention-field){
    padding-top:0!important;
  }
  #contact .form-box .legal-consent-container{
    margin-top:18px!important;
    padding-top:18px!important;
    border-top:1px solid rgba(207,184,163,.55)!important;
  }
  #contact .form-box .legal-consent-container .hs-form-field,
  #contact .form-box .legal-consent-container .hs-fieldtype-checkbox,
  #contact .form-box .legal-consent-container .hs-fieldtype-radio,
  #contact .form-box .legal-consent-container .hs-form-booleancheckbox,
  #contact .form-box .legal-consent-container .hs-form-checkbox{
    margin:0 0 16px!important;
    padding:0!important;
  }
  #contact .form-box .legal-consent-container ul.inputs-list li{
    margin:0 0 14px!important;
  }
  #contact .form-box .legal-consent-container ul.inputs-list li:last-child,
  #contact .form-box .legal-consent-container .hs-form-field:last-child{
    margin-bottom:0!important;
  }
}


/* 1.0.77 — postcode + telefoonrij opgeschoond met flex-layout. */
#contact .form-box fieldset.ed-postcode-phone-row{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-start!important;
  gap:24px!important;
  width:100%!important;
  max-width:none!important;
  margin-bottom:18px!important;
}

#contact .form-box fieldset.ed-postcode-phone-row > .hs-form-field{
  float:none!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  max-width:none!important;
}

#contact .form-box fieldset.ed-postcode-phone-row > .ed-hs-postcode-field{
  flex:0 0 calc(30% - 12px)!important;
  width:calc(30% - 12px)!important;
  max-width:calc(30% - 12px)!important;
}

#contact .form-box fieldset.ed-postcode-phone-row > .ed-hs-phone-field{
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
}

#contact .form-box fieldset.ed-postcode-phone-row > .ed-hs-postcode-field input.hs-input,
#contact .form-box fieldset.ed-postcode-phone-row > .ed-hs-postcode-field input{
  width:100%!important;
  max-width:100%!important;
}

#contact .form-box fieldset.ed-postcode-phone-row > .ed-hs-postcode-field > label,
#contact .form-box fieldset.ed-postcode-phone-row > .ed-hs-phone-field > label{
  white-space:nowrap!important;
}

#contact .form-box .ed-hs-phone-field > .input{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}

#contact .form-box .ed-hs-phone-field .hs-fieldtype-intl-phone{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  position:relative!important;
}

#contact .form-box .ed-hs-phone-field .ed-phone-number-line{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

#contact .form-box .ed-hs-phone-field select.ed-phone-country-native,
#contact .form-box .hs-fieldtype-intl-phone select.ed-phone-country-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  left:0!important;
  top:0!important;
}

#contact .form-box .ed-hs-phone-field .ed-phone-country-ui{
  flex:0 0 112px!important;
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  height:56px!important;
}

#contact .form-box .ed-hs-phone-field .ed-phone-country-current{
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  height:56px!important;
}

#contact .form-box .ed-hs-phone-field .ed-phone-country-menu{
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
}

#contact .form-box .ed-hs-phone-field .ed-phone-number-line input[type="tel"].hs-input,
#contact .form-box .ed-hs-phone-field .ed-phone-number-line input[type="tel"]{
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
}

#contact .form-box .ed-hs-phone-field .hs-fieldtype-intl-phone input[type="hidden"]{
  display:none!important;
}

#contact .form-box fieldset.ed-postcode-phone-row .hs-error-msgs{
  margin-top:8px!important;
}

@media(max-width:700px){
  #contact .form-box fieldset.ed-postcode-phone-row{
    gap:16px!important;
  }
  #contact .form-box fieldset.ed-postcode-phone-row > .ed-hs-postcode-field{
    flex:0 0 calc(32% - 8px)!important;
    width:calc(32% - 8px)!important;
    max-width:calc(32% - 8px)!important;
  }
  #contact .form-box fieldset.ed-postcode-phone-row > .ed-hs-phone-field{
    flex:1 1 calc(68% - 8px)!important;
  }
  #contact .form-box .ed-hs-phone-field .ed-phone-number-line{
    gap:10px!important;
  }
  #contact .form-box .ed-hs-phone-field .ed-phone-country-ui,
  #contact .form-box .ed-hs-phone-field .ed-phone-country-current,
  #contact .form-box .ed-hs-phone-field .ed-phone-country-menu{
    flex-basis:106px!important;
    width:106px!important;
    min-width:106px!important;
    max-width:106px!important;
  }
}

/* 1.0.77 — extra specifieke overrides zodat HubSpot form-columns widths niet winnen. */
#contact .form-box form.hs-form fieldset.form-columns-2.ed-postcode-phone-row,
#contact .form-box .hs-form fieldset.form-columns-2.ed-postcode-phone-row,
#contact .form-box form fieldset.form-columns-2.ed-postcode-phone-row{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:flex-start!important;
  gap:24px!important;
}

#contact .form-box form.hs-form fieldset.form-columns-2.ed-postcode-phone-row > .ed-hs-postcode-field,
#contact .form-box .hs-form fieldset.form-columns-2.ed-postcode-phone-row > .ed-hs-postcode-field,
#contact .form-box form fieldset.form-columns-2.ed-postcode-phone-row > .ed-hs-postcode-field{
  flex:0 0 calc(30% - 12px)!important;
  width:calc(30% - 12px)!important;
  max-width:calc(30% - 12px)!important;
}

#contact .form-box form.hs-form fieldset.form-columns-2.ed-postcode-phone-row > .ed-hs-phone-field,
#contact .form-box .hs-form fieldset.form-columns-2.ed-postcode-phone-row > .ed-hs-phone-field,
#contact .form-box form fieldset.form-columns-2.ed-postcode-phone-row > .ed-hs-phone-field{
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
}

@media(max-width:700px){
  #contact .form-box form.hs-form fieldset.form-columns-2.ed-postcode-phone-row,
  #contact .form-box .hs-form fieldset.form-columns-2.ed-postcode-phone-row,
  #contact .form-box form fieldset.form-columns-2.ed-postcode-phone-row{
    gap:16px!important;
  }
  #contact .form-box form.hs-form fieldset.form-columns-2.ed-postcode-phone-row > .ed-hs-postcode-field,
  #contact .form-box .hs-form fieldset.form-columns-2.ed-postcode-phone-row > .ed-hs-postcode-field,
  #contact .form-box form fieldset.form-columns-2.ed-postcode-phone-row > .ed-hs-postcode-field{
    flex:0 0 calc(32% - 8px)!important;
    width:calc(32% - 8px)!important;
    max-width:calc(32% - 8px)!important;
  }
}

/* 1.0.78 — mobiele contactsectie compacter zonder postcode/telefoon-layout te wijzigen. */
@media(max-width:700px){
  #contact{
    overflow-x:hidden!important;
  }
  #contact,
  #contact *{
    box-sizing:border-box!important;
  }
  #contact .section-inner{
    width:100%!important;
    max-width:1240px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  #contact .contact-urg--intro,
  #contact .contact-grid--brochure,
  #contact .contact-copy,
  #contact .contact-form-stack,
  #contact .form-box{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  #contact .contact-urg--intro{
    padding:18px!important;
    margin-bottom:28px!important;
  }
  #contact .contact-grid--brochure{
    gap:32px!important;
  }
  #contact .contact-copy{
    padding-top:0!important;
  }
  #contact .contact-eyebrow{
    font-size:9px!important;
    line-height:1.25!important;
    letter-spacing:.18em!important;
    margin-bottom:10px!important;
  }
  #contact .contact-copy-title{
    font-size:30px!important;
    line-height:1.08!important;
    max-width:100%!important;
    margin-bottom:14px!important;
  }
  #contact .contact-copy-lead,
  #contact .contact-copy-text,
  #contact .contact-copy-text p,
  #contact .contact-urg--intro .cu-body,
  #contact .contact-urg--intro .cu-note,
  #contact .contact-quick-text{
    max-width:100%!important;
    font-size:14px!important;
    line-height:1.55!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  #contact .contact-copy-text p{
    margin-bottom:12px!important;
  }
  #contact .contact-quick{
    margin-top:26px!important;
    padding-top:22px!important;
  }
  #contact .contact-quick-title{
    font-size:28px!important;
    line-height:1.15!important;
    margin-bottom:8px!important;
  }
  #contact .contact-copy .partner-contact{
    max-width:100%!important;
    min-width:0!important;
    font-size:14px!important;
    line-height:1.4!important;
    overflow-wrap:anywhere!important;
  }
  #contact .contact-copy .partner-contact__icon{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  #contact .form-box{
    padding:18px!important;
    overflow:hidden!important;
  }
  #contact .form-box .form-embed,
  #contact .form-box .hbspt-form,
  #contact .form-box .tgh-hs-form-target,
  #contact .form-box form.hs-form,
  #contact .form-box form,
  #contact .form-box fieldset,
  #contact .form-box .input,
  #contact .form-box .hs-form-field{
    max-width:100%!important;
    min-width:0!important;
  }
  #contact .form-box .hs-form-field > label,
  #contact .form-box form.hs-form label:not(.hs-form-checkbox-display):not(.hs-form-booleancheckbox-display),
  #contact .form-box label:not(.hs-form-checkbox-display):not(.hs-form-booleancheckbox-display){
    font-size:10px!important;
    line-height:1.25!important;
    letter-spacing:.16em!important;
    margin-bottom:6px!important;
    white-space:normal!important;
  }
  #contact .form-box input.hs-input:not([type="checkbox"]):not([type="radio"]),
  #contact .form-box select.hs-input,
  #contact .form-box textarea.hs-input,
  #contact .form-box input:not([type="checkbox"]):not([type="radio"]),
  #contact .form-box select,
  #contact .form-box textarea{
    min-height:44px!important;
    padding:10px 12px!important;
    font-size:15px!important;
    line-height:1.25!important;
  }
  #contact .form-box textarea.hs-input,
  #contact .form-box textarea{
    min-height:108px!important;
  }
  #contact .form-box ul.inputs-list li{
    margin-bottom:7px!important;
  }
  #contact .form-box .hs-form-checkbox-display,
  #contact .form-box .hs-form-booleancheckbox-display,
  #contact .form-box form.hs-form label.hs-form-checkbox-display,
  #contact .form-box form.hs-form label.hs-form-booleancheckbox-display{
    grid-template-columns:18px minmax(0,1fr)!important;
    column-gap:10px!important;
    font-size:12px!important;
    line-height:1.4!important;
  }
  #contact .form-box .hs-form-checkbox-display > span,
  #contact .form-box .hs-form-booleancheckbox-display > span,
  #contact .form-box form.hs-form label.hs-form-checkbox-display > span,
  #contact .form-box form.hs-form label.hs-form-booleancheckbox-display > span,
  #contact .form-box .legal-consent-container span,
  #contact .form-box .legal-consent-container p,
  #contact .form-box .legal-consent-container label{
    font-size:12px!important;
    line-height:1.4!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  #contact .form-box input[type="checkbox"].hs-input,
  #contact .form-box input[type="radio"].hs-input,
  #contact .form-box input[type="checkbox"],
  #contact .form-box input[type="radio"],
  #contact .form-box .inputs-list input.hs-input[type="checkbox"],
  #contact .form-box .inputs-list input.hs-input[type="radio"],
  #contact .form-box .legal-consent-container input.hs-input[type="checkbox"]{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    flex-basis:18px!important;
  }
  #contact .form-box input[type="checkbox"].hs-input:checked::after,
  #contact .form-box input[type="checkbox"]:checked::after,
  #contact .form-box .inputs-list input.hs-input[type="checkbox"]:checked::after,
  #contact .form-box .legal-consent-container input.hs-input[type="checkbox"]:checked::after{
    left:3px!important;
    top:-3px!important;
    font-size:14px!important;
    line-height:18px!important;
  }
  #contact .form-box .legal-consent-container{
    margin-top:12px!important;
    padding-top:12px!important;
  }
  #contact .form-box .legal-consent-container .hs-form-field,
  #contact .form-box .legal-consent-container .hs-form-booleancheckbox,
  #contact .form-box .legal-consent-container .hs-form-checkbox{
    margin-bottom:10px!important;
  }
  #contact .form-box .hs-error-msgs,
  #contact .form-box .hs-error-msg{
    max-width:100%!important;
    font-size:10px!important;
    line-height:1.25!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  #contact .form-box .hs_submit,
  #contact .form-box .hs_submit .actions{
    margin-top:16px!important;
  }
  #contact .form-box .hs_submit input[type="submit"],
  #contact .form-box input[type="submit"].hs-button,
  #contact .form-box input[type="submit"].hs-button.primary,
  #contact .form-box .hs-button,
  #contact .form-box .hs-button.primary,
  #contact .form-box .btn-submit{
    min-height:44px!important;
    padding:12px 20px!important;
    font-size:11px!important;
    letter-spacing:.14em!important;
  }
}


/* 1.0.78 — telefoonlandcode blijft visueel gelijk met lagere mobiele velden. */
@media(max-width:700px){
  #contact .form-box .ed-hs-phone-field .ed-phone-country-ui,
  #contact .form-box .ed-hs-phone-field .ed-phone-country-current{
    height:44px!important;
  }
  #contact .form-box .ed-hs-phone-field .ed-phone-country-current{
    font-size:14px!important;
    line-height:1!important;
  }
}


/* 1.0.83 — mobiel: telefoonblok onder postcode en beide velden 100% breed. */
@media(max-width:700px){
  #contact .form-box fieldset.ed-postcode-phone-row,
  #contact .form-box form.hs-form fieldset.form-columns-2.ed-postcode-phone-row,
  #contact .form-box .hs-form fieldset.form-columns-2.ed-postcode-phone-row,
  #contact .form-box form fieldset.form-columns-2.ed-postcode-phone-row{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:14px!important;
  }
  #contact .form-box fieldset.ed-postcode-phone-row > .ed-hs-postcode-field,
  #contact .form-box fieldset.ed-postcode-phone-row > .ed-hs-phone-field,
  #contact .form-box form.hs-form fieldset.form-columns-2.ed-postcode-phone-row > .ed-hs-postcode-field,
  #contact .form-box form.hs-form fieldset.form-columns-2.ed-postcode-phone-row > .ed-hs-phone-field,
  #contact .form-box .hs-form fieldset.form-columns-2.ed-postcode-phone-row > .ed-hs-postcode-field,
  #contact .form-box .hs-form fieldset.form-columns-2.ed-postcode-phone-row > .ed-hs-phone-field,
  #contact .form-box form fieldset.form-columns-2.ed-postcode-phone-row > .ed-hs-postcode-field,
  #contact .form-box form fieldset.form-columns-2.ed-postcode-phone-row > .ed-hs-phone-field{
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  #contact .form-box .ed-hs-phone-field > .input,
  #contact .form-box .ed-hs-phone-field .hs-fieldtype-intl-phone,
  #contact .form-box .ed-hs-phone-field .ed-phone-number-line{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  #contact .form-box .ed-hs-phone-field .ed-phone-number-line{
    gap:10px!important;
  }
  #contact .form-box .ed-hs-phone-field .ed-phone-country-ui,
  #contact .form-box .ed-hs-phone-field .ed-phone-country-current,
  #contact .form-box .ed-hs-phone-field .ed-phone-country-menu{
    flex:0 0 108px!important;
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
  }
  #contact .form-box .ed-hs-phone-field .ed-phone-number-line input[type="tel"].hs-input,
  #contact .form-box .ed-hs-phone-field .ed-phone-number-line input[type="tel"]{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
}


/* 1.0.84 — voorkom telefoonveld-overflow bij tussenbreedtes, zonder HubSpot DOM te wijzigen. */
#contact .form-box fieldset.ed-postcode-phone-row,
#contact .form-box fieldset.ed-postcode-phone-row > .ed-hs-phone-field,
#contact .form-box .ed-hs-phone-field > .input,
#contact .form-box .ed-hs-phone-field .hs-fieldtype-intl-phone,
#contact .form-box .ed-hs-phone-field .ed-phone-number-line{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

#contact .form-box .ed-hs-phone-field .ed-phone-number-line{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  overflow:visible!important;
}

#contact .form-box .ed-hs-phone-field .ed-phone-country-ui,
#contact .form-box .ed-hs-phone-field .ed-phone-country-current{
  flex-shrink:0!important;
}

#contact .form-box .ed-hs-phone-field .ed-phone-number-line input[type="tel"].hs-input,
#contact .form-box .ed-hs-phone-field .ed-phone-number-line input[type="tel"],
#contact .form-box .ed-hs-phone-field .hs-fieldtype-intl-phone > input[type="tel"].hs-input,
#contact .form-box .ed-hs-phone-field .hs-fieldtype-intl-phone > input[type="tel"]{
  flex:1 1 0%!important;
  width:0!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

@media(min-width:701px) and (max-width:1180px){
  #contact .form-box fieldset.ed-postcode-phone-row,
  #contact .form-box form.hs-form fieldset.form-columns-2.ed-postcode-phone-row,
  #contact .form-box .hs-form fieldset.form-columns-2.ed-postcode-phone-row,
  #contact .form-box form fieldset.form-columns-2.ed-postcode-phone-row{
    gap:18px!important;
  }
  #contact .form-box .ed-hs-phone-field .ed-phone-number-line{
    gap:10px!important;
  }
  #contact .form-box .ed-hs-phone-field .ed-phone-country-ui,
  #contact .form-box .ed-hs-phone-field .ed-phone-country-current,
  #contact .form-box .ed-hs-phone-field .ed-phone-country-menu{
    flex-basis:108px!important;
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
  }
}