/* ═══ Marijn Hageman — huisstijl 3 (oktober 2026) ═══
   Vertaling van voorbeeld-nieuwe-stijl (goedgekeurd 7-10-2026) naar Elementor-opbouw.
   goud #C9922F · grond #6B3A2A · zwart #1C1008 · vlam #C66A3F · adem #F7F3E8 · crème #F7E8CD
   Koppen: Cormorant Garamond 500, rechtop, hoofdletters, ingetogen formaat.
   Geen bewegende/schuivende effecten (alleen kleurovergangen). */

:root {
  --goud: #C9922F; --grond: #6B3A2A; --zwart: #1C1008;
  --vlam: #C66A3F; --adem: #F7F3E8; --creme: #F7E8CD; --papier: #FFFCF5;
}
html { scroll-behavior: smooth; }
body { background: var(--adem); margin: 0; }

/* ── basis binnen elke sectie ── */
.mh3 { font-family: 'Inter', sans-serif; color: var(--zwart); line-height: 1.7;
  font-variant-numeric: lining-nums; }
.mh3 .elementor-widget:not(:last-child) { margin-bottom: 0; margin-block-end: 0; }
.mh3 .elementor-widget-wrap { align-content: flex-start; }
.mh3 img { display: block; max-width: 100%; }
.mh3 a { transition: color .25s, background-color .25s; }
.mh3 .elementor-heading-title { font-family: 'Inter', sans-serif; color: inherit; }

/* ── sectie + achtergronden ── */
.mh3.sectie { padding: clamp(72px, 14vh, 150px) 7vw; overflow: hidden; }
.mh3.bruin { background: var(--grond); color: var(--adem); }
.mh3.zwart { background: var(--zwart); color: var(--adem); }
.mh3.lijn-boven { border-top: 1px solid rgba(107,58,42,.15); }
.mh3.lijn-onder { border-bottom: 1px solid rgba(107,58,42,.15); }

/* ── sectiekopje met dikke terracottabalk tot de rechterrand ── */
.mh3 .label { display: flex; align-items: center; gap: 2.2rem; margin-bottom: 3.2rem; }
.mh3 .label span { font-size: .78rem; font-weight: 500; letter-spacing: .22em; text-transform: uppercase;
  color: var(--vlam); white-space: nowrap; }
.mh3 .label::after { content: ''; flex: 1; height: 16px; background: var(--vlam); margin-right: -7vw; }
.mh3.bruin .label span, .mh3.zwart .label span { color: var(--creme); }

/* eyebrow (paginakopje boven een h1) */
.mh3 .eyebrow .elementor-heading-title { display: flex; align-items: center; gap: 1.4rem; font-family: 'Inter', sans-serif;
  font-size: .78rem; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: var(--vlam);
  margin: 0 0 2.4rem; line-height: 1.4; }
.mh3 .eyebrow .elementor-heading-title::after { content: ''; flex: 1; height: 16px; background: var(--vlam); }
.mh3 .eyebrow.rand .elementor-heading-title::after { margin-right: -7vw; }

/* ── koppen ── */
.mh3 .kop .elementor-heading-title { font-family: 'Cormorant Garamond', serif; font-weight: 500; font-style: normal;
  text-transform: uppercase; line-height: .95; letter-spacing: -.01em; margin: 0; color: var(--grond); }
.mh3 .kop em { font-style: normal; color: var(--goud); }
.mh3 .kop b, .mh3 .kop strong { font-weight: 500; }
.mh3 .groot .elementor-heading-title { font-size: clamp(2.1rem, 3.6vw, 3.4rem); }
.mh3 .middel .elementor-heading-title { font-size: clamp(1.7rem, 2.6vw, 2.5rem); }
.mh3.bruin .kop .elementor-heading-title, .mh3.zwart .kop .elementor-heading-title { color: var(--goud); }
.mh3.bruin .kop em, .mh3.zwart .kop em { color: var(--adem); }
.mh3 .smal-12 .elementor-heading-title { max-width: 12ch; }
.mh3 .smal-14 .elementor-heading-title { max-width: 14ch; }
.mh3 .smal-15 .elementor-heading-title { max-width: 15ch; }
.mh3 .smal-18 .elementor-heading-title { max-width: 18ch; }

