/*
Theme Name: Marke van Ruinen
Theme URI: https://markevanruinen.nl
Description: Astra child-theme — Editorial-Luxury design (Marke Rust) voor Buitenplaats De Marke van Ruinen. Vormgeving via core-blocks + CSS, geen page-builder.
Author: Studio ZOO
Template: astra
Version: 1.0.0
Text Domain: marke
*/

:root{
  --linnen:#F6F2EA; --linnen-2:#FBF8F2; --paper:#fff;
  --turf:#27201A; --turf-2:#5B4F44; --veil:#E5DECF;
  --mos:#4C5A48; --mos-deep:#1E3A1A; --heide:#8B6F8E;
  --serif:'Fraunces',Georgia,serif; --sans:'Plus Jakarta Sans',system-ui,sans-serif;
  --maxw:1180px;
}

/* ── basis-typografie ──────────────────────────────────────────────── */
body,button,input,select,textarea,.ast-container{font-family:var(--sans);color:var(--turf)}
body{background:var(--linnen);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.entry-title,.site-title{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;color:var(--turf);line-height:1.1}
a{color:var(--mos)}
a:hover,a:focus{color:var(--mos-deep)}

/* subtiele papier-korrel */
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
#page,.site-header{position:relative;z-index:1}

/* ── Astra header / footer ─────────────────────────────────────────── */
.main-header-bar{background:var(--linnen)!important;border-bottom:1px solid var(--veil)}
.ast-header-break-point .main-header-bar{border-bottom:1px solid var(--veil)}
.main-header-menu .menu-link{font-family:var(--sans);font-weight:500;font-size:.92rem;color:var(--turf)!important}
.main-header-menu .menu-link:hover{color:var(--mos)!important}
/* dropdown-items strakker: minder verticale ruimte */
.main-header-menu .sub-menu{padding-top:6px;padding-bottom:6px}
.main-header-menu .sub-menu .menu-link{line-height:1.35!important;padding-top:8px!important;padding-bottom:8px!important;font-size:.88rem}
body.marke-shrink .main-header-menu .sub-menu > .menu-item > .menu-link{line-height:1.35!important}
.custom-logo{height:46px;width:auto}
/* footer */
.site-footer,.footer-sml-layout,.ast-small-footer{background:var(--turf);color:rgba(255,255,255,.7)}
.site-footer a,.ast-small-footer a{color:rgba(255,255,255,.8)}
.site-footer a:hover{color:#fff}

/* knoppen (Astra + core) */
.wp-block-button__link,.ast-button,.menu-link.ast-menu-toggle,.wp-block-button .wp-block-button__link{
  background:var(--mos);color:#fff;border-radius:999px;font-family:var(--sans);font-weight:600;border:none;padding:.7rem 1.5rem;transition:transform .4s cubic-bezier(.32,.72,0,1),background .3s}
.wp-block-button__link:hover{background:var(--mos-deep);color:#fff;transform:translateY(-1px)}
.is-style-outline .wp-block-button__link{background:transparent;border:1px solid var(--veil);color:var(--turf)}

/* ── content-breedtes ──────────────────────────────────────────────── */
.entry-content>*{max-width:var(--maxw);margin-inline:auto}
.entry-content>.alignfull{max-width:100%;width:100%}
.entry-content>.alignwide{max-width:calc(var(--maxw) + 120px)}

/* ── eyebrow / lead ────────────────────────────────────────────────── */
.marke-eyebrow{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--mos)}
.marke-eyebrow.has-pill,.is-style-pill{border:1px solid var(--veil);border-radius:999px;padding:.45rem 1rem;background:rgba(255,255,255,.5)}
.marke-lead{font-family:var(--serif)!important;font-size:clamp(1.6rem,3vw,2.4rem)!important;line-height:1.25!important;font-weight:400}

/* ── HERO (wp:cover alignfull) ─────────────────────────────────────── */
.marke-hero.wp-block-cover{min-height:680px;align-items:flex-end;color:#fff}
.marke-hero .wp-block-cover__inner-container{max-width:var(--maxw);width:100%;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem) clamp(3rem,7vh,6rem)}
.marke-hero h1,.marke-hero h2{color:#fff;font-size:clamp(2.6rem,6vw,5rem);max-width:15ch;font-weight:400}
.marke-hero p{color:rgba(255,255,255,.92);max-width:46ch;font-size:1.1rem}
.marke-hero .marke-eyebrow{color:#fff;border-color:rgba(255,255,255,.4)}
.marke-hero .wp-block-cover__background{background:linear-gradient(to top,rgba(20,16,12,.72) 0%,rgba(20,16,12,.12) 45%,rgba(20,16,12,0) 62%)!important;opacity:1!important}

/* ── secties ───────────────────────────────────────────────────────── */
.marke-section{padding-block:clamp(4rem,9vh,7rem)}
.marke-section.has-paper-bg,.has-linnen-2-background-color{background:var(--linnen-2)}

/* split intro: wp:columns */
.marke-split .wp-block-column img{border-radius:6px;width:100%;object-fit:cover}

/* ── accommodatie-kaarten (wp:group grid van cover/cards) ──────────── */
.marke-cards.is-layout-grid{gap:1.5rem!important}
.marke-cards.is-layout-grid>*{max-width:none!important;margin:0!important}
.marke-card{background:var(--paper);border:1px solid var(--veil);border-radius:8px;overflow:hidden;
  transition:transform .55s cubic-bezier(.32,.72,0,1),box-shadow .55s cubic-bezier(.32,.72,0,1)}
.marke-card:hover{transform:translateY(-5px);box-shadow:0 26px 50px -28px rgba(39,32,26,.4)}
.marke-card .wp-block-image{margin:0;aspect-ratio:3/2.3;overflow:hidden}
.marke-card .wp-block-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.32,.72,0,1)}
.marke-card:hover .wp-block-image img{transform:scale(1.05)}
.marke-card__body{padding:1.3rem 1.5rem 1.6rem}
.marke-card__body .marke-tag{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mos);font-weight:600}
.marke-card__body h3{font-size:1.45rem;margin:.3rem 0 .5rem}
.marke-card__body p{font-size:.95rem;color:var(--turf-2);margin:0}

/* ── USP-icoonstrip ────────────────────────────────────────────────── */
.marke-usps.is-layout-grid>*{max-width:none!important;margin:0!important}
.marke-usp .marke-ico{display:block;width:30px;height:30px;background:var(--mos);
  -webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat;margin-bottom:.7rem}
.marke-usp h4{font-family:var(--sans);font-weight:600;font-size:1rem;margin:0 0 .25rem;color:var(--turf)}
.marke-usp p{font-size:.88rem;color:var(--turf-2);margin:0}

/* ── donkere natuur-band (wp:cover) ────────────────────────────────── */
.marke-band.wp-block-cover{min-height:auto;padding-block:clamp(4rem,9vh,7rem)}
.marke-band .wp-block-cover__inner-container{max-width:var(--maxw);margin:0 auto;width:100%;padding-inline:clamp(1.25rem,5vw,3rem)}
.marke-band h2{color:#fff;font-size:clamp(2rem,4vw,3rem);max-width:16ch}
.marke-band p{color:rgba(255,255,255,.9);max-width:50ch}
.marke-band .marke-eyebrow{color:#fff}
.marke-band .wp-block-cover__background{background:linear-gradient(90deg,rgba(20,28,18,.82),rgba(20,28,18,.4))!important;opacity:1!important}

/* ── reviews (masonry, wp:group) ───────────────────────────────────── */
.marke-reviews{column-count:3;column-gap:1.5rem;max-width:var(--maxw);margin-inline:auto}
@media(max-width:980px){.marke-reviews{column-count:2}}
@media(max-width:620px){.marke-reviews{column-count:1}}
.marke-reviews>*{max-width:none!important;margin:0 0 1.5rem!important}
.marke-review{break-inside:avoid;background:var(--paper);border:1px solid var(--veil);border-radius:14px;padding:1.8rem 1.6rem 1.4rem;position:relative}
.marke-review::before{content:"\201C";font-family:var(--serif);font-size:4rem;line-height:1;color:var(--mos);opacity:.18;position:absolute;top:.4rem;left:1rem}
.marke-review p{font-family:var(--serif);font-style:italic;font-size:1.05rem;line-height:1.55;margin:0;position:relative}
.marke-review cite,.marke-review .marke-who{display:block;margin-top:.9rem;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--mos);font-style:normal}

/* ── icoonset (mask-SVG) ───────────────────────────────────────────── */
.marke-ico--home{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E")}
.marke-ico--garden{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12a10 10 0 0 0-20 0Z'/%3E%3Cpath d='M12 12v8a2 2 0 0 0 4 0'/%3E%3Cpath d='M12 2v1'/%3E%3C/svg%3E")}
.marke-ico--walk{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='19' r='3'/%3E%3Cpath d='M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15'/%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3C/svg%3E")}
.marke-ico--paw{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='4' r='2'/%3E%3Ccircle cx='18' cy='8' r='2'/%3E%3Ccircle cx='20' cy='16' r='2'/%3E%3Cpath d='M9 10a5 5 0 0 1 5 5v3.5a3.5 3.5 0 0 1-6.84 1.05Q6.52 17.48 4.46 16.84A3.5 3.5 0 0 1 5.5 10Z'/%3E%3C/svg%3E")}

/* CTA-footer-sectie */
.marke-cta{text-align:center}
.marke-cta h2{font-size:clamp(2.2rem,5vw,3.4rem);max-width:18ch;margin-inline:auto}

/* ── fixes: hero-tekst wit forceren + band-overlay lichter ─────────── */
.marke-hero .wp-block-cover__inner-container :is(h1,h2,p,.marke-eyebrow){color:#fff !important}
.marke-band .wp-block-cover__inner-container :is(h2,p,.marke-eyebrow){color:#fff !important;text-shadow:0 1px 10px rgba(0,0,0,.3)}
/* overlay links net genoeg voor leesbaarheid, rechts de foto laten ademen */
.marke-band .wp-block-cover__background.has-background-dim{
  background:linear-gradient(90deg,rgba(22,30,18,.55) 0%,rgba(22,30,18,.16) 52%,rgba(22,30,18,0) 100%) !important;
  opacity:1 !important}
.marke-ico--tree{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22v-7l-2-2'/%3E%3Cpath d='M17 8c.7-1 1-2 1-3a4 4 0 0 0-8 0c0 1 .3 2 1 3'/%3E%3Cpath d='M14 14l2-2'/%3E%3Ccircle cx='12' cy='9' r='6'/%3E%3C/svg%3E")}
.marke-ico--car{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Cpath d='M9 17h6'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E")}

/* hero-eyebrow-pil: transparant met lichte rand i.p.v. witte vulling */
.marke-hero .marke-eyebrow.has-pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.45);color:#fff}

/* hero-eyebrow-pil: transparant DONKER (leesbaar op zowel lucht als foto) */
.marke-hero .marke-eyebrow.has-pill{background:rgba(20,16,12,.34) !important;border-color:rgba(255,255,255,.35) !important;color:#fff !important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}

/* sitetitel/tagline verbergen — het logo bevat de naam al */
.site-title,.site-description{display:none !important}

/* transparante header over de hero — alleen waar Astra 'm activeert */
.ast-theme-transparent-header .main-header-bar,
.ast-theme-transparent-header .ast-primary-header-bar{background:transparent !important;border-bottom:none !important}
.ast-theme-transparent-header .main-header-menu .menu-link{color:#fff !important}
.ast-theme-transparent-header .main-header-menu .menu-link:hover{color:rgba(255,255,255,.75) !important}
.ast-theme-transparent-header .custom-logo{filter:brightness(0) invert(1)}
/* footer netjes gecentreerd */
.ast-small-footer{text-align:center;padding-block:1.6rem}
.ast-small-footer-section{color:rgba(255,255,255,.72)}

/* desktop-menu zeker zichtbaar + leesbaar op de transparante header */
.ast-theme-transparent-header .main-header-menu .menu-link{color:#fff !important;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.ast-theme-transparent-header .custom-logo{filter:brightness(0) invert(1) drop-shadow(0 1px 6px rgba(0,0,0,.3))}
@media(min-width:922px){.main-header-menu{display:flex !important}}

/* Astra-paginatitel verbergen — elke pagina heeft z'n eigen hero/titel in de content */
.page .entry-title,.single-dienst .entry-title{display:none !important}

/* footer donker (Astra HFB) */
.site-footer,.site-primary-footer-wrap,.ast-footer-row-inner-wrap,footer[data-section] .site-footer-section,footer .ast-builder-grid-row{background:var(--turf) !important}
.site-footer,.site-footer p,.site-footer .ast-footer-copyright *{color:rgba(255,255,255,.75) !important}
.site-footer a{color:rgba(255,255,255,.85) !important}
.site-footer a:hover{color:#fff !important}
.ast-footer-copyright{text-align:center;padding:1.6rem 1rem;font-size:.85rem}

/* ── rijke footer ──────────────────────────────────────────────────── */
.marke-footer{max-width:1180px;margin:0 auto;padding:3.5rem 1.5rem 1.5rem;display:grid;gap:2rem 2.5rem;grid-template-columns:1.4fr 1fr 1fr 1.1fr;text-align:left}
@media(max-width:880px){.marke-footer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.marke-footer{grid-template-columns:1fr}}
.marke-footer__logo{height:54px;width:auto;filter:brightness(0) invert(1);margin-bottom:1rem}
.marke-footer p{color:rgba(255,255,255,.7);font-size:.92rem;margin:0 0 .8rem;line-height:1.5}
.marke-footer a{color:rgba(255,255,255,.8) !important;text-decoration:none}
.marke-footer a:hover{color:#fff !important}
.marke-footer h5{font-family:var(--sans);font-weight:600;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5);margin:0 0 1rem}
.marke-footer__nav ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;font-size:.92rem}
.marke-footer__cta{display:inline-block;background:var(--mos);color:#fff !important;border-radius:999px;padding:.65rem 1.4rem;font-weight:600;font-size:.9rem;transition:background .3s}
.marke-footer__cta:hover{background:#3a6a34;color:#fff !important}
.marke-footer__summio{height:34px;width:auto;display:block;margin-top:1.2rem;opacity:.85}
.marke-footer__map{grid-column:1 / -1;margin-top:.5rem;border-radius:8px;overflow:hidden;line-height:0}
.marke-footer__map iframe{display:block;width:100%;filter:grayscale(.25) contrast(.95)}

/* copyright-balk: minimalistisch zwart */
.site-below-footer-wrap{background:#000 !important;border-top:1px solid rgba(255,255,255,.07)}
.ast-footer-copyright{padding:.85rem 1rem !important;text-align:center}
.ast-footer-copyright,.ast-footer-copyright *{color:rgba(255,255,255,.42) !important;font-size:.76rem !important;letter-spacing:.02em;margin:0}
.site-below-footer-wrap .ast-builder-grid-row,.site-below-footer-wrap .ast-builder-grid-row-container-inner,.site-below-footer-inner-wrap,.site-below-footer-wrap .site-footer-section{background:transparent !important}

/* extra garantie: donkere backdrop achter de transparante header */
.ast-theme-transparent-header .main-header-bar-wrap{position:relative}
.ast-theme-transparent-header .main-header-menu .menu-link{text-shadow:0 1px 12px rgba(0,0,0,.6)}

/* solide lichte topbalk (los van de hero) */
.main-header-bar,.ast-primary-header-bar{background:var(--linnen) !important;border-bottom:1px solid var(--veil) !important}
.main-header-menu .menu-link{color:var(--turf) !important;text-shadow:none !important}
.main-header-menu .menu-link:hover{color:var(--mos) !important}
.custom-logo{filter:none !important}

/* ── sticky header + krimpen bij scroll ────────────────────────────── */
.site-header{position:sticky;top:0;z-index:99;transition:box-shadow .3s ease}
.ast-primary-header-bar,.main-header-bar{transition:min-height .3s ease,padding .3s ease}
.custom-logo{transition:height .3s ease}
.marke-shrink .site-header{box-shadow:0 6px 24px -14px rgba(39,32,26,.3)}

/* ── mobiel: hamburger in merkkleur (niet blauw) ───────────────────── */
.ast-header-break-point .menu-toggle,.main-header-menu-toggle,.ast-mobile-menu-trigger-minimal,.ast-mobile-menu-trigger-fill,.ast-button-wrap .menu-toggle{color:var(--turf) !important;background:transparent !important}
.menu-toggle .menu-toggle-icon,.ast-mobile-menu-trigger-minimal svg,.menu-toggle svg{fill:var(--turf) !important;color:var(--turf) !important}
.ast-mobile-menu-buttons-minimal,.ast-mobile-menu-buttons-fill{color:var(--turf) !important}

/* ── mobiel-menu helemaal bovenaan (z-index) ───────────────────────── */
.ast-mobile-popup-drawer,.ast-mobile-popup-overlay,#ast-mobile-popup-wrapper{z-index:9999 !important}
.ast-mobile-popup-drawer.active .ast-mobile-popup-inner{top:0;z-index:99999}
.main-navigation .menu-toggle{z-index:1000}

/* sticky header onder de WP-adminbalk (ingelogd) */
body.admin-bar .site-header{top:32px}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}

/* ── shrink: alléén de balkhoogte verkleinen; logo blijft op volle grootte.
   Klantfeedback 2026-06 (Afke): gekrompen logo werd onleesbaar op mobiel.
   Balk krimpt naar 64px (omvat het 46px-logo + ademruimte). ──────────── */
.ast-primary-header-bar .site-primary-header-wrap,
.main-header-menu > .menu-item,
.main-header-menu .menu-link{transition:min-height .3s ease,line-height .3s ease,padding .3s ease}
.marke-shrink .ast-primary-header-bar,
.marke-shrink .main-header-bar,
.marke-shrink .main-header-bar-wrap,
.marke-shrink .ast-primary-header-bar .site-primary-header-wrap,
.marke-shrink .main-header-bar .site-primary-header-wrap{min-height:64px !important}
body.marke-shrink .main-header-menu > .menu-item,
body.marke-shrink .main-header-menu > .menu-item > .menu-link,
.marke-shrink .main-header-menu .menu-link{line-height:64px !important}
.marke-shrink .site-header-primary-section-left,
.marke-shrink .site-header-primary-section-right,
.marke-shrink .ast-builder-layout-element,
.marke-shrink .site-header-section,
.marke-shrink [data-section="title_tagline"]{padding-top:0 !important;padding-bottom:0 !important}
/* De balkhoogte zit in de site-branding-padding (17px in rust → logo 46 + 34 = 80px).
   Bij scroll knijpen we die padding tot 9px → balk ~64px, terwijl het logo 46px blijft. */
.site-branding.ast-site-identity{transition:padding .3s ease}
.marke-shrink .site-branding.ast-site-identity{padding-top:9px !important;padding-bottom:9px !important}
/* logo behoudt bewust zijn rustgrootte — GEEN height-reductie bij scroll */
.marke-shrink .custom-logo{height:46px !important}

/* hero sluit direct aan op de header — geen witruimte ertussen */
.page .entry-header,.single-dienst .entry-header{display:none !important}
.page .site-content > .ast-container,
.page #content,
.page .site-content{padding-top:0 !important;margin-top:0 !important}
.page .ast-article-single,
.page .ast-article-post,
.page .entry-content,.single-dienst .entry-content{margin-top:0 !important;padding-top:0 !important}
.page .entry-content > .alignfull:first-child,.single-dienst .entry-content > .alignfull:first-child{margin-top:0 !important}

/* gap header→hero: ook plain-container padding + alle content-wrappers wegnemen */
.ast-plain-container.ast-no-sidebar .site-content > .ast-container,
.page .site-content > .ast-container,
.page #primary,.page #main,.page .site-main,
.page .ast-article-single{padding-top:0 !important;margin-top:0 !important}

/* ── page-hero (inner pages, korter dan home-hero) ─────────────────── */
.marke-phero.wp-block-cover{min-height:440px;align-items:flex-end;color:#fff}
.marke-phero .wp-block-cover__inner-container{max-width:var(--maxw);width:100%;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem) clamp(2.5rem,5vh,4rem)}
.marke-phero h1{color:#fff;font-size:clamp(2.4rem,5vw,4rem);max-width:18ch}
.marke-phero p{color:rgba(255,255,255,.92);max-width:48ch}
.marke-phero .wp-block-cover__inner-container :is(h1,p,.marke-eyebrow){color:#fff !important}
.marke-phero .wp-block-cover__background{background:linear-gradient(to top,rgba(20,16,12,.7) 0%,rgba(20,16,12,.15) 60%,rgba(20,16,12,.12) 100%)!important;opacity:1!important}
.marke-phero .marke-eyebrow.has-pill{background:rgba(20,16,12,.34) !important;border-color:rgba(255,255,255,.35) !important}
/* kruimelpad-link op hero: wit i.p.v. mos-groen (donker op donker) */
.marke-phero .marke-eyebrow a,.marke-hero .marke-eyebrow a{color:#fff !important;text-decoration:underline;text-underline-offset:2px;opacity:.9}
.marke-phero .marke-eyebrow a:hover,.marke-hero .marke-eyebrow a:hover{opacity:1}

/* card-subtitel + link */
.marke-card__body .marke-sub{font-size:.85rem;color:var(--turf-2);margin:.2rem 0 .6rem}
.marke-card__body .marke-cardlink{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.88rem;color:var(--mos);margin-top:1rem}

/* ── villa-detail patronen ─────────────────────────────────────────── */
.marke-specbar{display:flex;flex-wrap:wrap;gap:.7rem 2rem;margin:1rem 0 0}
.marke-specbar .marke-ico{display:inline-block;width:20px;height:20px;background:var(--mos);vertical-align:-4px;margin-right:.4rem;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.marke-specbar span{font-size:.92rem;color:var(--turf-2)}
.marke-specbar b{color:var(--turf)}
/* Familiepad-kaart: specbar gestapeld in de kaart, geen foto */
.marke-routecard .marke-card__body{padding:1.6rem 1.5rem}
.marke-specbar--card{display:flex;flex-direction:column;gap:.5rem;margin:.9rem 0 0}
.marke-specbar--card span{font-size:.9rem;color:var(--turf-2)}
.marke-specbar--card .marke-ico{width:18px;height:18px}
/* Uit eten — losse mini-kaarten, overal gelijke breedte (kaarttaal van de site) */
.marke-eatlist{display:grid!important;gap:14px;margin-top:1.6rem}
.marke-eatlist.cols-5{grid-template-columns:repeat(5,1fr)}
/* 4 kaarten op dezelfde breedte als de 5-koloms (geen spookkolom), links uitgelijnd */
.marke-eatlist.cols-4{grid-template-columns:repeat(4,calc((100% - 56px)/5));justify-content:start}
@media(max-width:1080px){.marke-eatlist.cols-5,.marke-eatlist.cols-4{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:760px){.marke-eatlist{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:480px){.marke-eatlist{grid-template-columns:1fr!important}}
.marke-eat{position:relative;background:#fff;border:1px solid var(--veil);border-radius:8px;padding:1.15rem 1.3rem;transition:transform .4s cubic-bezier(.32,.72,0,1),box-shadow .4s cubic-bezier(.32,.72,0,1),border-color .4s ease}
.marke-eat>*{position:static}
.marke-eat h4{font-size:1.1rem;margin:0;transition:color .3s ease}
.marke-eat__place{font-size:.72rem!important;letter-spacing:.14em;text-transform:uppercase;color:var(--mos)!important;font-weight:600;margin:.25rem 0 .5rem!important}
.marke-eat p{font-size:.9rem;color:var(--turf-2);margin:0}
.marke-eat__hours,.marke-card__body .marke-eat__hours{font-size:.82rem!important;color:var(--mos)!important;font-style:italic;margin:.45rem 0 0!important}
/* volledig klikbare kaart naar externe site */
.marke-eat .marke-cardlink{position:static}
.marke-eat .marke-cardlink::after{content:"";position:absolute;inset:0;z-index:2}
.marke-eat:has(.marke-cardlink){cursor:pointer}
.marke-eat:has(.marke-cardlink):hover{transform:translateY(-4px);box-shadow:0 18px 36px -24px rgba(39,32,26,.4);border-color:var(--mos)}
.marke-eat:has(.marke-cardlink):hover h4{color:var(--mos)}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* vaste 4-koloms kaartraster (voorkomt 3+1-orphan) */
.marke-cards.is-cols-4{grid-template-columns:repeat(4,1fr)!important}
@media(max-width:1080px){.marke-cards.is-cols-4{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.marke-cards.is-cols-4{grid-template-columns:1fr!important}}
/* Footer — login voor eigenaren */
.marke-footer__owner{margin-top:1rem!important}
.marke-footer__owner a{font-size:.82rem;letter-spacing:.04em;opacity:.85}
.marke-footer__owner a:hover{opacity:1}
/* Over ons — team */
.marke-teamgrid{display:flex;flex-wrap:wrap;gap:3rem;margin-top:1.8rem}
.marke-team{text-align:center;width:200px}
.marke-team .marke-avatar{margin:0 auto .9rem;width:200px;height:200px;border-radius:14px;overflow:hidden}
.marke-team .marke-avatar img{width:200px;height:200px;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.32,.72,0,1)}
.marke-team:hover .marke-avatar img{transform:scale(1.06)}
.marke-team h3{font-size:1.25rem;margin:0}
.marke-team__role{font-size:.78rem!important;letter-spacing:.14em;text-transform:uppercase;color:var(--mos)!important;margin:.3rem 0 0!important}
/* Diensten — info-kaarten, info-grid, prijsregels */
.marke-info{background:#fff;border:1px solid var(--veil);border-radius:10px;padding:1.4rem 1.5rem;margin:1rem 0 0}
.marke-info h3{font-size:1.12rem;margin:0 0 .5rem}
.marke-info p{font-size:.92rem;color:var(--turf-2);margin:0 0 .6rem;line-height:1.55}
.marke-info p:last-child{margin-bottom:0}
.marke-infogrid{display:grid!important;gap:14px;margin-top:1.4rem}
.marke-infogrid.is-2{grid-template-columns:repeat(2,1fr)}
.marke-infogrid.is-3{grid-template-columns:repeat(3,1fr)}
.marke-infogrid.is-4{grid-template-columns:repeat(4,1fr)}
.marke-infogrid.is-5{grid-template-columns:repeat(5,1fr)}
.marke-infogrid>.marke-info{margin:0}
@media(max-width:1080px){.marke-infogrid.is-3,.marke-infogrid.is-4,.marke-infogrid.is-5{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:680px){.marke-infogrid{grid-template-columns:1fr!important}}
.marke-price{border-bottom:1px solid var(--veil);padding:1rem 0}
.marke-price:first-of-type{border-top:1px solid var(--veil)}
.marke-price__row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.marke-price__name{font-weight:600;color:var(--turf);margin:0;font-size:1rem}
.marke-price__amt{margin:0;color:var(--mos);font-weight:600;white-space:nowrap;font-family:var(--serif)}
.marke-price .marke-eat__hours{margin:.3rem 0 0!important}
/* Privé wellness — villatype-kaart met speclijst */
.marke-wvilla .marke-card__body{padding:1.5rem 1.5rem 1.7rem}
.marke-speclist{list-style:none;margin:1rem 0 1.2rem;padding:0}
.marke-speclist li{position:relative;padding-left:1.4rem;margin:.5rem 0;font-size:.9rem;color:var(--turf-2);line-height:1.45}
.marke-speclist li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;background:var(--mos)}
/* Faciliteiten — icoonkaarten (ABC), vaste koloms responsief */
.marke-facgrid{display:grid!important;gap:14px;margin-top:1.4rem}
.marke-facgrid.is-5{grid-template-columns:repeat(5,1fr)}
.marke-facgrid.is-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1080px){.marke-facgrid.is-5,.marke-facgrid.is-4{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:720px){.marke-facgrid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:460px){.marke-facgrid{grid-template-columns:1fr!important}}
.marke-fac{position:relative;background:#fff;border:1px solid var(--veil);border-radius:10px;padding:1.5rem 1.4rem;transition:transform .4s cubic-bezier(.32,.72,0,1),box-shadow .4s ease,border-color .4s ease}
.marke-fac>*{position:static}
.marke-fac:has(.marke-cardlink){cursor:pointer}
.marke-fac:hover{transform:translateY(-4px);box-shadow:0 18px 36px -24px rgba(39,32,26,.4);border-color:var(--mos)}
.marke-fac:hover h3{color:var(--mos)}
.marke-fac__ico{display:block;width:32px;height:32px;background:var(--mos);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat;margin-bottom:.9rem}
.marke-fac h3{font-size:1.1rem;margin:0 0 .4rem}
.marke-fac p{font-size:.87rem;color:var(--turf-2);margin:0}
.marke-fac .marke-cardlink{position:absolute;inset:0;font-size:0;z-index:2}
/* Gastenservice-paneel */
.marke-service{background:var(--paper);border:1px solid var(--veil);border-radius:12px;padding:clamp(1.6rem,3vw,2.4rem)}
.marke-service__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:1.2rem}
@media(max-width:760px){.marke-service__grid{grid-template-columns:1fr}}
.marke-service__item h4{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mos);margin:0 0 .4rem}
.marke-service__item p{margin:0;color:var(--turf-2);font-size:.95rem}
.marke-service__item a{color:var(--turf);font-weight:500}
/* "Leuk om te doen"-tip */
.marke-tip{font-size:.92rem!important;color:var(--mos)!important;border-left:3px solid var(--mos);padding:.2rem 0 .2rem 1rem;margin:.6rem 0 1rem!important;font-style:italic}
.marke-detailgrid{display:grid;gap:clamp(2rem,5vw,4rem);grid-template-columns:1fr;align-items:start}
@media(min-width:920px){.marke-detailgrid{grid-template-columns:1.7fr .9fr}}
.marke-detailgrid.is-layout-grid>*{max-width:none!important;margin:0!important}
.marke-amen{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem 1.5rem}
@media(min-width:560px){.marke-amen{grid-template-columns:repeat(3,1fr)}}
.marke-amen .marke-ico{display:inline-block;width:22px;height:22px;background:var(--mos);vertical-align:-5px;margin-right:.5rem;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.marke-amen p{font-size:.92rem;color:var(--turf);margin:0}
.marke-bookcard{position:sticky;top:90px;background:var(--paper);border:1px solid var(--veil);border-radius:14px;padding:1.6rem;box-shadow:0 18px 40px -28px rgba(39,32,26,.35)}
.marke-bookcard .marke-price{font-family:var(--serif);font-size:2rem;line-height:1;color:var(--turf)}
.marke-bookcard .wp-block-button__link{width:100%;text-align:center;display:block;margin-top:1rem}
.marke-gallery.wp-block-gallery{gap:.7rem !important}

/* extra icoontjes voor villa-detail */
.marke-ico--users{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}
.marke-ico--bed{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4v16'/%3E%3Cpath d='M2 8h18a2 2 0 0 1 2 2v10'/%3E%3Cpath d='M2 17h20'/%3E%3Cpath d='M6 8v9'/%3E%3C/svg%3E")}
.marke-ico--ruler{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 3 3 21M21 3v6M21 3h-6M3 21v-6M3 21h6'/%3E%3C/svg%3E")}
.marke-ico--flame{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.07-2.14-.22-4.05 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.15.43-2.29 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E")}
.marke-ico--waves{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5s2.4 2 5 2 2.5-2 5-2c1.3 0 1.9.5 2.5 1'/%3E%3Cpath d='M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2s2.4 2 5 2 2.5-2 5-2c1.3 0 1.9.5 2.5 1'/%3E%3Cpath d='M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2s2.4 2 5 2 2.5-2 5-2c1.3 0 1.9.5 2.5 1'/%3E%3C/svg%3E")}
.marke-ico--wifi{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h.01'/%3E%3Cpath d='M2 8.82a15 15 0 0 1 20 0'/%3E%3Cpath d='M5 12.86a10 10 0 0 1 14 0'/%3E%3Cpath d='M8.5 16.43a5 5 0 0 1 7 0'/%3E%3C/svg%3E")}
.marke-ico--utensils{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 3v6a2 2 0 0 0 4 0V3'/%3E%3Cpath d='M6 11v10'/%3E%3Cpath d='M16 11h4V5a2 2 0 0 0-2-2c-1.2 0-2 1.6-2 4z'/%3E%3Cpath d='M18 11v10'/%3E%3C/svg%3E")}
.marke-ico--plug{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22v-5'/%3E%3Cpath d='M9 8V2'/%3E%3Cpath d='M15 8V2'/%3E%3Cpath d='M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z'/%3E%3C/svg%3E")}
.marke-ico--key{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3Cpath d='m21 2-9.6 9.6'/%3E%3Cpath d='m15.5 7.5 3 3L22 7l-3-3'/%3E%3C/svg%3E")}
.marke-ico--bike{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18.5' cy='17.5' r='3.5'/%3E%3Ccircle cx='5.5' cy='17.5' r='3.5'/%3E%3Ccircle cx='15' cy='5' r='1'/%3E%3Cpath d='M12 17.5V14l-3-3 4-3 2 3h2'/%3E%3C/svg%3E")}
.marke-ico--clipboard{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M12 11h4'/%3E%3Cpath d='M12 16h4'/%3E%3Cpath d='M8 11h.01'/%3E%3Cpath d='M8 16h.01'/%3E%3C/svg%3E")}
.marke-ico--baby{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 12h.01'/%3E%3Cpath d='M15 12h.01'/%3E%3Cpath d='M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5'/%3E%3Cpath d='M19 6.3a9 9 0 0 1 1.8 3.9 2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3'/%3E%3C/svg%3E")}
.marke-ico--leaf{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'/%3E%3C/svg%3E")}
.marke-ico--book{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E")}
.marke-ico--map{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3 3.5 5.2A1 1 0 0 0 3 6.1v13.4a.5.5 0 0 0 .7.5L9 18l6 3 5.5-2.2a1 1 0 0 0 .5-.9V4.5a.5.5 0 0 0-.7-.5L15 6z'/%3E%3Cpath d='M9 3v15'/%3E%3Cpath d='M15 6v15'/%3E%3C/svg%3E")}
.marke-ico--sparkles{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .962 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.962 0z'/%3E%3C/svg%3E")}
.marke-ico--coffee{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2v2'/%3E%3Cpath d='M14 2v2'/%3E%3Cpath d='M6 2v2'/%3E%3Cpath d='M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1'/%3E%3C/svg%3E")}

/* villa-detail: forceer exact 2 kolommen (core auto-fill grid overschrijven) */
.marke-detailgrid.is-layout-grid{grid-template-columns:1fr !important;gap:clamp(2rem,5vw,4rem) !important}
@media(min-width:920px){.marke-detailgrid.is-layout-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,.9fr) !important}}

/* mobiel off-canvas menu in huisstijl (consistent met desktop) */
.ast-mobile-popup-drawer .ast-mobile-popup-inner,.ast-mobile-popup-content{background:var(--linnen) !important}
.ast-mobile-popup-content .menu-link,.ast-mobile-popup-drawer .menu-link{color:var(--turf) !important;font-family:var(--sans) !important;font-weight:500}
.ast-mobile-popup-content .menu-item{border-bottom:1px solid var(--veil)}
.ast-mobile-popup-drawer .menu-toggle-close{color:var(--turf) !important}
.ast-mobile-popup-drawer .ast-mobile-popup-header{border-bottom:1px solid var(--veil)}
/* tijdelijk forceren-open voor screenshot */
.marke-force-mobilemenu .ast-mobile-popup-drawer{display:block !important;visibility:visible !important;opacity:1 !important}
.marke-force-mobilemenu .ast-mobile-popup-inner{transform:none !important}

/* ── Erop uit: cover-tegelraster (titel over foto, tekst bij hover) ── */
.marke-tile-grid.is-layout-grid{grid-template-columns:repeat(4,1fr) !important;grid-auto-flow:dense;gap:1rem !important;max-width:var(--maxw);margin-inline:auto}
.marke-tile-grid.is-layout-grid>*{max-width:none !important;margin:0 !important}
@media(max-width:1024px){.marke-tile-grid.is-layout-grid{grid-template-columns:repeat(2,1fr) !important}}
@media(max-width:600px){.marke-tile-grid.is-layout-grid{grid-template-columns:1fr !important}}
.marke-tile.wp-block-cover{min-height:300px;height:300px;overflow:hidden;border-radius:6px}
.marke-tile .wp-block-cover__inner-container{position:absolute;inset:0;width:auto;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;gap:.45rem;padding:1.2rem;background:linear-gradient(to top,rgba(20,16,12,.6) 0%,rgba(20,16,12,.12) 42%,transparent 72%)}
.marke-tile .marke-tile__text{order:1;opacity:0;color:#fff;transition:opacity .35s ease}
.marke-tile .marke-tile__text p{color:#fff;font-size:.84rem;line-height:1.4;margin:0}
.marke-tile .marke-tile__title{order:2;margin:0;line-height:1.2}
.marke-tile .marke-tile__title a,.marke-tile .marke-tile__title{color:#fff !important;text-decoration:none;text-shadow:0 1px 6px rgba(0,0,0,.55);font-size:1.15rem}
.marke-tile:is(:hover,:focus-within) .marke-tile__text{opacity:1}
.marke-tile .wp-block-cover__background.has-background-dim{opacity:0;transition:opacity .35s ease}
.marke-tile:is(:hover,:focus-within) .wp-block-cover__background.has-background-dim{opacity:.6}
@media(hover:none){.marke-tile .marke-tile__text{opacity:1}.marke-tile .wp-block-cover__background.has-background-dim{opacity:.5}}

/* ============ FIX: geen donkere overlay over foto's ============ */
/* hero + page-hero: lichte bodem-gradient ALLEEN voor tekst, foto blijft helder */
.marke-hero .wp-block-cover__background,
.marke-phero .wp-block-cover__background{
  background:linear-gradient(to top,rgba(12,10,7,.5) 0%,rgba(12,10,7,.12) 26%,rgba(12,10,7,0) 46%) !important;
  opacity:1 !important}
.marke-hero :is(h1,p),.marke-phero :is(h1,p){text-shadow:0 2px 18px rgba(0,0,0,.5)}
/* "kracht van Oer"-band: lichter, foto laten ademen */
.marke-band .wp-block-cover__background.has-background-dim{
  background:linear-gradient(90deg,rgba(18,24,15,.5) 0%,rgba(18,24,15,.12) 50%,rgba(18,24,15,0) 100%) !important;opacity:1 !important}
.marke-band :is(h2,p,.marke-eyebrow){text-shadow:0 2px 14px rgba(0,0,0,.4)}

/* ============ Erop uit: speels masonry, foto-kaarten + accent-kaarten ============ */
.marke-masonry{column-count:3;column-gap:1.25rem;max-width:var(--maxw);margin-inline:auto}
@media(max-width:980px){.marke-masonry{column-count:2}}
@media(max-width:600px){.marke-masonry{column-count:1}}
.marke-masonry>*{break-inside:avoid;margin:0 0 1.25rem !important;max-width:none !important}
/* foto-kaart: schone foto + leesbare lichte body */
.marke-masonry .marke-card{background:var(--paper);border:1px solid var(--veil);border-radius:8px;overflow:hidden}
.marke-masonry .marke-card .wp-block-image{margin:0;aspect-ratio:auto;overflow:hidden}
.marke-masonry .marke-card .wp-block-image img{width:100%;display:block}
/* accent-kaart (foto-loze drenthe-categorie): groen vlak, geen foto */
.marke-accent{background:var(--mos);border-radius:8px;padding:1.6rem 1.5rem;color:#fff}
.marke-accent h3{color:#fff;margin:0 0 .4rem}
.marke-accent p{color:rgba(255,255,255,.85);font-size:.9rem;margin:0 0 .8rem}
.marke-accent a{display:inline-flex;align-items:center;gap:.4rem;color:#fff !important;font-weight:600;font-size:.9rem}
.marke-accent--alt{background:var(--mos-deep)}

/* hero's ~50% hoger zodat de foto's beter tot hun recht komen */
.marke-hero.wp-block-cover{min-height:1000px !important}
.marke-phero.wp-block-cover{min-height:660px !important}
@media(max-width:768px){.marke-hero.wp-block-cover{min-height:600px !important}.marke-phero.wp-block-cover{min-height:480px !important}}

/* hero-tekst en gradient laten matchen: gradient omhoog tot achter de tekst + tekst iets lager */
.marke-hero .wp-block-cover__background,
.marke-phero .wp-block-cover__background{
  background:linear-gradient(to top,rgba(10,8,5,.6) 0%,rgba(10,8,5,.46) 14%,rgba(10,8,5,.22) 30%,rgba(10,8,5,.05) 42%,transparent 50%) !important;
  opacity:1 !important}
.marke-hero .wp-block-cover__inner-container{padding-bottom:clamp(2rem,4vh,3.25rem) !important}
.marke-phero .wp-block-cover__inner-container{padding-bottom:clamp(1.5rem,3vh,2.5rem) !important}

/* ── kaarten volledig klikbaar (stretched-link) ────────────────────── */
.marke-card,.marke-accent{position:relative}
.marke-card .marke-cardlink::after,
.marke-accent a::after{content:"";position:absolute;inset:0;z-index:2}
/* handje alleen op kaarten die echt een link bevatten */
.marke-card:has(.marke-cardlink),.marke-accent:has(a){cursor:pointer}
.marke-card:hover .marke-cardlink,.marke-accent:hover a{text-decoration:underline}
/* zorg dat de kaart-hover-lift ook geldt voor de omgeving/erop-uit-kaarten */
.marke-card{transition:transform .45s cubic-bezier(.32,.72,0,1),box-shadow .45s cubic-bezier(.32,.72,0,1)}
.marke-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(39,32,26,.4)}
.marke-accent{transition:transform .45s cubic-bezier(.32,.72,0,1)}
.marke-accent:hover{transform:translateY(-4px)}

/* stretched-link fix: alleen de kaart zelf is de positie-referentie */
.marke-card{position:relative !important}
.marke-card .marke-card__body,.marke-card figure,.marke-card .wp-block-image{position:static !important}
.marke-card .marke-cardlink::after{content:"";position:absolute;inset:0;z-index:3}
.marke-accent{position:relative !important}
.marke-accent>*{position:static !important}
.marke-accent a::after{content:"";position:absolute;inset:0;z-index:3}
/* Lead-foto: volledige 3:2-verhouding, niets afsnijden */
.marke-leadimg img{width:100%;height:auto;border-radius:10px;display:block}
/* Villagalerij — net raster van 3:2-tegels, klikbaar naar volle foto */
.marke-villagal.wp-block-gallery{gap:10px;margin-top:14px}
.marke-villagal.wp-block-gallery .wp-block-image{margin:0}
.marke-villagal.wp-block-gallery .wp-block-image img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px;display:block}
@media(max-width:600px){.marke-villagal.wp-block-gallery{grid-template-columns:repeat(2,1fr)!important}}
/* Plattegronden — lijntekeningen op licht vlak */
.marke-plans{gap:14px!important;margin-top:10px}
.marke-plans .wp-block-image{margin:0}
.marke-plans .wp-block-image img{width:100%;height:auto;background:#fff;border:1px solid var(--veil);border-radius:8px;padding:10px}
.marke-plans .wp-element-caption{margin-top:6px;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--turf-2);text-align:center}
/* Parkplattegrond-afbeelding */
.marke-mapimg img{width:100%;height:auto;border-radius:12px;border:1px solid var(--veil);display:block}

/* ── CF7 bestelformulieren ──────────────────────────────────────────── */
.wpcf7{margin-top:1.4rem}
.marke-form__intro{color:var(--turf-2);font-size:.95rem;margin:0 0 1.6rem}
.marke-form__group{background:#fff;border:1px solid var(--veil);border-radius:12px;padding:1.5rem 1.6rem;margin-bottom:1.2rem}
.marke-form__group h3{margin:0 0 1rem;font-size:1.15rem}
.marke-form__qtygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem 1.4rem}
@media(max-width:760px){.marke-form__qtygrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.marke-form__qtygrid{grid-template-columns:1fr}}
.marke-qty{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.9rem;color:var(--turf);border-bottom:1px solid var(--linnen);padding:.35rem 0}
.marke-qty span{flex:1}
.marke-qty input[type=number]{width:64px;flex:none}
.marke-form__row{display:flex;flex-wrap:wrap;gap:1rem}
.marke-form__row .marke-field{flex:1;min-width:200px}
.marke-field{display:block;margin:.2rem 0 .9rem}
.marke-field>span{display:block;font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--turf);margin-bottom:.35rem}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=number],.wpcf7 input[type=date],.wpcf7 textarea{
  width:100%;font-family:var(--sans);font-size:.95rem;color:var(--turf);background:var(--linnen-2);
  border:1px solid var(--veil);border-radius:8px;padding:.6rem .8rem;transition:border-color .25s,box-shadow .25s}
.wpcf7 input:focus,.wpcf7 textarea:focus{outline:none;border-color:var(--mos);box-shadow:0 0 0 3px rgba(76,90,72,.12);background:#fff}
.wpcf7 textarea{min-height:90px;resize:vertical}
.wpcf7 .wpcf7-radio{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
.wpcf7 .wpcf7-list-item{margin:0}
.wpcf7 .wpcf7-list-item label{display:flex;align-items:center;gap:.4rem;font-size:.92rem;color:var(--turf-2);font-weight:400}
.wpcf7 input[type=radio]{accent-color:var(--mos);width:auto}
.wpcf7-submit{background:var(--mos);color:#fff;border:none;border-radius:999px;font-family:var(--sans);font-weight:600;
  padding:.85rem 2rem;font-size:1rem;cursor:pointer;transition:transform .4s cubic-bezier(.32,.72,0,1),background .3s;margin-top:.5rem}
.wpcf7-submit:hover{background:var(--mos-deep);transform:translateY(-1px)}
.wpcf7-response-output{border-radius:8px;margin:1rem 0 0!important;padding:.8rem 1rem!important;font-size:.92rem}
.wpcf7 .wpcf7-not-valid-tip{color:#b3261e;font-size:.8rem}

/* product-/render-beelden (wit, niet croppen) */
.marke-prodcard .wp-block-image{aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center}
.marke-prodcard .marke-prodimg img{width:100%;height:100%;object-fit:contain;padding:1.2rem;transition:transform .8s cubic-bezier(.32,.72,0,1)}
.marke-prodcard .marke-card__body{text-align:center}
.marke-prodcard .marke-price__amt{font-size:1.15rem;margin:.3rem 0 0!important}

/* Fietsverhuur — productregels in formulier (foto + naam + prijs + aantal) */
.marke-bikelist{display:flex;flex-direction:column;gap:12px;margin:0 0 1.6rem}
.marke-bikerow{display:flex;align-items:center;gap:1.4rem;background:#fff;border:1px solid var(--veil);border-radius:12px;padding:1rem 1.2rem;overflow:visible}
.marke-bikerow__img{width:150px;height:112px;object-fit:contain;flex:none;background:var(--linnen-2);border-radius:8px;transition:transform .45s cubic-bezier(.32,.72,0,1),box-shadow .45s ease;transform-origin:left center;cursor:zoom-in}
.marke-bikerow:hover .marke-bikerow__img{transform:scale(2.1);box-shadow:0 26px 50px -18px rgba(39,32,26,.45);position:relative;z-index:6;background:#fff}
.marke-bikerow__info{flex:1;min-width:130px}
.marke-bikerow__info h4{margin:0;font-size:1.12rem}
.marke-bikerow__price{font-family:var(--serif);color:var(--mos);font-weight:600;font-size:1rem}
.marke-bikerow__qty{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}
.marke-qtyf{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.72rem;color:var(--turf-2);font-weight:600}
.marke-bikerow__qty input[type=number]{width:58px;height:44px;text-align:center;padding:.4rem;line-height:1.2}
@media(max-width:680px){.marke-bikerow{flex-wrap:wrap}.marke-bikerow__img{width:120px;height:90px}.marke-bikerow__qty{justify-content:flex-start;width:100%}}
/* algemene aantal-velden: 0 volledig zichtbaar */
.wpcf7 input[type=number]{min-height:44px;line-height:1.2}
/* dinerservice-kaart: leverancierlogo + bestel-link */
.marke-dinercard__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--veil)}
.marke-vendorlogo{height:34px;width:auto;max-width:120px;object-fit:contain}
.marke-orderlink{font-weight:600;font-size:.9rem;white-space:nowrap}
/* Gastenservice team-avatars */
.marke-service__team{display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:1.6rem}
.marke-service__person{display:flex;align-items:center;gap:.8rem}
.marke-service__person img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.marke-service__person strong{display:block;font-size:1rem;color:var(--turf)}
.marke-service__person span{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mos)}

/* Over ons — professionele partners + formulierkaart */
.marke-partners{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2.5rem 3.5rem;margin-top:1.8rem;padding:2rem;background:#fff;border:1px solid var(--veil);border-radius:12px}
.marke-partner img{height:54px;width:auto;max-width:160px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .3s,opacity .3s}
.marke-partner:hover img{filter:none;opacity:1}
.marke-formcard{background:#fff;border:1px solid var(--veil);border-radius:12px;padding:clamp(1.6rem,3vw,2.4rem);margin-top:1.6rem;max-width:720px}
.marke-formcard h3{margin:0 0 1.2rem;font-size:1.2rem}

/* dinerservice — chef-portret in kaartvoet */
.marke-dinercard__who{display:flex;align-items:center;gap:.6rem}
.marke-portrait{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}
.marke-dinercard__who span{display:flex;flex-direction:column;line-height:1.2;font-size:.9rem;font-weight:600;color:var(--turf)}
.marke-dinercard__who span small{font-size:.74rem;font-weight:400;color:var(--mos);letter-spacing:.02em}
/* faciliteit-fotokaart: icoon-badge over de foto */
.marke-faccard .marke-fac__ico{width:26px;height:26px;margin:0 0 .5rem}

/* hover-lift op info-/duurzaam-tegels (consistent met de andere kaarten) */
.marke-info{transition:transform .45s cubic-bezier(.32,.72,0,1),box-shadow .45s ease,border-color .4s ease}
.marke-info:hover{transform:translateY(-4px);box-shadow:0 20px 40px -26px rgba(39,32,26,.4);border-color:var(--mos)}
.marke-info__claim{font-weight:600;color:var(--turf)!important;margin:0 0 .5rem!important}
/* partner-logo als link */
a.marke-partner{display:inline-flex;align-items:center}

/* USP-tegels: alles links uitlijnen (icoon volgde de tekst niet) */
.marke-usp{text-align:left}
.marke-usp .marke-ico{margin-left:0!important;margin-right:auto!important}
/* reviews: hover-lift (consistent met andere kaarten) */
.marke-review{transition:transform .45s cubic-bezier(.32,.72,0,1),box-shadow .45s ease,border-color .4s ease}
.marke-review:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(39,32,26,.4);border-color:var(--mos)}
/* split-foto exact op de H2-tekst: h2-topmarge weg, eyebrow vaste marge, foto-padding = eyebrow-blok */
.marke-split .marke-eyebrow{margin:0 0 .6rem}
.marke-split .marke-lead{margin-top:0!important}
@media(min-width:769px){.marke-splitimg{padding-top:1.7rem}}

/* USP-strip: 3 koloms (2 rijen bij 6), responsief */
.marke-usps.is-layout-grid{grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}
@media(max-width:860px){.marke-usps.is-layout-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:520px){.marke-usps.is-layout-grid{grid-template-columns:1fr!important}}

/* Dienst-CPT: zelfde full-width/plain-gedrag als pagina's (hero tot de viewport) */
.single-dienst .site-content > .ast-container{max-width:100%!important;padding-left:0!important;padding-right:0!important}
.single-dienst.ast-separate-container #primary,
.single-dienst.ast-separate-container .ast-article-single{background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important;margin:0!important}
.single-dienst .entry-content{margin-top:0!important}

/* ── Datepicker (restrict-date CF7) in Marke-stijl ──────────────────────
   Klantfeedback Afke 2026-06: bestelformulieren met datumrestricties.
   De jQuery-UI-datepicker krijgt de Marke-huisstijl i.p.v. de kale default. */
.wpcf7-date_restrict{font-family:var(--sans);cursor:pointer;background:#fff}
.wpcf7-date_restrict:focus{outline:none;border-color:var(--turf);box-shadow:0 0 0 3px rgba(76,90,72,.15)}
#ui-datepicker-div.ui-datepicker{
  font-family:var(--sans);font-size:.9rem;border:1px solid var(--veil);
  background:var(--linnen);border-radius:12px;padding:.55rem;
  box-shadow:0 16px 46px -16px rgba(39,32,26,.4);z-index:100000}
#ui-datepicker-div .ui-datepicker-header{background:transparent;border:0;padding:.15rem 0 .4rem}
#ui-datepicker-div .ui-datepicker-title{font-weight:600;color:var(--turf)}
#ui-datepicker-div .ui-datepicker-title select{
  font-family:var(--sans);color:var(--turf);border:1px solid var(--veil);
  border-radius:6px;padding:.15rem .3rem;background:#fff;margin:0 .15rem}
#ui-datepicker-div .ui-datepicker-prev,#ui-datepicker-div .ui-datepicker-next{cursor:pointer;top:.35rem}
#ui-datepicker-div .ui-datepicker-prev span,#ui-datepicker-div .ui-datepicker-next span{
  background-image:none;text-indent:0;overflow:visible;left:auto;margin:0;
  font-size:0;color:var(--turf)}
#ui-datepicker-div .ui-datepicker-prev span::before{content:"‹";font-size:1.3rem;line-height:1}
#ui-datepicker-div .ui-datepicker-next span::before{content:"›";font-size:1.3rem;line-height:1}
#ui-datepicker-div .ui-datepicker-calendar{margin:0}
#ui-datepicker-div .ui-datepicker-calendar th{color:var(--mos);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:.3rem 0}
#ui-datepicker-div .ui-datepicker-calendar td{padding:2px}
#ui-datepicker-div .ui-datepicker-calendar td a,
#ui-datepicker-div .ui-datepicker-calendar td span{
  text-align:center;border-radius:7px;padding:.4rem 0;border:1px solid transparent;background:none;font-weight:500}
#ui-datepicker-div .ui-datepicker-calendar td a{color:var(--turf);background:#fff;border-color:var(--veil)}
#ui-datepicker-div .ui-datepicker-calendar td a:hover{background:var(--mos);color:#fff;border-color:var(--mos)}
#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active,
#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-highlight{background:var(--turf);color:#fff;border-color:var(--turf)}
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-unselectable span{color:rgba(39,32,26,.28);background:transparent}

/* ============================================================
   "Voor eigenaren" / intern (page-id 21506)
   Rustig, editorial; bouwt op bestaande Marke Rust-tokens.
   Eén accent (mos), warm-neutrale basis, getinte schaduwen,
   vloeiende transitions. Alles gescoped op .page-id-21506.
   ============================================================ */
.page-id-21506 .entry-content{max-width:860px;margin-inline:auto}
.page-id-21506 .entry-content > *{margin-block:1.15rem}

/* Lead-alinea (intro) */
.page-id-21506 .entry-content > p:first-of-type{
  font-size:1.18rem;line-height:1.6;color:var(--turf-2);
  border-left:3px solid var(--mos);padding-left:1.1rem;margin-bottom:2rem}

/* Sectiekoppen H2 */
.page-id-21506 .entry-content h2{
  font-size:1.9rem;margin-top:3rem;padding-top:1.6rem;
  border-top:1px solid var(--veil);position:relative}
.page-id-21506 .entry-content h2::before{
  content:"";position:absolute;top:-1px;left:0;width:56px;height:3px;background:var(--mos)}

/* Categorie-koppen H3 */
.page-id-21506 .entry-content h3{
  font-family:var(--sans);font-size:.8rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--mos);
  margin-top:2rem;margin-bottom:.6rem}

/* --- Documentenlijsten: rijen met divider i.p.v. bullets --- */
.page-id-21506 .entry-content h3 + ul.wp-block-list{list-style:none;margin:0;padding:0}
.page-id-21506 .entry-content h3 + ul.wp-block-list li{
  margin:0;border-bottom:1px solid var(--veil)}
.page-id-21506 .entry-content h3 + ul.wp-block-list li a{
  display:flex;align-items:center;gap:.7rem;padding:.72rem .4rem;
  color:var(--turf);text-decoration:none;font-weight:500;font-size:.98rem;
  transition:color .3s cubic-bezier(.16,1,.3,1),padding-left .3s cubic-bezier(.16,1,.3,1)}
.page-id-21506 .entry-content h3 + ul.wp-block-list li a::before{
  content:"";flex:0 0 auto;width:18px;height:18px;background:var(--mos);
  -webkit-mask:var(--doc-ico) center/contain no-repeat;mask:var(--doc-ico) center/contain no-repeat;
  opacity:.75;transition:opacity .3s}
.page-id-21506 .entry-content h3 + ul.wp-block-list li a::after{
  content:"";margin-left:auto;width:15px;height:15px;background:var(--turf-2);
  -webkit-mask:var(--arw-ico) center/contain no-repeat;mask:var(--arw-ico) center/contain no-repeat;
  opacity:0;transform:translateX(-4px);transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1)}
.page-id-21506 .entry-content h3 + ul.wp-block-list li a:hover{color:var(--mos-deep);padding-left:.9rem}
.page-id-21506 .entry-content h3 + ul.wp-block-list li a:hover::before{opacity:1}
.page-id-21506 .entry-content h3 + ul.wp-block-list li a:hover::after{opacity:.9;transform:translateX(0)}
:root{
  --doc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3C/svg%3E");
  --arw-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E");
}

/* Knoppengroep (visie/historie/duurzaamheid) */
.page-id-21506 .entry-content .wp-block-buttons{gap:.7rem;margin:1.4rem 0}

/* --- Accordeons (Informatie) --- */
.page-id-21506 .entry-content .wp-block-details{
  border:1px solid var(--veil);border-radius:14px;background:var(--paper);
  margin:.55rem 0;overflow:hidden;
  transition:border-color .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}
.page-id-21506 .entry-content .wp-block-details summary{
  list-style:none;cursor:pointer;padding:1rem 1.25rem;
  font-family:var(--sans);font-weight:600;font-size:1.02rem;color:var(--turf);
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  transition:color .3s,background .3s}
.page-id-21506 .entry-content .wp-block-details summary::-webkit-details-marker{display:none}
.page-id-21506 .entry-content .wp-block-details summary::after{
  content:"";flex:0 0 auto;width:20px;height:20px;background:var(--mos);
  -webkit-mask:var(--chev-ico) center/contain no-repeat;mask:var(--chev-ico) center/contain no-repeat;
  transition:transform .35s cubic-bezier(.16,1,.3,1)}
.page-id-21506 .entry-content .wp-block-details summary:hover{background:var(--linnen-2);color:var(--mos-deep)}
.page-id-21506 .entry-content .wp-block-details[open]{border-color:var(--mos);box-shadow:0 18px 40px -28px rgba(39,32,26,.45)}
.page-id-21506 .entry-content .wp-block-details[open] summary{color:var(--mos-deep);border-bottom:1px solid var(--veil)}
.page-id-21506 .entry-content .wp-block-details[open] summary::after{transform:rotate(180deg)}
.page-id-21506 .entry-content .wp-block-details summary:focus-visible{outline:2px solid var(--mos);outline-offset:2px;border-radius:10px}
/* body van open accordeon */
.page-id-21506 .entry-content .wp-block-details[open] > *:not(summary){
  animation:markeReveal .4s cubic-bezier(.16,1,.3,1) both}
.page-id-21506 .entry-content .wp-block-details > *:not(summary){margin:1rem 1.25rem}
.page-id-21506 .entry-content .wp-block-details p{color:var(--turf-2);font-size:.97rem;line-height:1.6}
.page-id-21506 .entry-content .wp-block-details ul{color:var(--turf-2);font-size:.97rem}
.page-id-21506 .entry-content .wp-block-details li{margin:.3rem 0}
@keyframes markeReveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
:root{
  --chev-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
@media (prefers-reduced-motion:reduce){
  .page-id-21506 .entry-content .wp-block-details[open] > *:not(summary){animation:none}
}

/* Afbeeldingen in accordeons */
.page-id-21506 .entry-content .wp-block-image img{border-radius:12px;box-shadow:0 16px 34px -24px rgba(39,32,26,.5)}
.page-id-21506 .entry-content .wp-block-details .wp-block-image{margin:1rem auto;max-width:520px}

/* Reviewtabel (Marketing Commissie) */
.page-id-21506 .entry-content .wp-block-table{margin:1rem 0;max-width:420px}
.page-id-21506 .entry-content .wp-block-table table{border-collapse:collapse;width:100%;font-size:.92rem}
.page-id-21506 .entry-content .wp-block-table th{
  background:var(--linnen-2);color:var(--turf);text-align:left;font-family:var(--sans);
  font-weight:600;padding:.55rem .8rem;border-bottom:2px solid var(--veil)}
.page-id-21506 .entry-content .wp-block-table td{padding:.45rem .8rem;border-bottom:1px solid var(--veil);color:var(--turf-2)}
.page-id-21506 .entry-content .wp-block-table td:last-child{color:var(--mos);font-weight:600;text-align:right}

/* Dronebeelden-gallery */
.page-id-21506 .entry-content .wp-block-gallery{gap:.6rem}
.page-id-21506 .entry-content .wp-block-gallery img{border-radius:10px;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.page-id-21506 .entry-content .wp-block-gallery figure:hover img{transform:scale(1.03)}

/* mobiel */
@media (max-width:600px){
  .page-id-21506 .entry-content h2{font-size:1.55rem}
  .page-id-21506 .entry-content > p:first-of-type{font-size:1.06rem}
}