#dm div.dmContent .mcc :is(h1,h2,h3,h4,h5,h6,p,li,ul,ol,a,span,em,strong,small,b,i,label,legend,blockquote,figcaption,dt,dd,time,address) { color: inherit; font-family: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-align: inherit; text-shadow: none; vertical-align: baseline; }
#dm div.dmContent .mcc a { text-decoration: underline; }
#dm div.dmContent .mcc :is(img,video) { vertical-align: baseline; margin: 0; }
#dm div.dmContent .mcc .veld :is(input,select,textarea) { height: auto !important; min-height: 0 !important; margin: 0 !important; vertical-align: baseline !important; }
#dm div.dmContent .mcc :is(em,i,span,a,small,time,sub,sup,label) { font-weight: inherit; }
#dm div.dmContent .mcc :is(em,i) { font-style: italic; }
#dm div.dmContent .mcc :is(sub,sup) { vertical-align: revert; position: static; line-height: revert; top: auto; bottom: auto; }
#dm div.dmContent .mcc sub { vertical-align: sub; font-size: smaller; }
#dm div.dmContent .mcc sup { vertical-align: super; font-size: smaller; }
#dm div.dmContent .mcc :is(h1,h2,h3,h4,h5,h6) { font-size: revert; font-weight: revert; }
#dm div.dmContent .mcc :is(p,li,a,span,em,strong,small,b,i,label,legend,time) { font-size: revert; }
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.go4itstudio.com/mcc-cdn/fonts/cormorantgaramond-italic-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.go4itstudio.com/mcc-cdn/fonts/cormorantgaramond-normal-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://www.go4itstudio.com/mcc-cdn/fonts/cormorantgaramond-normal-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://www.go4itstudio.com/mcc-cdn/fonts/manrope-normal-400-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face { font-family: "Cormorant"; src: url(https://www.go4itstudio.com/mcc-cdn/fonts/cormorantgaramond-normal-500.woff2) format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Cormorant"; src: url(https://www.go4itstudio.com/mcc-cdn/fonts/cormorantgaramond-normal-600.woff2) format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Cormorant"; src: url(https://www.go4itstudio.com/mcc-cdn/fonts/cormorantgaramond-italic-500.woff2) format("woff2"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Manrope"; src: url(https://www.go4itstudio.com/mcc-cdn/fonts/manrope-normal-400-700.woff2) format("woff2"); font-weight: 400 700; font-display: swap; }
#dm div.dmContent .mcc {
  --nacht: #0b0c0f; --nacht-2: #12141a; --nacht-3: #1a1d25; --lijn: rgba(244,239,230,.12);
  --ivoor: #f4efe6; --ivoor-2: #e9e2d4; --grijs: #a39d91; --goud: #c8a96a; --goud-2: #e3cc96; --goud-d: #9c7f45;
  --serif: "Cormorant", "Cormorant Garamond", Georgia, serif; --sans: "Manrope", system-ui, -apple-system, sans-serif;
  --zacht: cubic-bezier(.2,.7,.1,1); --breed: min(1320px, 100% - 2 * clamp(20px, 5vw, 64px)); --smal: min(860px, 100% - 2 * clamp(20px, 5vw, 64px));
}
#dm div.dmContent .mcc, #dm div.dmContent .mcc *, #dm div.dmContent .mcc *::before, #dm div.dmContent .mcc *::after { box-sizing: border-box; }
#dm div.dmContent .mcc { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
#dm div.dmContent .mcc { margin: 0; background: var(--nacht); color: var(--ivoor); font: 400 17px/1.7 var(--sans); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
#dm div.dmContent .mcc img, #dm div.dmContent .mcc video { display: block; max-width: 100%; height: auto; }
#dm div.dmContent .mcc a { color: inherit; }
#dm div.dmContent .mcc h1, #dm div.dmContent .mcc h2, #dm div.dmContent .mcc h3 { margin: 0; font-weight: 500; }
#dm div.dmContent .mcc p { margin: 0 0 1em; }
#dm div.dmContent .mcc button { font: inherit; color: inherit; }
#dm div.dmContent .mcc .sr, #dm div.dmContent .mcc .skip:not(:focus) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
#dm div.dmContent .mcc .skip:focus { position: fixed; z-index: 99; top: 12px; left: 12px; padding: 10px 16px; background: var(--goud); color: var(--nacht); }
#dm div.dmContent .mcc ::selection { background: var(--goud); color: var(--nacht); }
#dm div.dmContent .mcc :focus-visible { outline: 2px solid var(--goud); outline-offset: 3px; }
#dm div.dmContent .mcc .breed { width: var(--breed); margin-inline: auto; }
#dm div.dmContent .mcc .smal { width: var(--smal); margin-inline: auto; }
#dm div.dmContent .mcc .midden { text-align: center; margin-top: clamp(32px, 5vw, 56px); }
#dm div.dmContent .mcc .boventitel { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 18px; font: 600 12px/1 var(--sans); letter-spacing: .28em; text-transform: uppercase; color: var(--goud); }
#dm div.dmContent .mcc .boventitel svg { width: 34px; height: 17px; }
#dm div.dmContent .mcc .titel-held { font: 500 clamp(46px, 8.2vw, 124px)/.94 var(--serif); letter-spacing: -.015em; }
#dm div.dmContent .mcc .titel-xl { font: 500 clamp(38px, 5.6vw, 82px)/1 var(--serif); letter-spacing: -.01em; }
#dm div.dmContent .mcc .titel-l { font: 500 clamp(32px, 3.8vw, 56px)/1.04 var(--serif); }
#dm div.dmContent .mcc .titel-held em, #dm div.dmContent .mcc .titel-xl em, #dm div.dmContent .mcc .titel-l em, #dm div.dmContent .mcc .statement em, #dm div.dmContent .mcc h3 em { font-style: italic; color: var(--goud-2); }
#dm div.dmContent .mcc .held-lead, #dm div.dmContent .mcc .sectie-lead { font-size: clamp(17px, 1.45vw, 20px); color: var(--ivoor-2); max-width: 600px; }
#dm div.dmContent .mcc .sectiekop { max-width: 820px; margin-bottom: clamp(40px, 6vw, 80px); }
#dm div.dmContent .mcc .sectiekop .titel-xl, #dm div.dmContent .mcc .sectiekop .titel-l { margin-bottom: 18px; }
#dm div.dmContent .mcc .knop { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 54px; padding: 0 28px; border: 1px solid transparent; border-radius: 999px;
  font: 600 13px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: transform .5s var(--zacht), background .4s, color .4s, border-color .4s; }