.mh3 .ondertitel .elementor-heading-title { font-family: 'Inter', sans-serif; font-size: .9rem; font-weight: 500;
  letter-spacing: .16em; text-transform: uppercase; line-height: 1.5; margin: 1.6rem 0 0; color: var(--grond); }
.mh3.bruin .ondertitel .elementor-heading-title, .mh3.zwart .ondertitel .elementor-heading-title { color: var(--creme); }

.mh3 .subkop .elementor-heading-title { font-family: 'Cormorant Garamond', serif; font-weight: 500; text-transform: uppercase;
  font-size: clamp(1.35rem, 2vw, 1.8rem); line-height: 1; color: var(--grond); margin: 0 0 1.4rem; }

/* accentregel / oproep / citaat in Cormorant hoofdletters */
.mh3 .accent p, .mh3 .accent .elementor-heading-title, .mh3 .oproep p, .mh3 .oproep .elementor-heading-title {
  font-family: 'Cormorant Garamond', serif; font-weight: 500; font-style: normal; text-transform: uppercase;
  line-height: 1.08; color: var(--goud); margin: 0; }
.mh3 .accent p, .mh3 .accent .elementor-heading-title { font-size: clamp(1.2rem, 1.8vw, 1.55rem); max-width: 28ch; }
.mh3 .accent { margin-top: 2.4rem; }
.mh3 .accent.dicht { margin-top: 1.6rem; }
.mh3 .oproep p, .mh3 .oproep .elementor-heading-title { font-size: clamp(1.4rem, 2.2vw, 1.9rem); line-height: 1; }
.mh3 .oproep { margin-top: 3rem; }
.mh3 .oproep strong { font-weight: 500; }

/* ── lopende tekst ── */
.mh3 .tekst p { font-size: 1.04rem; font-weight: 300; margin: 0 0 1.25rem; max-width: 62ch; color: var(--zwart); }
.mh3 .tekst p:last-child { margin-bottom: 0; }
.mh3 .tekst ul { margin: 0 0 1.4rem; padding-left: 1.2rem; max-width: 62ch; }
.mh3 .tekst ul:last-child { margin-bottom: 0; }
.mh3 .tekst li { font-weight: 300; margin-bottom: .55rem; }
.mh3 .tekst li::marker { color: var(--vlam); }
.mh3 .tekst strong { font-weight: 600; }
.mh3 .tekst a { color: inherit; }
.mh3.bruin .tekst p, .mh3.bruin .tekst li, .mh3.zwart .tekst p, .mh3.zwart .tekst li { color: rgba(247,243,232,.82); }
.mh3.bruin .tekst strong, .mh3.zwart .tekst strong { color: var(--adem); }
.mh3 .ruimte-boven { margin-top: 2.2rem; }
.mh3 .ruimte-boven-l { margin-top: 2.4rem; }
.mh3 .lees2 .elementor-widget-container { columns: 2; column-gap: 6vw; }
.mh3 .lees2 p { break-inside: avoid; max-width: none; }

/* ── knoppen (Elementor-knop) ── */
.mh3 .knop .elementor-button { display: inline-block; font-family: 'Inter', sans-serif; font-size: .72rem; font-weight: 500;
  letter-spacing: .2em; text-transform: uppercase; text-decoration: none; padding: 19px 40px; border: 0; border-radius: 0;
  line-height: 1.4; fill: currentColor; }
.mh3 .knop-bruin .elementor-button { background: var(--grond) !important; color: var(--adem) !important; }
.mh3 .knop-bruin .elementor-button:hover { background: var(--zwart) !important; color: var(--adem) !important; }
.mh3 .knop-licht .elementor-button { background: var(--adem) !important; color: var(--grond) !important; }
.mh3 .knop-licht .elementor-button:hover { background: var(--goud) !important; color: var(--zwart) !important; }
.mh3 .knop { margin-top: 2.6rem; }
.mh3 .knop.ruim { margin-top: 3rem; }
/* knoppen als gewone links (html-widget) */
.mh3 .knoppen { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 2.6rem; }
.mh3 .knop-a { display: inline-block; font-size: .72rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase;
  text-decoration: none; padding: 19px 40px; }
.mh3 .knop-a.licht { background: var(--adem); color: var(--grond); }
.mh3 .knop-a.licht:hover { background: var(--goud); color: var(--zwart); }
.mh3 .knop-a.lijn { border: 1px solid var(--creme); color: var(--creme); }
.mh3 .knop-a.lijn:hover { background: var(--creme); color: var(--zwart); }

