/* Taak 36 · Contentpagina T8 + team T9 (mockups OverOns + Team op het canvas). */

.eo-cp h1,.eo-cp h2,.eo-cp h3{font-family:var(--eo-font-kop);font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;color:var(--eo-navy)}
.eo-cp{background:var(--eo-bg)}

/* Hero: foto met donkere overlay, header ligt erover; zonder foto donkerblauw. */
.eo-cp-hero{position:relative;min-height:440px;display:flex;align-items:flex-end;justify-content:center;text-align:center;color:#fff;padding:160px 20px 72px;overflow:hidden;background:var(--eo-kop-bg)}
.eo-cp-hero--zonder-foto{background:linear-gradient(135deg,var(--eo-blue),var(--eo-navy));min-height:360px}
.eo-cp-hero__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.eo-cp-hero:not(.eo-cp-hero--zonder-foto)::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,21,30,.80) 0%,rgba(18,21,30,.50) 50%,rgba(18,21,30,.62) 100%)}
.eo-cp-hero__in{position:relative;z-index:1;max-width:900px}
.eo-cp .eo-cp-hero h1{color:#fff;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1;margin:0 0 16px;overflow-wrap:anywhere}
.eo-cp-hero .eo-eyebrow,.eo-cp-hero .eo-eyebrow a{color:var(--eo-accent);text-decoration:none}
.eo-cp-hero .eo-eyebrow a:hover{text-decoration:underline}
.eo-cp-hero__sub{font:400 clamp(1.15rem,2.4vw,1.6rem)/1.3 var(--eo-font-kop);color:var(--eo-off);max-width:700px;margin:0 auto}

/* Editorinhoud: leeskolom 780 px; .alignwide 1180 px, .alignfull schermbreed. */
.eo-cp-inhoud{padding:72px 16px;color:#333}
.eo-cp-inhoud>*{max-width:780px;margin-inline:auto}
.eo-cp-inhoud>.alignwide{max-width:var(--eo-container)}
.eo-cp-inhoud>.alignfull{max-width:none;margin-inline:-16px}
.eo-cp-inhoud h2{font-size:clamp(1.6rem,3vw,2.1rem);margin-top:48px;margin-bottom:16px}
.eo-cp-inhoud h3{font-size:1.35rem;margin-top:32px;margin-bottom:12px}
.eo-cp-inhoud a{color:var(--eo-green-dark)}
.eo-cp-inhoud ul,.eo-cp-inhoud ol{padding-left:1.25em}
.eo-cp-inhoud table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.eo-cp-inhoud td,.eo-cp-inhoud th{border:1px solid var(--eo-line);padding:8px 12px;text-align:left;vertical-align:top}
.eo-cp-inhoud img{max-width:100%;height:auto}
.eo-cp-inhoud :is(p,li,td){overflow-wrap:anywhere}

/* Team T9. */
.eo-cp-sectie{padding:72px 0}
.eo-cp-sectie+.eo-cp-sectie:nth-of-type(odd){background:#fff}
.eo-team__chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:48px}
.eo-team .eo-team__chip,.eo-team .eo-team__chip:hover,.eo-team .eo-team__chip:focus{border:1px solid var(--eo-navy);padding:8px 14px;font:600 13px var(--eo-font);background:#fff;min-height:44px;color:var(--eo-navy);cursor:pointer;border-radius:var(--eo-radius)}
.eo-team .eo-team__chip[aria-pressed="true"]{background:var(--eo-navy);color:#fff}
.eo-team .eo-team__chip:hover{border-color:var(--eo-green);color:var(--eo-green-dark)}
.eo-team .eo-team__chip[aria-pressed="true"]:hover{color:#fff}
.eo-team__chip:focus-visible{outline:3px solid var(--eo-focus);outline-offset:2px}
.eo-team__management h2{text-align:center}
.eo-team__kop{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--eo-line);padding-bottom:8px}
.eo-team__kop h2{margin:0;font-size:clamp(1.6rem,3vw,2.1rem)}
.eo-team__kop a{font-weight:700;color:var(--eo-navy)}
.eo-team__leden{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:40px 24px}
.eo-team__lid{text-align:center;font-size:14px}
.eo-team__lid b{display:block;font:400 18px var(--eo-font-kop);text-transform:uppercase;color:var(--eo-navy)}
.eo-team__lid a{color:#333}
.eo-team__av{width:132px;height:132px;border-radius:50%;overflow:hidden;border:3px solid #fff;margin:0 auto 10px;background:linear-gradient(135deg,#8b9168,#4e5636);display:flex;align-items:center;justify-content:center;color:#fff;font:400 34px var(--eo-font-kop)}
.eo-team__av img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.eo-team__groep[hidden]{display:none}
/* Taak 96 · teamlijst: filterbalk, één kaart per persoon, label Partner, panden onder de functie. */
.eo-team--v2 .eo-team__balk{background:#fff;border-bottom:1px solid var(--eo-line);position:sticky;top:0;z-index:5}
.eo-team--v2 .eo-team__chips{margin:0;padding:16px 0}
.eo-team--v2 .eo-team__sectie{padding:56px 0;background:var(--eo-bg)}
.eo-team--v2 .eo-team__sectie--wit{background:#fff}
.eo-team--v2 .eo-team__sectie[hidden],.eo-team--v2 .eo-team__lid[hidden]{display:none}
.eo-team--v2 .eo-team__kop{justify-content:flex-start;gap:16px}
.eo-team--v2 .eo-team__kop span{font-size:14px;color:var(--eo-blue)}
.eo-team--v2 .eo-team__lid{display:flex;flex-direction:column;align-items:center}
.eo-team--v2 .eo-team__lid b{line-height:1.15}
.eo-team--v2 .eo-team__av{margin-bottom:10px;background:#4E5636;box-shadow:0 2px 8px rgba(30,34,47,.12)}
.eo-team__label{display:inline-block;margin:4px 0 2px;background:var(--eo-accent);color:var(--eo-accent-tekst);font:700 11px var(--eo-font);letter-spacing:.08em;text-transform:uppercase;padding:2px 8px}
.eo-team__functie{color:#333}
.eo-team__panden{display:block;margin-top:4px;font-size:12.5px;line-height:1.45;color:var(--eo-blue)}
.eo-team__panden a{color:var(--eo-blue);text-decoration:underline;text-underline-offset:2px}
@media(max-width:600px){.eo-team--v2 .eo-team__chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:12px 0}.eo-team--v2 .eo-team__chip{flex:none}.eo-team--v2 .eo-team__leden{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.eo-team--v2 .eo-team__av{width:104px;height:104px;font-size:28px}}
@media(max-width:800px){.eo-cp-sectie,.eo-cp-inhoud{padding-block:48px}.eo-cp-hero{padding-top:120px}}

/* Taak 36 deel 2 · blokpatronen Over ons (mockup T8): banden, intro, kernwoorden, tijdlijn, kaarten, CTA. */
.eo-cp-inhoud>.alignfull:first-child{margin-top:-72px}
.eo-cp-inhoud>.alignfull:last-child{margin-bottom:-72px}
.eo-cp-inhoud>.eo-cp-blok{padding:72px 16px;margin-block:0}
.eo-cp-inhoud>.eo-cp-blok+.eo-cp-blok,.eo-cp-inhoud>.eo-cp-blok+*{margin-top:0}
/* Groepen in een thema zonder theme.json krijgen een .wp-block-group__inner-container: beide vormen ondersteund. */
.eo-cp-blok>*,.eo-cp-blok>.wp-block-group__inner-container>*{max-width:var(--eo-container);margin-inline:auto}
.eo-cp-blok>.wp-block-group__inner-container{max-width:none}
.eo-cp-blok :is(h2,.eo-eyebrow):first-child{margin-top:0}
.eo-cp-blok--wit{background:#fff}
.eo-cp-blok--groen{background:var(--eo-green);color:#fff}
.eo-cp .eo-cp-blok--groen :is(h2,h3){color:#fff}
.eo-cp-blok--groen .eo-eyebrow{color:var(--eo-accent)}
.eo-cp-intro{gap:48px;align-items:center;margin-block:0 72px}
.eo-cp-intro h2{margin-top:0}
.eo-cp-foto img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.eo-cp-kernwoorden>.wp-block-group__inner-container,.eo-cp-kernwoorden:not(:has(>.wp-block-group__inner-container)){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:24px}
.eo-cp-kernwoord{border-top:1px solid rgba(255,255,255,.4);padding-top:14px}
.eo-cp .eo-cp-kernwoord h3{margin:0 0 6px}
.eo-cp-kernwoord p{font-size:15px;margin:0}
.eo-cp-inhoud .eo-cp-tijdlijn{list-style:none;margin:32px auto 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.eo-cp-tijdlijn li{background:#fff;padding:20px;border-top:4px solid var(--eo-green);font-size:15px}
.eo-cp-tijdlijn strong{display:block;font:400 32px/1 var(--eo-font-kop);color:var(--eo-green);margin-bottom:8px}
.eo-cp-kaarten{gap:24px;margin:0 auto}
.eo-cp-kaart{background:var(--eo-off);height:100%;display:flex;flex-direction:column}
.eo-cp-kaart>.wp-block-group__inner-container{display:flex;flex-direction:column;flex:1}
:is(.eo-cp-kaart>.wp-block-group__inner-container,.eo-cp-kaart)>*{margin-inline:24px}
:is(.eo-cp-kaart>.wp-block-group__inner-container,.eo-cp-kaart)>figure{margin:0 0 16px}
.eo-cp-kaart>.wp-block-group__inner-container{margin:0}
.eo-cp-kaart img{width:100%;min-height:260px;max-height:320px;object-fit:cover;display:block}
.eo-cp .eo-cp-kaart h3{margin:4px 24px 8px}
:is(.eo-cp-kaart>.wp-block-group__inner-container,.eo-cp-kaart)>p:last-child{font-size:15px;margin-bottom:24px}
.eo-cp-kaart .eo-eyebrow{margin-bottom:0}
.eo-cp-cta{color:#fff;text-align:center;padding-block:90px;background:linear-gradient(rgba(30,34,47,.82),rgba(30,34,47,.82)),linear-gradient(120deg,var(--eo-blue),var(--eo-green))}
.eo-cp .eo-cp-cta h2{color:#fff;margin-top:0}
.eo-cp-cta .wp-block-buttons{justify-content:center;gap:16px}
.eo-cp-inhoud :is(.eo-cp-knop-groen,.eo-cp-knop-wit) .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;font:600 15px/1.2 var(--eo-font);text-decoration:none;border:1px solid;border-radius:var(--eo-radius)}
.eo-cp-inhoud .eo-cp-knop-groen .wp-block-button__link{background:var(--eo-knop-bg);border-color:var(--eo-knop-rand);color:var(--eo-knop-tekst)}
.eo-cp-inhoud .eo-cp-knop-groen .wp-block-button__link:hover{background:var(--eo-knop-hover-bg);border-color:var(--eo-knop-hover-bg);color:var(--eo-knop-hover-tekst)}
.eo-cp-inhoud .eo-cp-knop-wit .wp-block-button__link{background:transparent;border-color:#fff;color:#fff}
.eo-cp-inhoud .eo-cp-knop-wit .wp-block-button__link:hover{background:#fff;color:var(--eo-navy)}
.eo-cp-inhoud .wp-block-button__link:focus-visible{outline:3px solid var(--eo-focus);outline-offset:2px}
@media(max-width:800px){
.eo-cp-inhoud>.eo-cp-blok{padding-block:48px}
.eo-cp-inhoud>.alignfull:first-child{margin-top:-48px}
.eo-cp-inhoud>.alignfull:last-child{margin-bottom:-48px}
.eo-cp-kernwoorden>.wp-block-group__inner-container,.eo-cp-kernwoorden:not(:has(>.wp-block-group__inner-container)){grid-template-columns:1fr}
.eo-cp-inhoud .eo-cp-tijdlijn{grid-template-columns:1fr 1fr}
.eo-cp-intro{gap:24px;margin-bottom:48px}
}

/* Taak 36 deel 3 · juridische pagina's: cookieverklaring (Cookiebot) en knop cookie-instellingen. */
.eo-cookieverklaring{overflow-x:auto;font-size:15px}
.eo-cookieverklaring table{min-width:560px}
.eo-cookieverklaring a{color:var(--eo-green-dark)}
.eo-cp-inhoud .eo-cookie-instellingen{cursor:pointer;color:#fff}
.eo-cp-inhoud .eo-cookie-instellingen:hover{background:var(--eo-green-dark);border-color:var(--eo-green-dark)}
.eo-cp-inhoud .eo-cookie-instellingen:focus-visible{outline:3px solid var(--eo-focus);outline-offset:2px}

/* Taak 105 · Team v3 (akkoord 23-10): kaart = knop naar popup, naam op twee regels, rijen gelijk uitgelijnd, AI-portret. */
.eo-team--v2 .eo-team__open{display:flex;flex-direction:column;align-items:center;width:100%;padding:6px 4px;background:none;border:0;font:inherit;color:inherit;text-align:center;cursor:pointer}
.eo-team--v2 .eo-team__open:focus-visible{outline:3px solid var(--eo-focus);outline-offset:2px}
.eo-team--v2 .eo-team__naam{display:flex;flex-direction:column;align-items:center;font:400 18px/1.15 var(--eo-font-kop);text-transform:uppercase;color:var(--eo-navy)}
.eo-team--v2 .eo-team__naam span{display:block}
.eo-team--v2 .eo-team__open .eo-team__label{min-height:20px;line-height:16px}
.eo-team--v2 .eo-team__label--leeg{visibility:hidden}
.eo-team--v2 .eo-team__open .eo-team__functie{min-height:2.9em}
.eo-team--v2 .eo-team__meer{margin-top:6px;font:700 12px var(--eo-font);color:var(--eo-green-dark);opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.eo-team--v2 .eo-team__open:hover .eo-team__meer,.eo-team--v2 .eo-team__open:focus-visible .eo-team__meer{opacity:1;transform:none}
.eo-team__av{position:relative}
.eo-team__clip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;opacity:0;transition:opacity .25s}
.eo-team__clip.is-aan{opacity:1}
.eo-team-pop{width:min(920px,calc(100% - 32px));max-height:calc(100vh - 32px);padding:0;border:0;background:#fff;color:#333;overflow:auto}
.eo-team-pop::backdrop{background:rgba(18,21,30,.72)}
.eo-team-pop .eo-team-pop__x,.eo-team-pop .eo-team-pop__x:hover,.eo-team-pop .eo-team-pop__x:focus{position:absolute;right:8px;top:4px;z-index:2;width:44px;height:44px;padding:0;border:0;background:rgba(255,255,255,.85);border-radius:50%;font-size:30px;line-height:1;color:var(--eo-navy);cursor:pointer}
.eo-team-pop .eo-team-pop__x:focus-visible{outline:3px solid var(--eo-focus);outline-offset:2px}
.eo-team-pop .eo-team-pop__nav button:hover,.eo-team-pop .eo-team-pop__nav button:focus{background:none;color:var(--eo-navy)}
.eo-team-pop__inhoud{display:grid;grid-template-columns:1fr 1.1fr}
.eo-team-pop__beeld{aspect-ratio:4/5;background:var(--eo-navy);overflow:hidden;display:flex;align-items:center;justify-content:center}
.eo-team-pop__beeld img,.eo-team-pop__beeld video{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.eo-team-pop__init{color:#fff;font:400 64px var(--eo-font-kop)}
.eo-team-pop__tekst{padding:36px 36px 16px}
.eo-team-pop__tekst h2{margin:0;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.05}
.eo-team-pop__functie{margin:6px 0 0}
.eo-team-pop__citaat{margin:18px 0;padding-left:16px;border-left:3px solid var(--eo-accent);font-size:14.5px;line-height:1.6;color:#333}
.eo-team-pop__citaat p{margin:0 0 10px}
.eo-team-pop__citaat p:first-child:before{content:"“"}
.eo-team-pop__citaat p:last-child{margin:0}
.eo-team-pop__citaat p:last-child:after{content:"”"}
.eo-team-pop__citaat p:first-child{font:400 19px/1.35 var(--eo-font-kop);color:var(--eo-navy)}
@media(min-width:761px){.eo-team-pop__tekst{max-height:calc(100vh - 140px);overflow:auto}}
.eo-team-pop dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:20px 0 0;font-size:14px}
.eo-team-pop dt{color:var(--eo-blue)}
.eo-team-pop dd{margin:0;font-weight:600;color:var(--eo-navy)}
.eo-team-pop__knop{margin:20px 0 0}
.eo-team-pop__nav{display:flex;justify-content:space-between;margin:0 36px;padding:8px 0 16px;border-top:1px solid var(--eo-line)}
.eo-team-pop__nav button{min-height:44px;border:0;background:none;font:700 13px var(--eo-font);color:var(--eo-green-dark);cursor:pointer}
@media(max-width:760px){.eo-team-pop__inhoud{grid-template-columns:1fr}.eo-team-pop__beeld{aspect-ratio:16/11}.eo-team-pop__tekst{padding:24px 20px 12px}.eo-team-pop__nav{margin:0 20px}}
@media(prefers-reduced-motion:reduce){.eo-team__clip,.eo-team-pop__beeld video{display:none}.eo-team--v2 .eo-team__meer{transition:none}}
@media(min-width:1100px){.eo-team--v2 [data-eo-team-sectie="mt"] .eo-team__leden{grid-template-columns:repeat(6,minmax(0,1fr));gap:40px 12px}}