#dm div.dmContent .mcc .knop svg { width: 18px; height: 18px; transition: transform .5s var(--zacht); }
#dm div.dmContent .mcc .knop:hover svg { transform: translateX(4px); }
#dm div.dmContent .mcc .knop-goud { background: linear-gradient(135deg, var(--goud-2), var(--goud) 55%, var(--goud-d)); color: #1a1408; box-shadow: 0 14px 40px -18px rgba(200,169,106,.7); }
#dm div.dmContent .mcc .knop-goud:hover { transform: translateY(-2px); }
#dm div.dmContent .mcc .knop-glas { background: rgba(244,239,230,.08); border-color: rgba(244,239,230,.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
#dm div.dmContent .mcc .knop-glas:hover, #dm div.dmContent .mcc .knop-lijn:hover { background: var(--ivoor); color: var(--nacht); border-color: var(--ivoor); }
#dm div.dmContent .mcc .knop-lijn { background: transparent; border-color: rgba(200,169,106,.55); color: var(--goud-2); }
#dm div.dmContent .mcc .knop-klein { min-height: 44px; padding: 0 20px; font-size: 12px; }
#dm div.dmContent .mcc .tekstlink { display: inline-flex; align-items: center; gap: 10px; color: var(--goud-2); text-decoration: none; font-weight: 600; letter-spacing: .04em; border-bottom: 1px solid rgba(200,169,106,.4); padding-bottom: 4px; }
#dm div.dmContent .mcc .tekstlink svg { width: 18px; height: 18px; }
#dm div.dmContent .mcc .muziek { display: inline-flex; align-items: center; gap: 14px; padding: 6px 18px 6px 6px; border: 0; background: none; cursor: pointer; text-align: left; }
#dm div.dmContent .mcc .muziek-play { position: relative; display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; border: 1px solid rgba(200,169,106,.6); color: var(--goud-2); transition: background .4s, color .4s; }
#dm div.dmContent .mcc .muziek-play::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 1px solid rgba(200,169,106,.35); animation: puls 2.6s var(--zacht) infinite; }
#dm div.dmContent .mcc .muziek-play svg { width: 18px; height: 18px; margin-left: 2px; }
#dm div.dmContent .mcc .muziek:hover .muziek-play { background: var(--goud); color: var(--nacht); }
#dm div.dmContent .mcc .muziek b { display: block; font: 600 13px/1.2 var(--sans); letter-spacing: .1em; text-transform: uppercase; }
#dm div.dmContent .mcc .muziek small { display: flex; align-items: center; gap: 6px; margin-top: 4px; font: italic 500 17px/1.2 var(--serif); color: var(--grijs); }
#dm div.dmContent .mcc .muziek small svg { width: 14px; height: 14px; color: var(--goud); flex: none; }
@keyframes puls { 0% { transform: scale(.9); opacity: .9; } 100% { transform: scale(1.35); opacity: 0; } }
#dm div.dmContent .mcc .kopbalk { position: fixed; z-index: 50; inset: 0 0 auto; display: flex; align-items: center; gap: 28px; padding: 18px clamp(20px, 4vw, 48px); transition: background .5s, padding .5s, border-color .5s; border-bottom: 1px solid transparent; }
#dm div.dmContent .mcc .kopbalk.vast { background: rgba(11,12,15,.82); backdrop-filter: blur(18px) saturate(1.3); -webkit-backdrop-filter: blur(18px) saturate(1.3); padding-block: 10px; border-color: var(--lijn); }
#dm div.dmContent .mcc .merk { display: flex; align-items: center; gap: 14px; text-decoration: none; margin-right: auto; }
#dm div.dmContent .mcc .merk img { width: 92px; height: auto; }
#dm div.dmContent .mcc .merk span { display: grid; line-height: 1; }
#dm div.dmContent .mcc .merk b { font: 600 22px/1 var(--serif); letter-spacing: .2em; text-transform: uppercase; }
#dm div.dmContent .mcc .merk i { font: 600 9.5px/1 var(--sans); letter-spacing: .5em; text-transform: uppercase; color: var(--goud); margin-top: 6px; font-style: normal; }
#dm div.dmContent .mcc .hoofdmenu ul { display: flex; gap: clamp(18px, 2.4vw, 36px); list-style: none; margin: 0; padding: 0; }
#dm div.dmContent .mcc .hoofdmenu a { position: relative; font: 600 12.5px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; text-decoration: none; color: var(--ivoor-2); padding: 8px 0; }
#dm div.dmContent .mcc .hoofdmenu a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--goud); transform: scaleX(0); transform-origin: right; transition: transform .5s var(--zacht); }
#dm div.dmContent .mcc .hoofdmenu a:hover::after, #dm div.dmContent .mcc .hoofdmenu a[aria-current]::after { transform: scaleX(1); transform-origin: left; }
#dm div.dmContent .mcc .menuknop { display: none; position: relative; width: 46px; height: 46px; border: 1px solid var(--lijn); border-radius: 50%; background: rgba(11,12,15,.4); cursor: pointer; }
#dm div.dmContent .mcc .menuknop span:not(.sr) { position: absolute; left: 14px; right: 14px; height: 1.5px; background: var(--ivoor); transition: transform .5s var(--zacht), top .5s var(--zacht); }
#dm div.dmContent .mcc .menuknop span:nth-child(1) { top: 19px; }
#dm div.dmContent .mcc .menuknop span:nth-child(2) { top: 26px; }
#dm div.dmContent .mcc .menuknop[aria-expanded="true"] span:nth-child(1) { top: 22px; transform: rotate(45deg); }
#dm div.dmContent .mcc .menuknop[aria-expanded="true"] span:nth-child(2) { top: 22px; transform: rotate(-45deg); }
#dm div.dmContent .mcc .mobielmenu { position: fixed; inset: 0; z-index: 45; background: rgba(11,12,15,.97); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); padding: 110px 28px 40px; overflow-y: auto; }
#dm div.dmContent .mcc .mobielmenu ul { list-style: none; margin: 0; padding: 0; }
#dm div.dmContent .mcc .mm-groot a { display: block; font: 500 40px/1.25 var(--serif); text-decoration: none; padding: 4px 0; }
#dm div.dmContent .mcc .mm-label { margin: 34px 0 10px; font: 600 11px/1 var(--sans); letter-spacing: .28em; text-transform: uppercase; color: var(--goud); }
#dm div.dmContent .mcc .mm-autos a { display: flex; gap: 10px; align-items: baseline; padding: 10px 0; border-bottom: 1px solid var(--lijn); text-decoration: none; font: 500 22px/1.2 var(--serif); }
#dm div.dmContent .mcc .mm-autos span { font: 600 11px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--grijs); }
#dm div.dmContent .mcc .mm-mail { margin-top: 30px; color: var(--goud-2); }
#dm div.dmContent .mcc .held { position: relative; min-height: 100svh; display: grid; align-items: end; overflow: hidden; isolation: isolate; }
#dm div.dmContent .mcc .held-media { position: absolute; inset: 0; z-index: -1; }
#dm div.dmContent .mcc .held-video { width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); animation: inzoom 14s var(--zacht) forwards; }
@keyframes inzoom { to { transform: scale(1); } }
#dm div.dmContent .mcc .held::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(11,12,15,.55) 0%, rgba(11,12,15,0) 22%, rgba(11,12,15,.1) 45%, rgba(11,12,15,.88) 82%, var(--nacht) 100%), radial-gradient(120% 70% at 20% 100%, rgba(11,12,15,.7), transparent 60%); }
#dm div.dmContent .mcc .held-tekst { position: relative; z-index: 1; width: var(--breed); margin: 0 auto; padding: 0 0 clamp(70px, 11vh, 130px); }
#dm div.dmContent .mcc .held-tekst .titel-held span { display: block; }
#dm div.dmContent .mcc .held-lead { margin-top: 26px; }
#dm div.dmContent .mcc .held-acties { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; margin-top: 34px; }
#dm div.dmContent .mcc .scrol { position: absolute; z-index: 2; right: clamp(20px, 4vw, 48px); bottom: 40px; width: 1px; height: 70px; background: rgba(244,239,230,.25); overflow: hidden; }
#dm div.dmContent .mcc .scrol span { position: absolute; left: 0; top: -40%; width: 1px; height: 40%; background: var(--goud); animation: scrol 2.2s var(--zacht) infinite; }
@keyframes scrol { to { top: 100%; } }
#dm div.dmContent .mcc .intro { padding: clamp(90px, 12vw, 170px) 0 clamp(60px, 8vw, 110px); text-align: center; }
#dm div.dmContent .mcc .statement { font: 500 clamp(36px, 5.2vw, 76px)/1.08 var(--serif); margin: 0 auto clamp(40px, 5vw, 64px); max-width: 15ch; }
#dm div.dmContent .mcc .statement .w { display: inline-block; opacity: .16; transition: opacity .6s var(--zacht); }
#dm div.dmContent .mcc .statement .w.aan { opacity: 1; }
#dm div.dmContent .mcc .twee-kol { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 4vw, 56px); text-align: left; color: var(--ivoor-2); }
#dm div.dmContent .mcc .kader { position: relative; overflow: hidden; background: var(--nacht-3); }
#dm div.dmContent .mcc .kader img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--zacht); }
#dm div.dmContent .mcc .parallax { will-change: transform; }
#dm div.dmContent .mcc .gelegenheden { padding: clamp(60px, 8vw, 120px) 0; }
#dm div.dmContent .mcc .gel-raster { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(14px, 1.6vw, 24px); }
#dm div.dmContent .mcc .gel-raster li:nth-child(even) { margin-top: clamp(30px, 5vw, 80px); }
#dm div.dmContent .mcc .gel-raster .kader { aspect-ratio: 3/4; border-radius: 2px; margin-bottom: 22px; }
#dm div.dmContent .mcc .gel-raster li:hover img { transform: scale(1.05); }
#dm div.dmContent .mcc .gel-raster h3 { font: 500 30px/1.1 var(--serif); margin-bottom: 8px; }
#dm div.dmContent .mcc .gel-raster p { color: var(--grijs); font-size: 15.5px; }
#dm div.dmContent .mcc .collectie { padding: clamp(60px, 8vw, 120px) 0; }
#dm div.dmContent .mcc .rij { display: grid; grid-template-columns: 1.35fr 1fr; gap: clamp(30px, 6vw, 96px); align-items: center; margin-bottom: clamp(80px, 11vw, 160px); }
#dm div.dmContent .mcc .rij-om .rij-beeld { order: 2; }
#dm div.dmContent .mcc .rij-beeld { position: relative; display: block; }
#dm div.dmContent .mcc .rij-beeld .kader { aspect-ratio: 4/3; border-radius: 2px; }
#dm div.dmContent .mcc .rij-beeld .kader img { height: 112%; }
#dm div.dmContent .mcc .rij-beeld:hover img { transform: scale(1.04); }
#dm div.dmContent .mcc .rij-nr { position: absolute; top: -.42em; left: -.08em; font: italic 500 clamp(80px, 11vw, 170px)/1 var(--serif); color: var(--goud); opacity: .9; mix-blend-mode: normal; pointer-events: none; text-shadow: 0 10px 40px rgba(0,0,0,.4); }
#dm div.dmContent .mcc .rij-om .rij-nr { left: auto; right: -.05em; }
#dm div.dmContent .mcc .rij-tekst h3 a { text-decoration: none; }
#dm div.dmContent .mcc .rij-kop { font: italic 500 clamp(21px, 1.8vw, 26px)/1.3 var(--serif); color: var(--goud-2); margin: 14px 0 18px; }
#dm div.dmContent .mcc .rij-tekst > p:not(.rij-kop):not(.boventitel) { color: var(--ivoor-2); }
#dm div.dmContent .mcc .kenmerken { display: flex; gap: clamp(20px, 3vw, 40px); list-style: none; margin: 26px 0 32px; padding: 22px 0 0; border-top: 1px solid var(--lijn); }
#dm div.dmContent .mcc .kenmerken li { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--grijs); }
#dm div.dmContent .mcc .kenmerken b { display: block; font: 500 32px/1.1 var(--serif); letter-spacing: 0; text-transform: none; color: var(--ivoor); }
#dm div.dmContent .mcc .rij-acties { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 22px; }
#dm div.dmContent .mcc .pronk { position: relative; min-height: min(100vh, 980px); display: grid; align-items: end; overflow: hidden; isolation: isolate; }
#dm div.dmContent .mcc .pronk-beeld { position: absolute; inset: -8% 0; z-index: -1; }
#dm div.dmContent .mcc .pronk-beeld img { width: 100%; height: 100%; object-fit: cover; }
#dm div.dmContent .mcc .pronk::before { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg, rgba(11,12,15,.92) 0%, rgba(11,12,15,.55) 45%, rgba(11,12,15,.05) 75%), linear-gradient(0deg, var(--nacht) 0%, transparent 30%, transparent 80%, var(--nacht) 100%); }
#dm div.dmContent .mcc .pronk-tekst { position: relative; z-index: 1; width: var(--breed); margin: 0 auto; padding: clamp(100px, 14vw, 200px) 0 clamp(80px, 10vw, 140px); }
#dm div.dmContent .mcc .pronk-tekst > * { max-width: 600px; }
#dm div.dmContent .mcc .pronk-tekst .titel-xl { margin-bottom: 24px; }
#dm div.dmContent .mcc .pronk-tekst p:not(.boventitel) { color: var(--ivoor-2); font-size: 18px; }
#dm div.dmContent .mcc .knop-licht { color: var(--ivoor); border-color: rgba(244,239,230,.4); }
#dm div.dmContent .mcc .behoud { padding: clamp(90px, 12vw, 170px) 0; background: radial-gradient(80% 60% at 85% 20%, rgba(200,169,106,.09), transparent 60%); }
#dm div.dmContent .mcc .behoud-raster { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(40px, 7vw, 110px); align-items: center; }
#dm div.dmContent .mcc .behoud-raster .titel-l { margin-bottom: 22px; }
#dm div.dmContent .mcc .behoud-raster p { color: var(--ivoor-2); }
#dm div.dmContent .mcc .cijfers { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--lijn); border-left: 1px solid var(--lijn); }
#dm div.dmContent .mcc .cijfers li { padding: clamp(24px, 3vw, 40px); border-right: 1px solid var(--lijn); border-bottom: 1px solid var(--lijn); }
#dm div.dmContent .mcc .cijfers b { display: block; font: 500 clamp(54px, 6vw, 88px)/1 var(--serif); color: var(--goud-2); margin-bottom: 12px; }
#dm div.dmContent .mcc .cijfers sub { font-size: .5em; }
#dm div.dmContent .mcc .cijfers span { font-size: 14.5px; color: var(--grijs); }
#dm div.dmContent .mcc .tour { display: grid; grid-template-columns: 1fr 1fr; min-height: 640px; background: var(--nacht-2); }
#dm div.dmContent .mcc .tour-beeld { position: relative; overflow: hidden; }
#dm div.dmContent .mcc .tour-beeld img { position: absolute; inset: -10% 0; width: 100%; height: 120%; object-fit: cover; }
#dm div.dmContent .mcc .tour-tekst { align-self: center; padding: clamp(50px, 7vw, 110px); max-width: 640px; }
#dm div.dmContent .mcc .tour-tekst .titel-l { margin-bottom: 22px; }
#dm div.dmContent .mcc .tour-tekst p:not(.boventitel) { color: var(--ivoor-2); margin-bottom: 32px; }
#dm div.dmContent .mcc .stappen { padding: clamp(90px, 12vw, 170px) 0; }
#dm div.dmContent .mcc .stap-lijst { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; counter-reset: s; border-top: 1px solid var(--lijn); }
#dm div.dmContent .mcc .stap-lijst li { padding: 34px 26px 10px 0; position: relative; }
#dm div.dmContent .mcc .stap-lijst li::before { content: ""; position: absolute; top: -1px; left: 0; width: 0; height: 1px; background: var(--goud); transition: width 1.2s var(--zacht); }
#dm div.dmContent .mcc .stap-lijst li.zicht::before { width: calc(100% - 26px); }
#dm div.dmContent .mcc .stap-nr { display: block; font: italic 500 46px/1 var(--serif); color: var(--goud); margin-bottom: 18px; }
#dm div.dmContent .mcc .stap-lijst h3 { font: 600 15px/1.3 var(--sans); letter-spacing: .06em; text-transform: uppercase; margin-bottom: 10px; }
#dm div.dmContent .mcc .stap-lijst p { font-size: 15px; color: var(--grijs); }
#dm div.dmContent .mcc .historie, #dm div.dmContent .mcc .andere { padding: clamp(80px, 10vw, 150px) 0; background: var(--nacht-2); }
#dm div.dmContent .mcc .hist-raster { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2vw, 30px); }
#dm div.dmContent .mcc .hist { display: block; text-decoration: none; }
#dm div.dmContent .mcc .hist .kader { aspect-ratio: 4/3; margin-bottom: 20px; filter: saturate(.85); transition: filter .6s; }
#dm div.dmContent .mcc .hist:hover .kader { filter: none; }
#dm div.dmContent .mcc .hist:hover img { transform: scale(1.05); }
#dm div.dmContent .mcc .hist .label { font: 600 11px/1 var(--sans); letter-spacing: .24em; text-transform: uppercase; color: var(--goud); }
#dm div.dmContent .mcc .hist h3 { font: 500 34px/1.1 var(--serif); margin: 10px 0 8px; }
#dm div.dmContent .mcc .hist p { color: var(--grijs); font-size: 15.5px; }
#dm div.dmContent .mcc .vragen { padding: clamp(80px, 10vw, 150px) 0; }
#dm div.dmContent .mcc .faq details { border-bottom: 1px solid var(--lijn); }
#dm div.dmContent .mcc .faq summary { list-style: none; display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 26px 0; cursor: pointer; font: 500 clamp(22px, 2vw, 27px)/1.25 var(--serif); }
#dm div.dmContent .mcc .faq summary::-webkit-details-marker { display: none; }
#dm div.dmContent .mcc .faq summary span { position: relative; flex: none; width: 34px; height: 34px; border: 1px solid rgba(200,169,106,.5); border-radius: 50%; }
#dm div.dmContent .mcc .faq summary span::before, #dm div.dmContent .mcc .faq summary span::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 1px; background: var(--goud-2); transform: translate(-50%, -50%); transition: transform .4s var(--zacht); }
#dm div.dmContent .mcc .faq summary span::after { transform: translate(-50%, -50%) rotate(90deg); }
#dm div.dmContent .mcc .faq details[open] summary span::after { transform: translate(-50%, -50%) rotate(0); }
#dm div.dmContent .mcc .faq details p { color: var(--ivoor-2); padding: 0 50px 22px 0; }
#dm div.dmContent .mcc .voet { background: var(--nacht); border-top: 1px solid var(--lijn); }
#dm div.dmContent .mcc .voet-cta { text-align: center; padding: clamp(90px, 12vw, 170px) 20px; background: radial-gradient(60% 80% at 50% 100%, rgba(200,169,106,.14), transparent 70%); }
#dm div.dmContent .mcc .voet-cta .titel-xl { margin-bottom: 20px; }
#dm div.dmContent .mcc .voet-cta p:not(.boventitel) { color: var(--ivoor-2); margin-bottom: 34px; }
#dm div.dmContent .mcc .voet-raster { width: var(--breed); margin: 0 auto; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; padding: 70px 0; border-top: 1px solid var(--lijn); }
#dm div.dmContent .mcc .voet-merk img { width: 200px; height: auto; margin-bottom: 20px; }
#dm div.dmContent .mcc .voet-merk p { color: var(--grijs); font-size: 15px; max-width: 320px; }
#dm div.dmContent .mcc .voet h3 { font: 600 11px/1 var(--sans); letter-spacing: .24em; text-transform: uppercase; color: var(--goud); margin-bottom: 18px; }
#dm div.dmContent .mcc .voet ul { list-style: none; margin: 0; padding: 0; }
#dm div.dmContent .mcc .voet li { margin-bottom: 10px; font-size: 15px; color: var(--ivoor-2); }
#dm div.dmContent .mcc .voet li a { text-decoration: none; }
#dm div.dmContent .mcc .voet li a:hover { color: var(--goud-2); }
#dm div.dmContent .mcc .voet-onder { width: var(--breed); margin: 0 auto; display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 26px 0 40px; border-top: 1px solid var(--lijn); font-size: 13px; color: var(--grijs); }
#dm div.dmContent .mcc .auto-held { position: relative; min-height: 100svh; display: grid; align-items: end; overflow: hidden; isolation: isolate; }
#dm div.dmContent .mcc .auto-held-laag { min-height: 78svh; }
#dm div.dmContent .mcc .auto-held-beeld { position: absolute; inset: -6% 0; z-index: -1; }
#dm div.dmContent .mcc .auto-held-beeld img { width: 100%; height: 100%; object-fit: cover; animation: inzoom 10s var(--zacht) forwards; transform: scale(1.08); }
#dm div.dmContent .mcc .auto-held::before { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(180deg, rgba(11,12,15,.6), rgba(11,12,15,0) 25%, rgba(11,12,15,.15) 50%, rgba(11,12,15,.9) 85%, var(--nacht)); }
#dm div.dmContent .mcc .auto-held-tekst { position: relative; z-index: 1; width: var(--breed); margin: 0 auto; padding-bottom: clamp(60px, 9vh, 110px); }
#dm div.dmContent .mcc .kruimel { display: flex; gap: 10px; font-size: 13px; letter-spacing: .06em; color: var(--ivoor-2); margin-bottom: 26px; }
#dm div.dmContent .mcc .kruimel a { text-decoration: none; }
#dm div.dmContent .mcc .kruimel a:hover { color: var(--goud-2); }
#dm div.dmContent .mcc .auto-body { padding: clamp(70px, 9vw, 140px) 0; }
#dm div.dmContent .mcc .auto-raster { display: grid; grid-template-columns: 1.5fr 1fr; gap: clamp(40px, 7vw, 110px); align-items: start; }
#dm div.dmContent .mcc .verhaal p:not(.boventitel) { font-size: clamp(17px, 1.3vw, 19px); color: var(--ivoor-2); }
#dm div.dmContent .mcc .verhaal > p:nth-of-type(2)::first-letter, #dm div.dmContent .mcc .verhaal-los > p:first-child::first-letter { float: left; font: 500 5.4em/.82 var(--serif); color: var(--goud); padding: 6px 12px 0 0; }
#dm div.dmContent .mcc .specs { position: sticky; top: 100px; padding: clamp(28px, 3vw, 40px); background: var(--nacht-2); border: 1px solid var(--lijn); }
#dm div.dmContent .mcc .specs h2 { font: 500 30px/1 var(--serif); margin-bottom: 22px; }
#dm div.dmContent .mcc .specs dl { margin: 0 0 24px; }
#dm div.dmContent .mcc .specs dl div { display: flex; justify-content: space-between; gap: 18px; padding: 12px 0; border-bottom: 1px solid var(--lijn); font-size: 15px; }
#dm div.dmContent .mcc .specs dt { color: var(--grijs); }
#dm div.dmContent .mcc .specs dd { margin: 0; text-align: right; }
#dm div.dmContent .mcc .praktisch { list-style: none; margin: 0 0 28px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
#dm div.dmContent .mcc .praktisch li { padding: 14px; background: var(--nacht-3); font-size: 13.5px; color: var(--grijs); }
#dm div.dmContent .mcc .praktisch b { display: block; font: 500 20px/1.1 var(--serif); color: var(--ivoor); margin-bottom: 2px; }
#dm div.dmContent .mcc .praktisch .breed-li { grid-column: 1 / -1; }
#dm div.dmContent .mcc .specs .knop { width: 100%; }
#dm div.dmContent .mcc .melding { margin-top: 44px; padding: 30px; border: 1px solid rgba(200,169,106,.35); background: linear-gradient(135deg, rgba(200,169,106,.08), transparent); }
#dm div.dmContent .mcc .melding p:not(.boventitel) { color: var(--ivoor); }
#dm div.dmContent .mcc .alt { display: grid; grid-template-columns: 110px 1fr auto; gap: 18px; align-items: center; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--lijn); text-decoration: none; }
#dm div.dmContent .mcc .alt .kader { aspect-ratio: 4/3; }
#dm div.dmContent .mcc .alt small { display: block; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--goud); }
#dm div.dmContent .mcc .alt b { display: block; font: 500 26px/1.15 var(--serif); }
#dm div.dmContent .mcc .alt i { color: var(--grijs); font-size: 14.5px; }
#dm div.dmContent .mcc .alt > svg { width: 22px; height: 22px; color: var(--goud); }
#dm div.dmContent .mcc .galerij-sectie { padding: 0 0 clamp(80px, 10vw, 150px); }
#dm div.dmContent .mcc .galerij { list-style: none; margin: 0; padding: 0; columns: 3 280px; column-gap: 14px; }
#dm div.dmContent .mcc .galerij li { break-inside: avoid; margin-bottom: 14px; }
#dm div.dmContent .mcc .galerij button { display: block; width: 100%; padding: 0; border: 0; background: var(--nacht-3); cursor: zoom-in; overflow: hidden; }
#dm div.dmContent .mcc .galerij img { width: 100%; transition: transform 1.2s var(--zacht), opacity .6s; }
#dm div.dmContent .mcc .galerij button:hover img { transform: scale(1.04); }
#dm div.dmContent .mcc .film-band { position: relative; min-height: 70vh; display: grid; place-items: center; text-align: center; overflow: hidden; isolation: isolate; }
#dm div.dmContent .mcc .film-band-beeld { position: absolute; inset: 0; z-index: -1; }
#dm div.dmContent .mcc .film-band-beeld img { width: 100%; height: 100%; object-fit: cover; filter: brightness(.45) saturate(.8); }
#dm div.dmContent .mcc .film-band-tekst { padding: 80px 20px; max-width: 700px; }
#dm div.dmContent .mcc .film-band-tekst .titel-l { margin-bottom: 16px; font-style: italic; }
#dm div.dmContent .mcc .film-band-tekst p:not(.boventitel) { color: var(--ivoor-2); margin-bottom: 28px; }
#dm div.dmContent .mcc .film-band .muziek { margin: 0 auto; }
#dm div.dmContent .mcc .pagina-kop { padding: clamp(150px, 20vw, 240px) 0 clamp(40px, 6vw, 80px); background: radial-gradient(70% 90% at 80% 0%, rgba(200,169,106,.12), transparent 60%); }
#dm div.dmContent .mcc .pagina-kop .held-lead { margin-top: 24px; }
#dm div.dmContent .mcc .verhaal-los { padding-top: 0; }
#dm div.dmContent .mcc .formulier-sectie { padding: 0 0 clamp(80px, 10vw, 140px); }
#dm div.dmContent .mcc .formulier-sectie .breed { display: grid; grid-template-columns: 1.7fr 1fr; gap: clamp(30px, 5vw, 70px); align-items: start; }
#dm div.dmContent .mcc .aanvraag { padding: clamp(24px, 4vw, 52px); background: var(--nacht-2); border: 1px solid var(--lijn); }
#dm div.dmContent .mcc .voortgang { display: flex; gap: 8px; list-style: none; margin: 0 0 40px; padding: 0; counter-reset: v; }
#dm div.dmContent .mcc .voortgang li { flex: 1; padding-top: 14px; border-top: 2px solid var(--lijn); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--grijs); transition: border-color .4s, color .4s; }
#dm div.dmContent .mcc .voortgang li.actief, #dm div.dmContent .mcc .voortgang li.klaar { border-color: var(--goud); color: var(--ivoor); }
#dm div.dmContent .mcc .stap { display: none; border: 0; margin: 0; padding: 0; min-width: 0; }
#dm div.dmContent .mcc .stap.actief { display: block; animation: stapin .7s var(--zacht); }
@keyframes stapin { from { opacity: 0; transform: translateY(14px); } }
#dm div.dmContent .mcc .stap legend { margin-bottom: 30px; padding: 0; }
#dm div.dmContent .mcc .keuzes { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
#dm div.dmContent .mcc .keuze input, #dm div.dmContent .mcc .chip input { position: absolute; opacity: 0; pointer-events: none; }
#dm div.dmContent .mcc .keuze span { display: block; height: 100%; padding: 10px 10px 16px; border: 1px solid var(--lijn); cursor: pointer; transition: border-color .3s, background .3s; }
#dm div.dmContent .mcc .keuze img { width: 100%; aspect-ratio: 4/3; object-fit: cover; margin-bottom: 12px; }
#dm div.dmContent .mcc .keuze b { display: block; font: 500 23px/1.1 var(--serif); }
#dm div.dmContent .mcc .keuze small { color: var(--grijs); font-size: 13px; }
#dm div.dmContent .mcc .keuze-twijfel span { display: grid; align-content: center; text-align: center; min-height: 120px; }
#dm div.dmContent .mcc .keuze input:checked + span, #dm div.dmContent .mcc .chip input:checked + span { border-color: var(--goud); background: rgba(200,169,106,.1); }
#dm div.dmContent .mcc .keuze input:focus-visible + span, #dm div.dmContent .mcc .chip input:focus-visible + span { outline: 2px solid var(--goud); outline-offset: 2px; }
#dm div.dmContent .mcc .chips { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; }
#dm div.dmContent .mcc .chip span { display: inline-block; padding: 12px 20px; border: 1px solid var(--lijn); border-radius: 999px; cursor: pointer; font-size: 15px; transition: border-color .3s, background .3s; }
#dm div.dmContent .mcc .veld { display: block; margin-bottom: 20px; }
#dm div.dmContent .mcc .veld span { display: block; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--grijs); margin-bottom: 8px; }
#dm div.dmContent .mcc .veld input, #dm div.dmContent .mcc .veld textarea, #dm div.dmContent .mcc .veld select { width: 100%; padding: 15px 16px; background: var(--nacht); border: 1px solid var(--lijn); color: var(--ivoor); font: 16px/1.5 var(--sans); border-radius: 0; color-scheme: dark; transition: border-color .3s; }
#dm div.dmContent .mcc .veld input:focus, #dm div.dmContent .mcc .veld textarea:focus, #dm div.dmContent .mcc .veld select:focus { outline: none; border-color: var(--goud); }
#dm div.dmContent .mcc .veld .fout { border-color: #d77a6a; }
#dm div.dmContent .mcc .veld select { appearance: none; -webkit-appearance: none; padding-right: 44px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none' stroke='%23c8a96a' stroke-width='1.6'%3E%3Cpath d='M1 1l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 18px center; }
#dm div.dmContent .mcc .veld select:invalid { color: var(--grijs); }
#dm div.dmContent .mcc .veld select option { color: var(--ivoor); background: var(--nacht); }
#dm div.dmContent .mcc .veld input::placeholder, #dm div.dmContent .mcc .veld textarea::placeholder { color: var(--grijs); opacity: 1; }
#dm div.dmContent .mcc .veld-kop { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--grijs); margin-bottom: 10px; }
#dm div.dmContent .mcc .chips-aantal { margin-bottom: 0; }
#dm div.dmContent .mcc .chips-aantal .chip span { min-width: 58px; text-align: center; }
#dm div.dmContent .mcc .chip[hidden] { display: none; }
#dm div.dmContent .mcc .veld-hint { display: block; margin: 12px 0 8px; font-size: 14px; line-height: 1.5; color: var(--grijs); }
#dm div.dmContent .mcc .velden-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
#dm div.dmContent .mcc .stap-knoppen { display: flex; justify-content: space-between; gap: 12px; margin-top: 34px; }
#dm div.dmContent .mcc .stap-knoppen [data-verder], #dm div.dmContent .mcc .stap-knoppen [data-verstuur] { margin-left: auto; }
#dm div.dmContent .mcc .form-melding { margin: 18px 0 0; color: var(--goud-2); min-height: 1.5em; }
#dm div.dmContent .mcc .form-zij { padding-top: 10px; }
#dm div.dmContent .mcc .form-zij h2 { font: 500 30px/1.1 var(--serif); margin-bottom: 20px; }
#dm div.dmContent .mcc .form-zij ul { list-style: none; margin: 0; padding: 0; }
#dm div.dmContent .mcc .form-zij li { padding: 16px 0 16px 28px; border-bottom: 1px solid var(--lijn); color: var(--ivoor-2); font-size: 15.5px; position: relative; }
#dm div.dmContent .mcc .form-zij li::before { content: ""; position: absolute; left: 0; top: 26px; width: 12px; height: 1px; background: var(--goud); }
#dm div.dmContent .mcc .form-zij a { color: var(--goud-2); }
#dm div.dmContent .mcc .filmlaag, #dm div.dmContent .mcc .lichtbak { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; background: rgba(5,6,8,.94); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 20px; animation: fade .4s; }
#dm div.dmContent .mcc .filmlaag[hidden], #dm div.dmContent .mcc .lichtbak[hidden], #dm div.dmContent .mcc .mobielmenu[hidden] { display: none; }
@keyframes fade { from { opacity: 0; } }
#dm div.dmContent .mcc .filmlaag-binnen { width: min(1200px, 100%); }
#dm div.dmContent .mcc .filmlaag video { width: 100%; aspect-ratio: 16/9; background: #000; }
#dm div.dmContent .mcc .filmlaag-noot { margin-top: 16px; text-align: center; font: italic 500 22px/1.3 var(--serif); color: var(--goud-2); }
#dm div.dmContent .mcc .sluit { position: fixed; top: 18px; right: 18px; width: 52px; height: 52px; border-radius: 50%; border: 1px solid var(--lijn); background: rgba(11,12,15,.6); font-size: 28px; line-height: 1; cursor: pointer; z-index: 2; }
#dm div.dmContent .mcc .lichtbak img { max-height: 86vh; width: auto; max-width: 100%; object-fit: contain; }
#dm div.dmContent .mcc .lb-pijl { position: fixed; top: 50%; transform: translateY(-50%); width: 56px; height: 56px; border-radius: 50%; border: 1px solid var(--lijn); background: rgba(11,12,15,.6); font-size: 32px; cursor: pointer; }
#dm div.dmContent .mcc .lb-vorige { left: 18px; }
#dm div.dmContent .mcc .lb-volgende { right: 18px; }
#dm div.dmContent .mcc .lb-teller { position: fixed; bottom: 18px; left: 0; right: 0; text-align: center; color: var(--grijs); font-size: 13px; letter-spacing: .14em; }
#dm div.dmContent .mcc [data-onthul], #dm div.dmContent .mcc [data-in] { opacity: 0; transform: translateY(34px); transition: opacity 1.1s var(--zacht), transform 1.1s var(--zacht); }
#dm div.dmContent .mcc [data-onthul].zicht, #dm div.dmContent .mcc [data-in].zicht { opacity: 1; transform: none; }
#dm div.dmContent .mcc .rij[data-onthul] .kader { clip-path: inset(12% 0 12% 0); transition: clip-path 1.6s var(--zacht); }
#dm div.dmContent .mcc .rij[data-onthul].zicht .kader { clip-path: inset(0 0 0 0); }
#dm div.dmContent .mcc .geen-js [data-onthul], #dm div.dmContent .mcc .geen-js [data-in] { opacity: 1; transform: none; }
@media (max-width: 1080px) {#dm div.dmContent .mcc .hoofdmenu { display: none; }
#dm div.dmContent .mcc .menuknop { display: block; }
#dm div.dmContent .mcc .stap-lijst { grid-template-columns: 1fr 1fr; }
#dm div.dmContent .mcc .gel-raster { grid-template-columns: 1fr 1fr; }
#dm div.dmContent .mcc .voet-raster { grid-template-columns: 1fr 1fr; }}
@media (max-width: 900px) {#dm div.dmContent .mcc .rij, #dm div.dmContent .mcc .rij-om { grid-template-columns: 1fr; }
#dm div.dmContent .mcc .rij-om .rij-beeld { order: 0; }
#dm div.dmContent .mcc .rij-om .rij-nr { right: auto; left: -.08em; }
#dm div.dmContent .mcc .behoud-raster, #dm div.dmContent .mcc .auto-raster, #dm div.dmContent .mcc .formulier-sectie .breed { grid-template-columns: 1fr; }
#dm div.dmContent .mcc .tour { grid-template-columns: 1fr; }
#dm div.dmContent .mcc .tour-beeld { min-height: 60vw; }
#dm div.dmContent .mcc .specs { position: static; }
#dm div.dmContent .mcc .hist-raster { grid-template-columns: 1fr 1fr; }}
@media (max-width: 640px) {#dm div.dmContent .mcc { font-size: 16px; }
#dm div.dmContent .mcc .kopbalk { gap: 12px; padding: 12px 16px; }
#dm div.dmContent .mcc .kopbalk > .knop { display: none; }
#dm div.dmContent .mcc .merk img { width: 64px; }
#dm div.dmContent .mcc .merk b { font-size: 18px; letter-spacing: .16em; }
#dm div.dmContent .mcc .merk i { font-size: 8px; letter-spacing: .42em; }
#dm div.dmContent .mcc .titel-held { font-size: clamp(44px, 13vw, 64px); }
#dm div.dmContent .mcc .held-tekst { padding-bottom: 64px; }
#dm div.dmContent .mcc .held-acties .knop { width: 100%; }
#dm div.dmContent .mcc .scrol { display: none; }
#dm div.dmContent .mcc .twee-kol { grid-template-columns: 1fr; }
#dm div.dmContent .mcc .gel-raster { grid-template-columns: 1fr 1fr; gap: 12px; }
#dm div.dmContent .mcc .gel-raster h3 { font-size: 24px; }
#dm div.dmContent .mcc .gel-raster p { font-size: 14px; }
#dm div.dmContent .mcc .stap-lijst { grid-template-columns: 1fr; }
#dm div.dmContent .mcc .stap-lijst li { padding-right: 0; }
#dm div.dmContent .mcc .hist-raster { grid-template-columns: 1fr; }
#dm div.dmContent .mcc .cijfers { grid-template-columns: 1fr 1fr; }
#dm div.dmContent .mcc .cijfers li { padding: 22px 16px; }
#dm div.dmContent .mcc .voet-raster { grid-template-columns: 1fr; gap: 30px; }
#dm div.dmContent .mcc .velden-2 { grid-template-columns: 1fr; gap: 0; }
#dm div.dmContent .mcc .voortgang li { font-size: 0; }
#dm div.dmContent .mcc .pronk::before { background: linear-gradient(0deg, var(--nacht) 0%, rgba(11,12,15,.85) 45%, rgba(11,12,15,.2) 75%, var(--nacht) 100%); }
#dm div.dmContent .mcc .alt { grid-template-columns: 80px 1fr; }
#dm div.dmContent .mcc .alt > svg { display: none; }
#dm div.dmContent .mcc .faq details p { padding-right: 0; }
#dm div.dmContent .mcc .lb-pijl { top: auto; bottom: 14px; transform: none; }}
@media (prefers-reduced-motion: reduce) {#dm div.dmContent .mcc, #dm div.dmContent .mcc *, #dm div.dmContent .mcc *::before, #dm div.dmContent .mcc *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
#dm div.dmContent .mcc [data-onthul], #dm div.dmContent .mcc [data-in] { opacity: 1; transform: none; }
#dm div.dmContent .mcc .statement .w { opacity: 1; }}
#dm div.dmContent .mcc .titel-held, #dm div.dmContent .mcc .titel-xl, #dm div.dmContent .mcc .titel-l, #dm div.dmContent .mcc .statement, #dm div.dmContent .mcc .kenmerken b, #dm div.dmContent .mcc .cijfers b, #dm div.dmContent .mcc .stap-nr, #dm div.dmContent .mcc .praktisch b, #dm div.dmContent .mcc .rij-nr, #dm div.dmContent .mcc .hist h3, #dm div.dmContent .mcc .alt b, #dm div.dmContent .mcc .gel-raster h3, #dm div.dmContent .mcc .specs, #dm div.dmContent .mcc .keuze b { font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; }
#dm div.dmContent .mcc .verhaal > p:nth-of-type(2) { display: flow-root; }
#dm div.dmContent .mcc .andere .hist-raster { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
#dm div.dmContent .mcc .held-tekst .boventitel, #dm div.dmContent .mcc .auto-held-tekst .boventitel, #dm div.dmContent .mcc .auto-held-tekst .kruimel { text-shadow: 0 1px 14px rgba(0,0,0,.85), 0 0 2px rgba(0,0,0,.6); }
#dm div.dmContent .mcc .auto-held::before { background: linear-gradient(90deg, rgba(11,12,15,.55), rgba(11,12,15,0) 60%), linear-gradient(180deg, rgba(11,12,15,.6), rgba(11,12,15,0) 25%, rgba(11,12,15,.15) 50%, rgba(11,12,15,.9) 85%, var(--nacht)); }
#dm div.dmContent .mcc .held::before { background: linear-gradient(90deg, rgba(11,12,15,.5), rgba(11,12,15,0) 60%), linear-gradient(180deg, rgba(11,12,15,.55) 0%, rgba(11,12,15,0) 22%, rgba(11,12,15,.1) 45%, rgba(11,12,15,.88) 82%, var(--nacht) 100%); }
@media (max-width: 640px) {#dm div.dmContent .mcc .pronk { min-height: 0; display: block; }
#dm div.dmContent .mcc .pronk-beeld { position: relative; inset: auto; height: 62vw; }
#dm div.dmContent .mcc .pronk::before { display: none; }
#dm div.dmContent .mcc .pronk-tekst { padding: 40px 0 80px; }}
#dm div.dmContent .mcc .formulier-sectie .breed > *, #dm div.dmContent .mcc .auto-raster > *, #dm div.dmContent .mcc .behoud-raster > * { min-width: 0; }
@media (max-width: 640px) {#dm div.dmContent .mcc .keuzes { grid-template-columns: 1fr 1fr; }
#dm div.dmContent .mcc .keuze b { font-size: 20px; }
#dm div.dmContent .mcc .aanvraag { padding: 22px 16px; }}
#dm div.dmContent .mcc [hidden] { display: none !important; }
#dm div.dmContent .mcc .rij-beeld .kader { aspect-ratio: 16/10; }
#dm div.dmContent .mcc .rij-beeld .kader img, #dm div.dmContent .mcc .rij-beeld .kader video { width: 100%; height: 100%; object-fit: cover; }
#dm div.dmContent .mcc .rij-beeld .kader::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 1px rgba(244,239,230,.08); pointer-events: none; }
#dm div.dmContent .mcc .rij-nr { position: static; display: block; margin: 0 0 22px; font: italic 500 22px/1 var(--serif); color: var(--goud); opacity: 1; text-shadow: none; }
#dm div.dmContent .mcc .rij-nr::after { content: ""; display: inline-block; width: 60px; height: 1px; margin-left: 14px; vertical-align: middle; background: rgba(200,169,106,.5); }
#dm div.dmContent .mcc .rij-om .rij-nr { right: auto; }
#dm div.dmContent .mcc .rij { grid-template-columns: 1.5fr 1fr; }
#dm div.dmContent .mcc .gel-raster { grid-template-columns: 1fr 1fr; gap: clamp(20px, 3vw, 44px); }
#dm div.dmContent .mcc .gel-raster li:nth-child(even) { margin-top: clamp(40px, 8vw, 120px); }
#dm div.dmContent .mcc .gel-raster li:nth-child(n+3) { margin-top: 0; }
#dm div.dmContent .mcc .gel-raster li:nth-child(4) { margin-top: clamp(-80px, -6vw, 0px); }
#dm div.dmContent .mcc .gel-raster .kader { aspect-ratio: 3/2; }
#dm div.dmContent .mcc .gel-raster .kader img { object-position: center 70%; }
@media (max-width: 640px) {#dm div.dmContent .mcc .gel-raster { grid-template-columns: 1fr; }
#dm div.dmContent .mcc .gel-raster li:nth-child(n) { margin-top: 0; }}
#dm div.dmContent .mcc .auto-held-beeld .held-video { width: 100%; height: 100%; object-fit: cover; }
#dm div.dmContent .mcc .auto-held-beeld:has(video) { inset: 0; }
#dm div.dmContent .mcc .gel-raster li:nth-child(n) { margin-top: 0; }
#dm div.dmContent .mcc .gel-raster li:nth-child(even) { transform: translateY(clamp(30px, 6vw, 90px)); }
#dm div.dmContent .mcc .gel-raster li:nth-child(even).zicht { transform: translateY(clamp(30px, 6vw, 90px)); }
#dm div.dmContent .mcc .gel-raster { padding-bottom: clamp(30px, 6vw, 90px); }
#dm div.dmContent .mcc .rij-om { grid-template-columns: 1fr 1.5fr; }
@media (max-width: 900px) {#dm div.dmContent .mcc .rij-om { grid-template-columns: 1fr; }}
@media (max-width: 640px) {#dm div.dmContent .mcc .gel-raster li:nth-child(even), #dm div.dmContent .mcc .gel-raster li:nth-child(even).zicht { transform: none; }
#dm div.dmContent .mcc .gel-raster { padding-bottom: 0; }}
#dm div.dmContent .mcc .collectie-kop { padding-bottom: clamp(30px, 4vw, 50px); }
#dm div.dmContent .mcc .podium { position: relative; height: calc(var(--n) * 110svh); }
#dm div.dmContent .mcc .pd-podium { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; }
#dm div.dmContent .mcc .pd-films { position: absolute; inset: 0; z-index: -1; }
#dm div.dmContent .mcc .pd-film { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.12); transition: opacity 1.2s var(--zacht), transform 2.4s var(--zacht); }
#dm div.dmContent .mcc .pd-film.aan { opacity: 1; transform: scale(1); }
#dm div.dmContent .mcc .pd-podium::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(11,12,15,.88) 0%, rgba(11,12,15,.55) 38%, rgba(11,12,15,0) 70%), linear-gradient(0deg, rgba(11,12,15,.75) 0%, transparent 35%), linear-gradient(180deg, var(--nacht) 0%, transparent 18%); }
#dm div.dmContent .mcc .pd-teksten { position: relative; z-index: 1; height: 100%; }
#dm div.dmContent .mcc .pd-tekst { position: absolute; left: 0; bottom: clamp(60px, 12vh, 130px); max-width: 600px; opacity: 0; transform: translateY(40px); pointer-events: none; transition: opacity .8s var(--zacht), transform 1s var(--zacht); }
#dm div.dmContent .mcc .pd-tekst.aan { opacity: 1; transform: none; pointer-events: auto; transition-delay: .25s; }
#dm div.dmContent .mcc .pd-tekst .titel-held { font-size: clamp(54px, 8vw, 120px); }
#dm div.dmContent .mcc .pd-tekst .rij-kop { margin: 16px 0 12px; }
#dm div.dmContent .mcc .pd-kort { color: var(--ivoor-2); max-width: 480px; }
#dm div.dmContent .mcc .pd-tekst .kenmerken { margin: 22px 0 28px; }
#dm div.dmContent .mcc .pd-nav { position: absolute; z-index: 2; right: clamp(20px, 4vw, 48px); top: 50%; transform: translateY(-50%); list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
#dm div.dmContent .mcc .pd-nav button { display: flex; align-items: center; justify-content: flex-end; gap: 14px; width: 100%; padding: 8px 0; border: 0; background: none; cursor: pointer; color: var(--grijs); font: 500 20px/1 var(--serif); transition: color .4s; }
#dm div.dmContent .mcc .pd-nav i { display: block; width: 28px; height: 1px; background: currentColor; transition: width .6s var(--zacht), background .4s; }
#dm div.dmContent .mcc .pd-nav button[aria-current] { color: var(--ivoor); }
#dm div.dmContent .mcc .pd-nav button[aria-current] i { width: 64px; background: var(--goud); }
#dm div.dmContent .mcc .pd-nav button:hover { color: var(--goud-2); }
#dm div.dmContent .mcc .pd-balk { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; height: 2px; background: rgba(244,239,230,.1); }
#dm div.dmContent .mcc .pd-balk i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--goud-d), var(--goud-2)); }
@media (max-width: 900px) {#dm div.dmContent .mcc .pd-nav { top: auto; bottom: auto; top: 90px; right: 16px; transform: none; display: flex; gap: 6px; }
#dm div.dmContent .mcc .pd-nav span { display: none; }
#dm div.dmContent .mcc .pd-nav i { width: 18px; }
#dm div.dmContent .mcc .pd-nav button[aria-current] i { width: 38px; }
#dm div.dmContent .mcc .pd-podium::before { background: linear-gradient(0deg, rgba(11,12,15,.95) 0%, rgba(11,12,15,.7) 45%, rgba(11,12,15,.1) 75%), linear-gradient(180deg, var(--nacht) 0%, transparent 20%); }
#dm div.dmContent .mcc .pd-tekst { right: 0; bottom: 34px; }
#dm div.dmContent .mcc .pd-tekst .kenmerken { display: none; }
#dm div.dmContent .mcc .pd-kort { display: none; }}
@media (prefers-reduced-motion: reduce) {#dm div.dmContent .mcc .podium { height: auto; }
#dm div.dmContent .mcc .pd-podium { position: relative; height: auto; }
#dm div.dmContent .mcc .pd-films { position: relative; height: 60vh; }
#dm div.dmContent .mcc .pd-tekst { position: relative; opacity: 1; transform: none; pointer-events: auto; bottom: auto; padding: 40px 0; }
#dm div.dmContent .mcc .pd-tekst:not(.aan) { display: none; }}
#dm div.dmContent .mcc .pd-nav { padding: 14px 18px; background: rgba(11,12,15,.35); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(244,239,230,.08); }
#dm div.dmContent .mcc .pd-nav button { text-shadow: 0 1px 10px rgba(0,0,0,.6); }
@media (max-width: 900px) {#dm div.dmContent .mcc .pd-nav { padding: 6px 10px; border-radius: 999px; }}
#dm div.dmContent .mcc .auto-raster > .verhaal { position: sticky; top: 110px; }
@media (max-width: 900px) {#dm div.dmContent .mcc .auto-raster > .verhaal { position: static; }}
#dm div.dmContent .mcc .merk img { width: 96px; }
#dm div.dmContent .mcc .merk-voet { flex-direction: column; align-items: flex-start; gap: 14px; margin-bottom: 22px; }
#dm div.dmContent .mcc .merk-voet img { width: 190px; margin: 0; }
#dm div.dmContent .mcc .merk-voet b { font-size: 26px; }
@media (max-width: 640px) {#dm div.dmContent .mcc .merk img { width: 70px; }}
#dm div.dmContent .mcc { --rond: clamp(14px, 1.6vw, 22px); --rond-k: 12px; }
#dm div.dmContent .mcc .kader, #dm div.dmContent .mcc .gel-raster .kader, #dm div.dmContent .mcc .rij-beeld .kader, #dm div.dmContent .mcc .hist .kader { border-radius: var(--rond); overflow: hidden; isolation: isolate; }
#dm div.dmContent .mcc .gel-raster .kader, #dm div.dmContent .mcc .rij-beeld .kader { box-shadow: 0 30px 60px -34px rgba(0,0,0,.8); }
#dm div.dmContent .mcc .galerij button, #dm div.dmContent .mcc .alt .kader, #dm div.dmContent .mcc .keuze img { border-radius: var(--rond-k); }
#dm div.dmContent .mcc .specs, #dm div.dmContent .mcc .aanvraag, #dm div.dmContent .mcc .melding, #dm div.dmContent .mcc .cijfers { border-radius: var(--rond); }
#dm div.dmContent .mcc .cijfers { overflow: hidden; }
#dm div.dmContent .mcc .praktisch li, #dm div.dmContent .mcc .keuze span, #dm div.dmContent .mcc .veld input, #dm div.dmContent .mcc .veld textarea, #dm div.dmContent .mcc .veld select { border-radius: var(--rond-k); }
#dm div.dmContent .mcc .filmlaag video, #dm div.dmContent .mcc .lichtbak img { border-radius: var(--rond-k); }
#dm div.dmContent .mcc .werkgebied { padding: clamp(80px, 10vw, 150px) 0; border-top: 1px solid var(--lijn); }
#dm div.dmContent .mcc .werkgebied-raster { display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(30px, 6vw, 90px); align-items: center; }
#dm div.dmContent .mcc .werkgebied .titel-xl { margin-bottom: 22px; }
#dm div.dmContent .mcc .werkgebied p:not(.boventitel) { color: var(--ivoor-2); max-width: 560px; margin-bottom: 26px; }
#dm div.dmContent .mcc .werkgebied .rij-acties { gap: 14px 28px; }
#dm div.dmContent .mcc .plaatsen { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
#dm div.dmContent .mcc .plaatsen li { padding: 12px 20px; border: 1px solid var(--lijn); border-radius: 999px; font: 500 22px/1 var(--serif); color: var(--ivoor-2); }
#dm div.dmContent .mcc .plaatsen .thuis { border-color: var(--goud); color: var(--goud-2); background: rgba(200,169,106,.08); }
#dm div.dmContent .mcc .andere .hist p { color: var(--grijs); font-size: 15px; }
@media (max-width: 900px) {#dm div.dmContent .mcc .werkgebied-raster { grid-template-columns: 1fr; }}
#dm div.dmContent .mcc .verhaal-los > p:nth-of-type(2)::first-letter { float: none; font: inherit; color: inherit; padding: 0; }
#dm div.dmContent .mcc .auto-held-laag::before { background: linear-gradient(90deg, rgba(11,12,15,.75), rgba(11,12,15,.2) 65%), linear-gradient(180deg, rgba(11,12,15,.6), rgba(11,12,15,.25) 35%, rgba(11,12,15,.9) 85%, var(--nacht)); }
#dm div.dmContent .mcc .plaatsen a { text-decoration: none; }
#dm div.dmContent .mcc .plaatsen li:has(a):hover { border-color: var(--goud); }
#dm div.dmContent .mcc .auto-held-laag.met-film::before { background: linear-gradient(90deg, rgba(11,12,15,.7), rgba(11,12,15,.05) 60%), linear-gradient(180deg, rgba(11,12,15,.55), rgba(11,12,15,0) 25%, rgba(11,12,15,.1) 55%, rgba(11,12,15,.92) 90%, var(--nacht)); }
#dm div.dmContent .mcc .auto-held-laag.met-film { min-height: 100svh; }
#dm div.dmContent .mcc .auto-held-laag.met-film .titel-held { font-size: clamp(44px, 6.4vw, 96px); }
#dm div.dmContent .mcc .titel-xl em, #dm div.dmContent .mcc .titel-l em, #dm div.dmContent .mcc .statement em, #dm div.dmContent .mcc h3 em, #dm div.dmContent .mcc .titel-held em { color: var(--ivoor-2); }
#dm div.dmContent .mcc .held-tekst .titel-held em { color: var(--goud-2); }
#dm div.dmContent .mcc .rij-kop { color: var(--ivoor-2); }
#dm div.dmContent .mcc .muziek-play::after { display: none; }
#dm div.dmContent .mcc .scrol span { animation: none; top: 0; height: 100%; background: rgba(244,239,230,.25); }
#dm div.dmContent .mcc .gel-raster li:nth-child(even), #dm div.dmContent .mcc .gel-raster li:nth-child(even).zicht { transform: none; }
#dm div.dmContent .mcc .gel-raster { padding-bottom: 0; }
#dm div.dmContent .mcc .cijfers b { font-size: clamp(40px, 4.4vw, 64px); color: var(--ivoor); }
#dm div.dmContent .mcc .historie, #dm div.dmContent .mcc .andere, #dm div.dmContent .mcc .tour { background: var(--nacht); }
#dm div.dmContent .mcc .werkgebied { border-top: 0; }
#dm div.dmContent .mcc .plaatsen li { font-size: 19px; padding: 10px 18px; }
#dm div.dmContent .mcc [data-onthul], #dm div.dmContent .mcc [data-in] { transform: translateY(18px); transition-duration: .9s; }
#dm div.dmContent .mcc .statement .w { opacity: .28; }
#dm div.dmContent .mcc .form-zij { position: sticky; top: 110px; }
@media (max-width: 900px) {#dm div.dmContent .mcc .form-zij { position: static; }}
#dm div.dmContent .mcc .auto-held-laag:not(.met-film)::before { background: linear-gradient(90deg, rgba(11,12,15,.6), rgba(11,12,15,0) 60%), linear-gradient(180deg, rgba(11,12,15,.45), rgba(11,12,15,0) 22%, rgba(11,12,15,0) 60%, rgba(11,12,15,.85) 92%, var(--nacht)); }
#dm div.dmContent .mcc .auto-held-laag:not(.met-film) .auto-held-beeld img { filter: brightness(1.08) saturate(1.05); }
#dm div.dmContent .mcc .beeldband { padding: 0 0 clamp(70px, 9vw, 130px); }
#dm div.dmContent .mcc .beeldband figure { margin: 0; aspect-ratio: 3/2; box-shadow: 0 40px 80px -40px rgba(0,0,0,.85); }
#dm div.dmContent .mcc .beeldband img { width: 100%; height: 100%; object-fit: cover; }
#dm div.dmContent .mcc .kader .wissel-laag { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.06); transition: opacity 2.2s cubic-bezier(.4,0,.2,1), transform 9s cubic-bezier(.2,.6,.2,1); pointer-events: none; }
#dm div.dmContent .mcc .kader .wissel-laag.aan { opacity: 1; transform: scale(1); }
#dm div.dmContent .mcc .kader .wissel-laag { transition: opacity 1.1s cubic-bezier(.4,0,.2,1), transform 4s cubic-bezier(.2,.6,.2,1); }
#dm div.dmContent .mcc .hist:hover .kader > img:not(.wissel-laag) { transform: none; }
#dm div.dmContent .mcc .gel-kaart { display: block; color: inherit; text-decoration: none; }
#dm div.dmContent .mcc .gel-kaart .tekstlink { margin-top: 12px; }
#dm div.dmContent .mcc .gel-kaart:hover h3 { color: var(--goud-2); }
#dm div.dmContent .mcc .gel-raster li:hover img { transform: none; }
#dm div.dmContent .mcc .plaatsen-ook { margin: 16px 0 0; color: var(--ivoor-2); }
#dm div.dmContent .mcc .plaatsen a { display: block; padding: 2px 0; }
#dm div.dmContent .mcc .statement .w { opacity: .4; }
#dm div.dmContent .mcc .cijfers span { display: block; }
#dm div.dmContent .mcc .vragen-los { padding-top: 0; }
#dm div.dmContent .mcc .auto-held:not(.auto-held-laag) .titel-held { font-size: clamp(42px, 5.4vw, 84px); }
#dm div.dmContent .mcc .auto-held:not(.auto-held-laag)::before { background: linear-gradient(90deg, rgba(11,12,15,.74), rgba(11,12,15,.32) 36%, rgba(11,12,15,0) 62%), linear-gradient(180deg, rgba(11,12,15,.6), rgba(11,12,15,0) 25%, rgba(11,12,15,.2) 50%, rgba(11,12,15,.92) 85%, var(--nacht)); }
#dm div.dmContent .mcc .auto-held-laag.met-film::before { background: linear-gradient(90deg, rgba(11,12,15,.76), rgba(11,12,15,.3) 40%, rgba(11,12,15,0) 66%), linear-gradient(180deg, rgba(11,12,15,.55), rgba(11,12,15,0) 25%, rgba(11,12,15,.2) 55%, rgba(11,12,15,.92) 86%, var(--nacht)); }
#dm div.dmContent .mcc .auto-held-laag:not(.met-film) .auto-held-beeld img { filter: none; }
#dm div.dmContent .mcc .auto-held-laag:not(.met-film)::before { background: linear-gradient(90deg, rgba(11,12,15,.82), rgba(11,12,15,.5) 45%, rgba(11,12,15,.12) 75%), linear-gradient(180deg, rgba(11,12,15,.55), rgba(11,12,15,.1) 25%, rgba(11,12,15,.25) 60%, rgba(11,12,15,.9) 90%, var(--nacht)); }
#dm div.dmContent .mcc .auto-body:has(.verhaal-los) { padding-bottom: clamp(36px, 4vw, 56px); }
#dm div.dmContent .mcc .auto-body:has(.verhaal-los) + .stappen { padding-top: 0; padding-bottom: clamp(70px, 9vw, 120px); }
#dm div.dmContent .mcc .auto-body:has(.verhaal-los) + .stappen .midden { margin-top: 0; }
#dm div.dmContent .mcc .held-pauze { position: absolute; z-index: 2; right: clamp(20px, 4vw, 48px); bottom: 124px; width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(244,239,230,.3); border-radius: 50%; background: rgba(11,12,15,.45); color: var(--ivoor); cursor: pointer; transition: background .3s, border-color .3s; }
#dm div.dmContent .mcc .held-pauze:hover { background: rgba(11,12,15,.75); border-color: var(--goud); }
#dm div.dmContent .mcc .held-pauze svg { width: 18px; height: 18px; }
#dm div.dmContent .mcc .held-pauze .ic-speel { display: none; }
#dm div.dmContent .mcc .held-pauze.stil .ic-speel { display: block; }
#dm div.dmContent .mcc .held-pauze.stil .ic-pauze { display: none; }
#dm div.dmContent .mcc .galerij-meer { display: none; text-align: center; margin: 22px 0 0; }
#dm div.dmContent .mcc .vaste-knop { display: none; }
@media (max-width: 900px) {#dm div.dmContent .mcc .pd-nav { gap: 0; padding: 0 4px; }
#dm div.dmContent .mcc .pd-nav button { min-width: 44px; min-height: 44px; padding: 0; justify-content: center; gap: 0; }
#dm div.dmContent .mcc .pd-nav button[aria-current] i { width: 34px; }}
@media (max-width: 700px) {#dm div.dmContent .mcc .held-pauze { bottom: auto; top: 76px; right: 16px; }
#dm div.dmContent .mcc .held::before { background: linear-gradient(180deg, rgba(11,12,15,.55) 0%, rgba(11,12,15,.12) 20%, rgba(11,12,15,.5) 42%, rgba(11,12,15,.84) 62%, rgba(11,12,15,.95) 84%, var(--nacht) 100%); }
#dm div.dmContent .mcc .boventitel { line-height: 1.55; letter-spacing: .2em; flex-wrap: wrap; }
#dm div.dmContent .mcc .knop { white-space: nowrap; padding: 0 20px; letter-spacing: .1em; }
#dm div.dmContent .mcc .voet li { margin-bottom: 0; min-height: 44px; display: flex; align-items: center; }
#dm div.dmContent .mcc .kruimel { align-items: center; }
#dm div.dmContent .mcc .kruimel a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; }
#dm div.dmContent .mcc .merk { min-height: 44px; align-items: center; }
#dm div.dmContent .mcc .plaatsen a { padding: 8px 0; }
#dm div.dmContent .mcc .galerij { columns: 2; column-gap: 8px; }
#dm div.dmContent .mcc .galerij li { margin-bottom: 8px; }
#dm div.dmContent .mcc .galerij.ingeklapt li:nth-child(n+7) { display: none; }
#dm div.dmContent .mcc .galerij.ingeklapt + .galerij-meer { display: block; }
#dm div.dmContent .mcc .vaste-knop { display: block; position: fixed; z-index: 40; left: 0; right: 0; bottom: 0; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: rgba(11,12,15,.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-top: 1px solid var(--lijn); transform: translateY(100%); transition: transform .35s var(--zacht); }
#dm div.dmContent .mcc .vaste-knop.aan { transform: none; }
#dm div.dmContent .mcc .vaste-knop .knop { width: 100%; }}
@media (max-width: 700px) {#dm div.dmContent .mcc .voet li a { display: flex; align-items: center; min-height: 44px; }
#dm div.dmContent .mcc .plaatsen a { padding: 12px 0; }}
@media (max-width: 400px) {#dm div.dmContent .mcc .knop { padding: 0 14px; letter-spacing: .06em; font-size: 12px; gap: 8px; }
#dm div.dmContent .mcc .tour-tekst { min-width: 0; max-width: 100%; }}
#dm div.dmContent .mcc .gel-kaart .kader { position: relative; }
#dm div.dmContent .mcc .gel-kaart .kader > img:not(.wissel-laag) { transition: transform 2.4s cubic-bezier(.2,.6,.2,1); }
#dm div.dmContent .mcc .gel-kaart .wissel-laag { transition: opacity 1.4s cubic-bezier(.4,0,.2,1), transform 6s cubic-bezier(.2,.6,.2,1); transform: scale(1.08); }
#dm div.dmContent .mcc .gel-kaart .kader::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: 0; transition: opacity 1.2s cubic-bezier(.4,0,.2,1); background: linear-gradient(180deg, rgba(11,12,15,0) 58%, rgba(11,12,15,.72) 100%); }
#dm div.dmContent .mcc .gel-kaart .kader::after { content: ""; position: absolute; inset: clamp(10px, 1.2vw, 18px); z-index: 3; pointer-events: none; border: 1px solid rgba(227,204,150,.75); border-radius: calc(var(--rond) - 6px); opacity: 0; transform: scale(1.025); transition: opacity 1s cubic-bezier(.4,0,.2,1) .15s, transform 1.4s cubic-bezier(.2,.6,.2,1) .15s; }
#dm div.dmContent .mcc .gel-noot { position: absolute; z-index: 4; left: clamp(26px, 2.6vw, 40px); right: clamp(26px, 2.6vw, 40px); bottom: clamp(22px, 2.2vw, 34px); font: italic 500 clamp(17px, 1.5vw, 22px)/1.2 var(--serif); color: var(--ivoor); text-shadow: 0 1px 12px rgba(0,0,0,.7); opacity: 0; transform: translateY(8px); transition: opacity .9s cubic-bezier(.4,0,.2,1) .3s, transform 1.1s cubic-bezier(.2,.6,.2,1) .3s; pointer-events: none; }
#dm div.dmContent .mcc .gel-kaart h3 { transition: color .6s; }
#dm div.dmContent .mcc .gel-kaart .tekstlink svg { transition: transform .6s cubic-bezier(.2,.6,.2,1); }
@media (hover: hover) {#dm div.dmContent .mcc .gel-kaart:hover .kader > img:not(.wissel-laag) { transform: scale(1.035); }
#dm div.dmContent .mcc .gel-kaart:hover .kader::before, #dm div.dmContent .mcc .gel-kaart:hover .kader::after { opacity: 1; }
#dm div.dmContent .mcc .gel-kaart:hover .kader::after { transform: none; }
#dm div.dmContent .mcc .gel-kaart:hover .gel-noot { opacity: 1; transform: none; }
#dm div.dmContent .mcc .gel-kaart:hover .tekstlink svg { transform: translateX(6px); }}
@media (hover: none) {#dm div.dmContent .mcc .gel-noot { display: none; }
#dm div.dmContent .mcc .gel-kaart .kader::before, #dm div.dmContent .mcc .gel-kaart .kader::after { display: none; }}
#dm div.dmContent .mcc { --kop: 83px; }
@media (max-width: 640px) {#dm div.dmContent .mcc { --kop: 71px; }}
@media (max-width: 900px) {#dm div.dmContent .mcc .rij, #dm div.dmContent .mcc .rij-om { grid-template-columns: 1fr; }}
@media (max-width: 700px), (max-aspect-ratio: 3/2), (max-height: 600px) {#dm div.dmContent .mcc .scrol { display: none; }
#dm div.dmContent .mcc .held, #dm div.dmContent .mcc .auto-held, #dm div.dmContent .mcc .auto-held-laag, #dm div.dmContent .mcc .auto-held-laag.met-film { min-height: 0; display: block; padding-top: var(--kop); }
#dm div.dmContent .mcc .held::before, #dm div.dmContent .mcc .auto-held::before, #dm div.dmContent .mcc .auto-held-laag::before, #dm div.dmContent .mcc .auto-held-laag.met-film::before, #dm div.dmContent .mcc .auto-held-laag:not(.met-film)::before { display: none; }
#dm div.dmContent .mcc .held-media, #dm div.dmContent .mcc .auto-held-beeld, #dm div.dmContent .mcc .auto-held-beeld:has(video) { position: relative; inset: auto; z-index: 0; aspect-ratio: 16/9; overflow: hidden; width: min(100%, calc((100svh - var(--kop)) * 16 / 9)); margin-inline: auto; }
#dm div.dmContent .mcc .held-media::after, #dm div.dmContent .mcc .auto-held-beeld::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(11,12,15,.35) 0%, rgba(11,12,15,0) 22%, rgba(11,12,15,0) 72%, var(--nacht) 100%); }
#dm div.dmContent .mcc .held-video, #dm div.dmContent .mcc .auto-held-beeld .held-video, #dm div.dmContent .mcc .auto-held-beeld img { animation: none; transform: none; }
#dm div.dmContent .mcc .held-tekst, #dm div.dmContent .mcc .auto-held-tekst { padding: 18px 0 56px; }
#dm div.dmContent .mcc .held-pauze { top: calc(var(--kop) + 12px); right: 12px; width: 40px; height: 40px; }
#dm div.dmContent .mcc .film-band { min-height: 0; display: block; }
#dm div.dmContent .mcc .film-band-beeld { position: relative; inset: auto; z-index: 0; aspect-ratio: 16/9; width: min(100%, calc(100svh * 16 / 9)); margin-inline: auto; }
#dm div.dmContent .mcc .film-band-beeld::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, var(--nacht) 0%, rgba(11,12,15,0) 18%, rgba(11,12,15,0) 70%, var(--nacht) 100%); }
#dm div.dmContent .mcc .film-band-beeld img { filter: brightness(.85) saturate(.95); }
#dm div.dmContent .mcc .film-band-tekst { padding: 24px 20px 64px; margin: 0 auto; }
#dm div.dmContent .mcc .pd-films { inset: var(--kop) auto auto 50%; transform: translateX(-50%); width: min(100%, calc((100svh - var(--kop)) * 16 / 9)); height: auto; aspect-ratio: 16/9; overflow: hidden; }
#dm div.dmContent .mcc .pd-films::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(11,12,15,.3) 0%, rgba(11,12,15,0) 20%, rgba(11,12,15,0) 70%, var(--nacht) 100%); }
#dm div.dmContent .mcc .pd-film { transform: none; }
#dm div.dmContent .mcc .pd-podium { background: var(--nacht); }
#dm div.dmContent .mcc .pd-podium::before { display: none; }
#dm div.dmContent .mcc .pd-nav { top: calc(var(--kop) + 56.25vw + 10px); right: auto; left: 50%; transform: translateX(-50%); background: transparent; border: 0; backdrop-filter: none; -webkit-backdrop-filter: none; }
#dm div.dmContent .mcc .pd-tekst { bottom: 28px; }}
@media (max-width: 700px) {#dm div.dmContent .mcc .pd-tekst .titel-held { font-size: clamp(36px, 11vw, 48px); }}
@media (max-width: 700px) and (max-height: 720px) {#dm div.dmContent .mcc .pd-tekst .rij-nr { display: none; }}
@media (max-width: 700px) and (max-height: 640px) {#dm div.dmContent .mcc .pd-tekst .rij-kop, #dm div.dmContent .mcc .pd-nav { display: none; }
#dm div.dmContent .mcc .pd-tekst .titel-held { margin-bottom: 16px; }}
@media (max-width: 700px) and (max-height: 540px) {#dm div.dmContent .mcc .pd-tekst .muziek { display: none; }}
@media (min-width: 701px) and (max-aspect-ratio: 3/2) {#dm div.dmContent .mcc .pd-tekst .titel-held { font-size: clamp(36px, 7vw, 72px); }}
@media (orientation: landscape) and (max-height: 600px), (orientation: landscape) and (min-width: 701px) and (max-aspect-ratio: 3/2) {#dm div.dmContent .mcc .pd-films { left: auto; right: 0; top: calc(50% + var(--kop) / 2); transform: translateY(-50%); width: min(64%, calc((100svh - var(--kop)) * 16 / 9)); }
#dm div.dmContent .mcc .pd-films::after { background: linear-gradient(90deg, var(--nacht) 0%, rgba(11,12,15,0) 22%), linear-gradient(180deg, rgba(11,12,15,0) 75%, var(--nacht) 100%); }
#dm div.dmContent .mcc .pd-tekst { left: 0; right: auto; max-width: 34%; bottom: 22px; }
#dm div.dmContent .mcc .pd-tekst .titel-held { font-size: clamp(30px, 4vw, 56px); margin-bottom: 12px; }
#dm div.dmContent .mcc .pd-tekst .rij-kop, #dm div.dmContent .mcc .pd-tekst .rij-nr, #dm div.dmContent .mcc .pd-tekst .muziek, #dm div.dmContent .mcc .pd-nav { display: none; }
#dm div.dmContent .mcc .pd-tekst .knop { padding: 0 14px; font-size: 11px; letter-spacing: .06em; white-space: nowrap; }}
@media (min-width: 901px) and (min-aspect-ratio: 3/2) and (max-height: 860px) {#dm div.dmContent .mcc .pd-tekst .titel-held { font-size: clamp(48px, 9.5vh, 120px); }}
@media (min-width: 901px) and (min-aspect-ratio: 3/2) and (max-height: 700px) {#dm div.dmContent .mcc .pd-kort, #dm div.dmContent .mcc .pd-tekst .rij-nr { display: none; }}
@media (min-width: 901px) and (max-aspect-ratio: 3/2) and (orientation: portrait) {#dm div.dmContent .mcc .pd-nav { display: flex; gap: 0; padding: 0 4px; }
#dm div.dmContent .mcc .pd-nav span { display: none; }
#dm div.dmContent .mcc .pd-nav button { min-width: 44px; min-height: 44px; padding: 0; justify-content: center; gap: 0; }
#dm div.dmContent .mcc .pd-nav i { width: 22px; }
#dm div.dmContent .mcc .pd-nav button[aria-current] i { width: 44px; }}
#dm div.dmContent .mcc .merk-voet { display: inline-grid; justify-items: stretch; gap: 16px; }
#dm div.dmContent .mcc .merk-voet img { width: 0; min-width: 96%; height: auto; }
#dm div.dmContent .mcc .merk-voet b { font-size: 31px; letter-spacing: .2em; margin-right: -.2em; }
#dm div.dmContent .mcc .merk-voet i { font-size: 11px; }
#dm div.dmContent .mcc .gel-film { margin: clamp(36px, 5vw, 64px) 0 0; padding-top: 26px; border-top: 1px solid var(--lijn); color: var(--grijs); font-size: 16px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; }
#dm div.dmContent .mcc .gel-film b { font: 500 24px/1.2 var(--serif); color: var(--ivoor); }
#dm div.dmContent .mcc .gel-film .tekstlink { margin-left: auto; }
@media (max-width: 700px) {#dm div.dmContent .mcc .gel-film .tekstlink { margin-left: 0; }}
#dm div.dmContent .mcc .aanvraag-klaar { outline: none; }
#dm div.dmContent .mcc .aanvraag-klaar .titel-l { margin: 10px 0 18px; }
#dm div.dmContent .mcc .aanvraag-klaar .klaar-lead { color: var(--ivoor-2); max-width: 58ch; }
#dm div.dmContent .mcc .klaar-overzicht { list-style: none; margin: 26px 0 30px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
#dm div.dmContent .mcc .klaar-overzicht li { padding: 14px 16px; background: var(--nacht-3); border-radius: var(--rond-k); color: var(--ivoor); font-size: 15px; }
#dm div.dmContent .mcc .klaar-overzicht span { display: block; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--grijs); margin-bottom: 4px; }
#dm div.dmContent .mcc .klaar-knoppen { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }
@media (max-width: 640px) {#dm div.dmContent .mcc .klaar-overzicht { grid-template-columns: 1fr; }
#dm div.dmContent .mcc .klaar-knoppen .knop { width: 100%; justify-content: center; }}

/* WOCD: eigen header/footer van Duda weg, rijen zonder opvulling, zodat sticky/fixed werkt */
body:has(.mcc) #hcontainer, body:has(.mcc) #hamburger-header-container, body:has(.mcc) #stickyHeaderSpacer, body:has(.mcc) #fcontainer, body:has(.mcc) #mobile-hamburger-drawer, body:has(.mcc) #layout-drawer-hamburger, body:has(.mcc) #layout-drawer-overlay, body:has(.mcc) .dmFooterContainer, body:has(.mcc) .d-header-wrapper, body:has(.mcc) #toggle-iframe, body:has(.mcc) #toast-iframe { display: none !important; }
body:has(.mcc), body:has(.mcc) #dm, body:has(.mcc) .dmOuter, body:has(.mcc) .dmInner, body:has(.mcc) .dmContent, body:has(.mcc) #dm_content, body:has(.mcc) .dmRespRowsWrapper, body:has(.mcc) .dmLayoutWrapper, body:has(.mcc) .site_content { background: #0b0c0f !important; }
html:has(.mcc) { scroll-behavior: smooth; background: #0b0c0f; }
body:not(.bodyInsideNee) .site_content:has(.mcc) { margin-top: 0 !important; padding-top: 0 !important; }
body:not(.bodyInsideNee) .dmLayoutWrapper:has(.mcc), body:not(.bodyInsideNee) .dmOuter:has(.mcc), body:not(.bodyInsideNee) .dmInner:has(.mcc) { overflow: clip !important; overflow-x: clip !important; overflow-y: visible !important; }
#dm #dm_content .dmRespRow:has(.mcc) { padding: 0 !important; margin: 0 !important; background: none !important; min-height: 0 !important; height: auto !important; max-height: none !important; overflow: visible !important; }
#dm #dm_content .dmRespRow:has(.mcc)::before, #dm #dm_content .dmRespRow:has(.mcc)::after, #dm #dm_content .dmRespRow:has(.mcc) .bgExtraLayerOverlay { display: none !important; content: none !important; }
#dm #dm_content .dmRespRow:has(.mcc) .dmRespColsWrapper, #dm #dm_content .dmRespRow:has(.mcc) .dmRespCol { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; min-height: 0 !important; display: block !important; overflow: visible !important; }
#dm #dm_content .dmCustomHtml:has(.mcc) { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; height: auto !important; display: block !important; }
#dm #dm_content .dmRespRowsWrapper:has(.mcc) .dmRespRow:not(:has(.mcc)):not(.mcc-formrij) { display: none !important; }
body:not(.bodyInsideNee) #dm #dm_content .dmRespRow:has(.mcc), body:not(.bodyInsideNee) #dm #dm_content .dmRespRow:has(.mcc) .dmRespColsWrapper, body:not(.bodyInsideNee) #dm #dm_content .dmRespRow:has(.mcc) .dmRespCol, body:not(.bodyInsideNee) #dm #dm_content .dmCustomHtml:has(.mcc), body:not(.bodyInsideNee) #dm div.dmContent .mcc { display: contents !important; }
/* het echte WOCD-formulier: onzichtbaar, ons eigen formulier vult het en verstuurt */
/* het WOCD-formulier zelf staat onzichtbaar buiten beeld; ons eigen formulier vult het in en verstuurt het (alleen op de echte site) */
/* WOCD start het formulier (en reCAPTCHA) pas als het in beeld is: daarom piepklein en onzichtbaar linksonder in beeld, niet buiten beeld (13 nov) */
body:not(.dmEditorBody) #dm #dm_content .dmRespRow.mcc-formrij { display: block !important; position: fixed !important; left: 0 !important; bottom: 0 !important; top: auto !important; width: 4px !important; height: 4px !important; overflow: hidden !important; opacity: 0.01 !important; pointer-events: none !important; z-index: 0 !important; padding: 0 !important; margin: 0 !important; }
/* in de editor zichtbaar, zodat het formulier te kiezen en in te stellen is */
body.dmEditorBody #dm #dm_content .dmform { background: #f4efe6 !important; color: #111 !important; padding: 24px !important; margin: 20px auto !important; max-width: 700px; display: block !important; }
body.dmEditorBody #dm #dm_content .dmRespRow.mcc-formrij { min-height: 60px !important; background: #f4efe6 !important; }
/* Duda-stijlen die door de scope heen lekken */
#dm div.dmContent .mcc h1, #dm div.dmContent .mcc h2, #dm div.dmContent .mcc h3, #dm div.dmContent .mcc p, #dm div.dmContent .mcc li { text-transform: none; letter-spacing: inherit; }