/* ── foto's ── */
.mh3 .foto img { width: 100%; height: auto; }
.mh3 .foto-zacht img {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 12%, #000 86%, transparent 100%),
    linear-gradient(to bottom, transparent 0, #000 12%, #000 86%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent 0, #000 12%, #000 86%, transparent 100%),
    linear-gradient(to bottom, transparent 0, #000 12%, #000 86%, transparent 100%);
  mask-composite: intersect; }
.mh3 .foto-rond img { border-radius: 18px; box-shadow: 0 14px 40px rgba(0,0,0,.25); }
.mh3 .foto img { pointer-events: none; user-select: none; -webkit-user-drag: none; }
.mh3 .max-300 { max-width: 300px; margin-left: auto; margin-right: auto; }
.mh3 .max-380 { max-width: 380px; margin-left: auto; margin-right: auto; }

/* ── rasters (Elementor inner sections) ── */
.mh3 .twee > .elementor-container, .mh3 .blokken > .elementor-container, .mh3 .reviews > .elementor-container,
.mh3.hero > .elementor-container { display: grid !important; }
.mh3 .twee > .elementor-container > .elementor-column, .mh3 .blokken > .elementor-container > .elementor-column,
.mh3 .reviews > .elementor-container > .elementor-column, .mh3.hero > .elementor-container > .elementor-column {
  width: 100% !important; }
.mh3 .twee > .elementor-container { grid-template-columns: 1.35fr 1fr; gap: 3rem 6vw; align-items: center; }
.mh3 .twee.boven > .elementor-container { align-items: start; }
.mh3 .twee.onder > .elementor-container { align-items: end; }
.mh3 .twee.gelijk > .elementor-container { grid-template-columns: 1fr 1fr; }
.mh3 .twee.portret > .elementor-container { grid-template-columns: 1fr 1.25fr; align-items: start; }
.mh3 .twee.tussen > .elementor-container { grid-template-columns: 1.4fr 1fr; align-items: start; }
.mh3 .twee.ruimte-boven-xl { margin-top: 4rem; }
.mh3 .twee.ruimte-boven-xxl { margin-top: 6rem; }

/* blokken met nummer */
.mh3 .blokken { margin-top: 5rem; }
.mh3 .blokken > .elementor-container { grid-template-columns: 1fr 1fr; gap: 3.5rem 6vw; }
.mh3 .blokken.drie > .elementor-container { grid-template-columns: 1fr 1fr 1fr; }
.mh3 .blok { border-top: 4px solid var(--vlam); padding-top: 1.6rem !important; }
.mh3 .blok-nr { font-family: 'Cormorant Garamond', serif; font-size: 2rem; font-weight: 500; color: var(--goud);
  line-height: 1; margin-bottom: .8rem; }
.mh3 .blok h3, .mh3 .blok-kop .elementor-heading-title { font-family: 'Inter', sans-serif; font-size: .86rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; line-height: 1.45; margin: 0 0 .9rem; color: var(--grond); }
.mh3.bruin .blok h3, .mh3.bruin .blok-kop .elementor-heading-title,
.mh3.zwart .blok h3, .mh3.zwart .blok-kop .elementor-heading-title { color: var(--adem); }
.mh3 .blok .tekst p { font-size: .97rem; }
.mh3 .ww .blok .tekst p { font-size: .98rem; margin: 0; }

/* ── kaart (praktisch) ── */
.mh3 .kaart-wrap > .elementor-container { display: flex; justify-content: center; }
.mh3 .kaart { max-width: 640px; width: 100% !important; margin: 5rem auto 0; padding: 3rem !important;
  border-top: 4px solid var(--vlam); }
.mh3 .kaart-wrap.breed .kaart { max-width: none; margin-top: 4rem; }
.mh3.bruin .kaart { background: rgba(28,16,8,.28); }
.mh3.zwart .kaart { background: rgba(247,243,232,.05); }
.mh3 .licht-kaart { background: var(--papier); box-shadow: 0 1px 0 rgba(107,58,42,.12); }
.mh3 .kaart-kop .elementor-heading-title { font-family: 'Cormorant Garamond', serif; font-weight: 500; text-transform: uppercase;
  font-size: 1.6rem; line-height: 1; margin: 0 0 1.8rem; color: var(--goud); }
.mh3 .rij { display: flex; justify-content: space-between; gap: 1.5rem; padding: .85rem 0;
  border-bottom: 1px solid rgba(201,146,47,.28); }
.mh3 .rij:last-child { border-bottom: none; }
.mh3 .rij span:first-child { font-size: .72rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase;
  opacity: .75; padding-top: .2rem; }
.mh3 .rij span:last-child { font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; font-weight: 500; text-align: right; }
.mh3 .noot p { font-size: .88rem; font-weight: 300; opacity: .8; margin: 1.6rem 0 0; line-height: 1.65; max-width: none; }
.mh3 .noot a { color: inherit; }
.mh3 .kaart .knop { margin-top: 2.2rem; }
.mh3 .kaart .tekst p, .mh3 .kaart .tekst li { max-width: none; }

/* ── home: hero ── */
.mh3.hero { position: relative; overflow: hidden; border-bottom: 1px solid rgba(107,58,42,.15); }
.mh3.hero > .elementor-container { grid-template-columns: 1.1fr .9fr; align-items: center; min-height: min(86vh, 800px); }
.mh3 .hero-tekst > .elementor-widget-wrap { padding: clamp(64px, 11vh, 110px) 3vw clamp(64px, 11vh, 110px) 7vw !important; }
.mh3 .hero-kop .elementor-heading-title { font-size: clamp(2.5rem, 4.6vw, 4.4rem); max-width: 19ch; text-wrap: balance; }
.mh3 .hero-naam .elementor-heading-title { margin: 2.2rem 0 0; font-family: 'Inter', sans-serif; font-size: .85rem; font-weight: 500;
  letter-spacing: .18em; text-transform: uppercase; line-height: 1.5; color: var(--grond); }
.mh3 .hero-sub p { max-width: 46ch; font-size: 1.1rem; font-weight: 300; color: var(--grond); margin: 2.2rem 0 0; }
.mh3 .hero-tekst .knop { margin-top: 2.6rem; }
.mh3 .hero-foto > .elementor-widget-wrap { padding: 0 7vw 0 0 !important; }
.mh3 .hero-foto img { max-width: 560px; margin-left: auto; }

/* ── home: stemmen ── */
.mh3 .stem .elementor-heading-title { font-family: 'Cormorant Garamond', serif; font-weight: 500; text-transform: uppercase;
  font-size: clamp(1.25rem, 2.1vw, 1.95rem); line-height: 1.12; color: rgba(201,146,47,.3); margin: 0 0 1.4rem; max-width: 30ch; }
.mh3 .stem.luid .elementor-heading-title { color: var(--goud); }
.mh3 .stemmen-slot .elementor-heading-title { margin-top: 4rem; font-family: 'Inter', sans-serif; font-size: .8rem; font-weight: 500;
  letter-spacing: .22em; text-transform: uppercase; line-height: 1.6; color: var(--creme); }

/* ── home: werk + tussenkop ── */
.mh3 .item-tussen { margin-top: 6rem; }

/* ── reviews ── */
.mh3 .reviews { margin-top: 4rem; }
.mh3 .reviews > .elementor-container { grid-template-columns: 1fr 1fr; gap: 2.4rem 4vw; align-items: start; }
.mh3 .review { background: var(--papier); border-top: 4px solid var(--vlam); padding: 2.4rem !important; }
.mh3 .review-tekst p { font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; line-height: 1.6; margin: 0 0 1rem; }
.mh3 .review-tekst p:last-child { margin-bottom: 0; }
.mh3 .review-naam .elementor-heading-title { font-family: 'Inter', sans-serif; font-size: .74rem; font-weight: 700;
  letter-spacing: .16em; text-transform: uppercase; color: var(--grond); margin-top: 1.4rem; }

/* ── over mij ── */
.mh3 .kernwoorden p { display: flex; flex-wrap: wrap; gap: .5rem; margin: 2rem 0 2.6rem; }
.mh3 .kw { font-size: .68rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--adem);
  background: var(--grond); padding: 7px 12px; }
.mh3 .citaat p, .mh3 .citaat blockquote { font-family: 'Cormorant Garamond', serif; font-weight: 500; text-transform: uppercase;
  font-size: clamp(1.5rem, 2.5vw, 2.3rem); line-height: 1.1; color: var(--goud); margin: 0; max-width: 32ch;
  border: 0; padding: 0; font-style: normal; }
.mh3 .rots { max-width: 360px; margin: 0 auto; }
.mh3 .bijschrift { font-family: 'Cormorant Garamond', serif; font-weight: 500; text-transform: uppercase; text-align: center;
  font-size: 1.35rem; line-height: 1.15; color: var(--goud); margin: 1.6rem auto 0; max-width: 26ch; }

/* ── aanbod ── */
.mh3 .index { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(107,58,42,.2); }
.mh3 .index a { display: flex; align-items: baseline; gap: 1.4rem; padding: 1.15rem 0;
  border-bottom: 1px solid rgba(107,58,42,.2); text-decoration: none; color: var(--grond); }
.mh3 .index a:hover { color: var(--vlam); }
.mh3 .index .nr { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; color: var(--goud); min-width: 2.2ch; }
.mh3 .index .naam { font-family: 'Cormorant Garamond', serif; font-weight: 500; text-transform: uppercase;
  font-size: clamp(1.15rem, 1.7vw, 1.5rem); line-height: 1.1; }
.mh3 .index .soort { margin-left: auto; font-size: .68rem; letter-spacing: .18em; text-transform: uppercase; opacity: .7; }
.mh3 .geen { margin-top: 2.4rem; padding: 2rem 2.2rem; background: var(--papier); border-left: 4px solid var(--vlam); }
.mh3 .geen h4 { margin: 0 0 1rem; font-family: 'Inter', sans-serif; font-size: .8rem; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: var(--grond); }
.mh3 .vrij-kop .elementor-heading-title { font-size: clamp(2.6rem, 5.4vw, 5rem); }
.mh3 .vrij-kop b { font-weight: 600; color: var(--adem); }
.mh3 .tekst .vrij { font-weight: 600; color: var(--adem); }
.mh3 .voor p { font-family: 'Cormorant Garamond', serif; font-weight: 500; text-transform: uppercase;
  font-size: clamp(1.2rem, 1.9vw, 1.6rem); line-height: 1.05; color: var(--goud); margin: 2.4rem 0 0; max-width: 24ch; }
.mh3 .agenda-hipsy { margin-top: 3rem; min-height: 120px; }
hipsy-event-widget { --hipsy-primary: #6B3A2A; --hipsy-secondary: #C9922F;
  --hipsy-background: #FFFCF5; --hipsy-foreground: #1C1008;
  --hipsy-border-radius: 0; --hipsy-font-body: 'Inter', sans-serif; }

/* ── juridische tekst (privacy / voorwaarden) ── */
.mh3 .juridisch { max-width: 70ch; margin-top: 3rem; }
.mh3 .juridisch p, .mh3 .juridisch li { font-size: .98rem; font-weight: 300; line-height: 1.8; color: var(--zwart); }
.mh3 .juridisch p { margin: 0 0 1.2rem; }
.mh3 .juridisch h3 { font-family: 'Inter', sans-serif; font-size: .86rem; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: var(--grond); margin: 2.8rem 0 .9rem; padding-top: 1.2rem; border-top: 4px solid var(--vlam);
  line-height: 1.45; }
.mh3 .juridisch ul { padding-left: 1.2rem; margin: 0 0 1.2rem; }
.mh3 .juridisch li { margin-bottom: .4rem; }
.mh3 .juridisch li::marker { color: var(--vlam); }
.mh3 .juridisch a { color: var(--grond); }
.mh3 .juridisch .av-download a { display: inline-block; font-size: .72rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase;
  text-decoration: none; padding: 15px 28px; background: var(--grond); color: var(--adem); }
.mh3 .juridisch .av-download a:hover { background: var(--zwart); }
.mh3 .juridisch .av-slot { color: var(--grond); font-size: .88rem; }

/* ── formulier (CF7 3178) ── */
.mh3 .mh-form { max-width: 520px; margin-top: 2.6rem; }
.mh3 .mh-form .mh-form-veld { margin-bottom: 1rem; }
.mh3 .mh-form p { margin: 0; }
.mh3 .mh-form input[type="text"], .mh3 .mh-form input[type="email"], .mh3 .mh-form textarea {
  width: 100%; font-family: 'Inter', sans-serif; font-size: .95rem; font-weight: 300; padding: 14px 16px;
  background: var(--papier); border: 1px solid rgba(107,58,42,.25); border-radius: 0; color: var(--zwart); box-shadow: none; }
.mh3 .mh-form input:focus, .mh3 .mh-form textarea:focus { outline: none; border-color: var(--vlam); }
.mh3 .mh-form textarea { min-height: 150px; resize: vertical; }
.mh3 .mh-form ::placeholder { color: var(--grond); opacity: .6; }
.mh3 .mh-form input[type="submit"] { display: inline-block; background: var(--grond); color: var(--adem); border: 0; border-radius: 0;
  font-family: 'Inter', sans-serif; font-size: .72rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase;
  padding: 19px 40px; cursor: pointer; margin-top: .4rem; }
.mh3 .mh-form input[type="submit"]:hover { background: var(--zwart); }
.mh3 .mh-form .wpcf7-not-valid-tip { font-size: .75rem; color: var(--vlam); margin-top: .3rem; }
.mh3 .mh-form .wpcf7-response-output { border: 1px solid var(--vlam) !important; padding: 12px 16px !important;
  font-size: .85rem; margin: 1.5rem 0 0 !important; }
.mh3 .mh-form .wpcf7-spinner { margin: 0 0 0 12px; }
.mh-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.mh3 .form-noot p { font-size: .85rem; font-weight: 300; margin: 1.4rem 0 0; max-width: 52ch; color: var(--zwart); }
.mh3 .form-noot p + p { margin-top: .6rem; }
.mh3 .form-noot a { color: var(--grond); }

/* ── socials ── */
.mh3 .socials { display: flex; gap: 1.1rem; margin-top: 2.4rem; }
.mh3 .socials a { color: var(--grond); display: inline-flex; }
.mh3 .socials a:hover { color: var(--vlam); }
.mh3 .socials svg { width: 22px; height: 22px; }

/* ── veiligheidsdomein ── */
.mh3 .vd-cijfer .tekst p.vd-getal, .mh3 .vd-cijfer p.vd-getal { font-family: 'Cormorant Garamond', serif; font-weight: 500;
  text-transform: uppercase; font-size: clamp(1.7rem, 2.6vw, 2.3rem); line-height: 1; color: var(--goud); margin: 0 0 .9rem; }
.mh3 .vd-cijfer p { font-size: 1rem; font-weight: 300; margin: 0; }
.mh3 .vd-lijst ul { list-style: none; padding: 0; margin: 0; max-width: none; }
.mh3 .vd-lijst li { font-family: 'Cormorant Garamond', serif; font-weight: 500; text-transform: uppercase;
  font-size: clamp(1.25rem, 2.1vw, 1.95rem); line-height: 1.12; color: rgba(201,146,47,.3); margin: 0 0 1.4rem; max-width: 30ch; }
.mh3 .vd-lijst li:nth-child(even) { color: var(--goud); }
.mh3 .bron p { font-size: .82rem; font-weight: 300; opacity: .75; margin: 1.6rem 0 0; max-width: 70ch; }
.mh3 .disclaimer p { font-size: .82rem; font-weight: 300; color: rgba(247,243,232,.65); margin: 2.4rem 0 0; max-width: 60ch; }

/* ── nav ── */
.mh3.nav-sectie { background: var(--adem); border-bottom: 1px solid rgba(107,58,42,.15); }
.mh3 .mh3-nav { display: flex; justify-content: space-between; align-items: center; padding: 14px 7vw; gap: 1.5rem; }
.mh3 .merk { display: flex; align-items: center; gap: .75rem; font-size: .82rem; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase; color: var(--grond); text-decoration: none; white-space: nowrap; }
.mh3 .merk img { width: 46px; height: 46px; }
.mh3 .mh3-nav .links { display: flex; gap: 2.2rem; align-items: center; }
.mh3 .mh3-nav .links a { font-size: .7rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase;
  color: var(--grond); text-decoration: none; white-space: nowrap; }
.mh3 .mh3-nav .links a:hover { color: var(--vlam); }
.mh3 .mh3-nav .links a.actief { color: var(--vlam); }
.mh3 .mh3-nav .links a.cta { background: var(--zwart); color: var(--adem); padding: 11px 18px; }
.mh3 .mh3-nav .links a.cta:hover { background: var(--grond); color: var(--adem); }

/* ── footer ── */
.mh3.voet-sectie { background: var(--zwart); }
.mh3 .voet { color: var(--creme); padding: 56px 7vw 90px; display: grid;
  grid-template-columns: 1.2fr 1fr 1fr; gap: 2.4rem; align-items: start; }
.mh3 .voet .merk { color: var(--creme); }
.mh3 .voet-quote { font-family: 'Cormorant Garamond', serif; font-weight: 500; text-transform: uppercase; color: var(--goud);
  font-size: 1.25rem; line-height: 1.1; margin: 1.2rem 0 0; max-width: 20ch; }
.mh3 .voet a { color: var(--creme); text-decoration: none; }
.mh3 .voet a:hover { color: var(--goud); }
.mh3 .voet-kop { font-size: .68rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--vlam); margin-bottom: .9rem; }
.mh3 .voet-links { display: grid; gap: .45rem; font-size: .8rem; letter-spacing: .08em; }
.mh3 .voet .socials { margin-top: 1.6rem; }
.mh3 .voet .socials a { color: var(--creme); }
.mh3 .voet .socials a:hover { color: var(--goud); }
.mh3 .voet-klein { grid-column: 1 / -1; border-top: 1px solid rgba(247,232,205,.15); padding-top: 1.4rem;
  font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; opacity: .6; }

/* ── aanvullingen per pagina ── */
.mh3.bruin .subkop .elementor-heading-title, .mh3.zwart .subkop .elementor-heading-title { color: var(--goud); }
.mh3 .subkop.los { margin-top: 3.2rem; }
.mh3 .twee .kaart { margin: 0; max-width: none; }
.mh3 .twee.rek > .elementor-container { align-items: stretch; }
.mh3 .kennis-foto img { max-height: 640px; object-fit: cover; }
.mh3.vol { min-height: min(60vh, 600px); }

/* ── focus voor toetsenbord ── */
.mh3 a:focus-visible, .mh3 button:focus-visible, .mh3 input:focus-visible, .mh3 textarea:focus-visible,
.mh3 .elementor-button:focus-visible { outline: 2px solid var(--goud); outline-offset: 3px; }

/* ── mobiel ── */
@media (max-width: 860px) {
  .mh3 .mh3-nav .links a:not(.cta) { display: none; }
  .mh3 .mh3-nav .links { gap: 0; }
  .mh3 .twee > .elementor-container, .mh3 .twee.gelijk > .elementor-container, .mh3 .twee.portret > .elementor-container,
  .mh3 .twee.tussen > .elementor-container, .mh3 .blokken > .elementor-container, .mh3 .blokken.drie > .elementor-container,
  .mh3 .reviews > .elementor-container, .mh3.hero > .elementor-container, .mh3 .voet { grid-template-columns: 1fr; }
  .mh3.hero > .elementor-container { min-height: 0; }
  .mh3 .hero-tekst > .elementor-widget-wrap { padding: 56px 7vw 32px !important; }
  .mh3 .hero-foto > .elementor-widget-wrap { padding: 0 7vw 40px !important; }
  .mh3 .hero-foto img { max-width: 340px; margin: 0 auto; }
  .mh3 .lees2 .elementor-widget-container { columns: 1; }
  .mh3 .label { gap: 1.2rem; }
  .mh3 .label span { white-space: normal; }
  .mh3 .index .soort { display: none; }
  .mh3 .kaart { padding: 2rem 1.5rem !important; }
  .mh3 .rij { flex-direction: column; gap: .2rem; }
  .mh3 .rij span:last-child { text-align: left; }
  .mh3 .foto-zacht img { -webkit-mask-image: none; mask-image: none; border-radius: 18px; }
  .mh3 .portret-foto { max-width: 360px; }
  .mh3 .review { padding: 1.8rem !important; }
  .mh3 .blokken { margin-top: 3.5rem; }
}
@media (max-width: 400px) {
  .mh3 .mh3-nav { padding: 12px 5vw; }
  .mh3 .merk { font-size: .72rem; gap: .5rem; }
  .mh3 .merk img { width: 38px; height: 38px; }
  .mh3 .mh3-nav .links a.cta { padding: 10px 12px; letter-spacing: .12em; }
}