
:root{--ink:#26312d;--paper:#f4f0e7;--white:#fffdf8;--green:#294b3e;--green2:#3f6758;--rust:#a55232;--rust2:#874027;--sand:#d8c9ae;--muted:#6d7069;--line:#d9d2c4;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{background:rgba(244,240,231,.96);color:var(--ink);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{text-decoration:none;font-size:1.55rem;font-weight:900;letter-spacing:-.04em;color:var(--green)}.brand span{color:var(--rust)}nav{display:flex;gap:25px;align-items:center}nav a{text-decoration:none;font-size:.92rem;font-weight:700}nav a:hover,nav a.active{color:var(--rust)}.hero{background:var(--green);color:#fff;padding:92px 0 84px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-155px;bottom:-310px;width:900px;height:900px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.035),0 0 0 180px rgba(255,255,255,.025)}.hero:before{content:"";position:absolute;left:0;right:0;bottom:30px;height:1px;background:rgba(255,255,255,.12);box-shadow:0 9px 0 rgba(255,255,255,.08),0 18px 0 rgba(255,255,255,.05)}.kicker,.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:900;color:var(--rust)}.hero .kicker{color:#e6c9b9}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3rem,7vw,6.5rem);font-weight:400;line-height:.95;letter-spacing:-.055em;margin:.28em 0 .3em;max-width:940px}.lead{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.16rem,2vw,1.48rem);max-width:800px;color:#f0eee8}.hero-note{margin-top:38px;border-left:3px solid #c67a57;padding-left:18px;max-width:700px;color:#d8ddd9;font-size:.97rem}.section{padding:82px 0}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:start}.section h2,.page-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.05;letter-spacing:-.04em;margin:.18em 0 .55em;color:var(--green)}.prose,.article-body{font-family:Georgia,'Times New Roman',serif;font-size:1.12rem}.manifesto{background:#e6ddce;border-top:4px solid var(--rust);padding:32px;font-size:1.08rem}.manifesto strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:1.6rem;line-height:1.1;margin-bottom:12px;color:var(--green)}.dark{background:#e8e1d5}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}.card{background:var(--white);padding:30px;min-height:330px;display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--line);border-top:4px solid var(--rust);transition:.2s transform,.2s box-shadow}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(38,49,45,.09)}.tag{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--rust)}.card h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:1.7rem;line-height:1.12;letter-spacing:-.025em;margin:14px 0;color:var(--green)}.card p{color:#62665f}.read{margin-top:auto;font-weight:900;color:var(--rust)}.read:after{content:" →"}.themes{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:34px;background:rgba(255,255,255,.25)}.theme{padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.theme b{display:block;font-family:Georgia,'Times New Roman',serif;color:var(--green);font-size:1.15rem;margin-bottom:6px}.theme span{color:var(--muted);font-size:.92rem}.callout{background:#d8c9ae;padding:64px 0;border-top:1px solid #c8b99f}.callout-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.callout h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--green);font-size:clamp(2.2rem,4vw,4rem);line-height:1}.button{display:inline-block;background:var(--rust);color:#fff;text-decoration:none;padding:14px 20px;font-weight:900;margin-top:12px;border:0;cursor:pointer}.button:hover{background:var(--rust2)}.footer{background:var(--green);color:#cdd5d1;padding:44px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer strong{color:#fff}.small{font-size:.86rem}.track{height:10px;background:linear-gradient(90deg,var(--rust) 0 14%,var(--sand) 14% 15%,var(--rust) 15% 29%,var(--sand) 29% 30%,var(--rust) 30% 44%,var(--sand) 44% 45%,var(--rust) 45% 59%,var(--sand) 59% 60%,var(--rust) 60% 74%,var(--sand) 74% 75%,var(--rust) 75% 89%,var(--sand) 89% 90%,var(--rust) 90%)}.page-hero{padding:64px 0 44px;background:#e8e1d5;border-bottom:1px solid var(--line)}.content-narrow{width:min(calc(100% - 40px),820px);margin:auto}.article-body h2{font-size:2rem;margin-top:2.2em}.article-body p{margin:0 0 1.25em}.meta{color:var(--muted);font-size:.9rem;margin-top:12px}.placeholder{padding:28px;background:var(--white);border:1px solid var(--line);border-left:4px solid var(--rust)}.form-grid{display:grid;gap:16px}.form-grid label{font-weight:700}.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:12px;border:1px solid var(--line);background:var(--white);font:inherit}.form-grid textarea{min-height:180px}.mobile-menu{display:none}
@media(max-width:850px){nav{display:none}.intro-grid,.callout-grid{grid-template-columns:1fr}.articles{grid-template-columns:1fr}.themes{grid-template-columns:1fr 1fr}.hero{padding-top:64px}.section{padding:60px 0}}
@media(max-width:520px){.wrap,.content-narrow{width:min(calc(100% - 28px),var(--max))}.themes{grid-template-columns:1fr}.footer-grid{display:block}h1{font-size:3.35rem}}
.article-hero{padding-top:72px;padding-bottom:58px}.article-hero .page-title{font-size:clamp(2.7rem,5.5vw,5rem);max-width:900px;margin-bottom:.3em}.article-deck{font-family:Georgia,'Times New Roman',serif;font-size:1.25rem;color:var(--muted);margin:0;max-width:720px}.article-section{padding-top:64px}.article-body{font-size:1.15rem;line-height:1.82}.article-body .dropcap:first-letter{float:left;font-family:Georgia,'Times New Roman',serif;font-size:4.5rem;line-height:.78;padding:.12em .09em 0 0;color:var(--rust)}.article-body h2{color:var(--green);font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12;letter-spacing:-.025em;border-top:1px solid var(--line);padding-top:1.15em}.article-ending{font-size:1.3rem;color:var(--green);font-style:italic;margin-top:2em}.source-note{margin-top:54px;padding:26px 28px;background:#e8e1d5;border-left:4px solid var(--rust);font-family:Arial,Helvetica,sans-serif;font-size:.94rem;line-height:1.65}.source-note strong{color:var(--green);font-family:Georgia,'Times New Roman',serif;font-size:1.25rem}.source-note p{margin:.45em 0 0}.article-nav{display:flex;justify-content:space-between;gap:20px;margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}.article-nav a{color:var(--rust);font-family:Arial,Helvetica,sans-serif;font-weight:800;text-decoration:none}.article-nav a:hover{text-decoration:underline}@media(max-width:520px){.article-body{font-size:1.08rem}.article-nav{display:grid}.article-hero{padding-top:48px}}

/* Compactere artikeltypografie: tijdschriftgevoel, minder losse tekstblokken */
.article-section{padding-top:48px}.article-body{max-width:780px;font-size:1.14rem;line-height:1.72}.article-body p{margin:0 0 .88em}.article-body h2{margin-top:1.75em;margin-bottom:.62em;padding-top:.9em}.article-ending{margin-top:1.35em!important}.source-note{margin-top:40px}.article-nav{margin-top:34px}
@media(max-width:520px){.article-section{padding-top:38px}.article-body{font-size:1.06rem;line-height:1.68}.article-body p{margin-bottom:.82em}.article-body h2{margin-top:1.55em}}

/* Categorieën en labels */
.nav-dropdown{position:relative}.nav-dropdown>a{display:block}.chevron{font-size:.72em;margin-left:3px}.dropdown-menu{display:none;position:absolute;top:100%;left:-18px;min-width:235px;padding:10px 0;background:var(--white);border:1px solid var(--line);box-shadow:0 12px 28px rgba(38,49,45,.12);z-index:30}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:9px 18px;font-size:.88rem;white-space:nowrap}.dropdown-menu a:hover{background:#eee7dc}.category-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.category-chips a,.article-labels a{display:inline-block;text-decoration:none;border:1px solid var(--sand);background:var(--white);padding:7px 11px;font-size:.8rem;font-weight:700;color:var(--green)}.category-chips a:hover,.category-chips a.current,.article-labels a:hover{border-color:var(--rust);color:var(--rust)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{background:var(--white);padding:28px;border:1px solid var(--line);border-top:4px solid var(--rust);display:flex;flex-direction:column;min-height:290px}.article-card h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--green);font-size:1.65rem;line-height:1.15;margin:.5em 0}.article-card p{color:#62665f}.article-card>a{margin-top:auto;color:var(--rust);font-weight:800;text-decoration:none}.article-hero .tag a{text-decoration:none}.article-labels{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.article-labels a{padding:5px 9px;font-size:.74rem}.page-intro{max-width:760px;font-family:Georgia,'Times New Roman',serif;font-size:1.12rem;color:var(--muted)}
@media(max-width:850px){.article-grid{grid-template-columns:1fr}.dropdown-menu{display:none!important}}

/* Artikelcategorieën: vaste, korte navigatie. Artikeltitels horen nooit in het menu. */
.category-nav{border-top:1px solid var(--line);background:#eee7dc}.category-nav-inner{min-height:38px;display:flex;align-items:center;gap:24px;overflow-x:auto;scrollbar-width:none}.category-nav-inner::-webkit-scrollbar{display:none}.category-nav a{flex:0 0 auto;text-decoration:none;text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:900;color:var(--green);padding:9px 0 8px;border-bottom:2px solid transparent}.category-nav a:hover,.category-nav a.active{color:var(--rust);border-bottom-color:var(--rust)}
@media(max-width:850px){.category-nav-inner{gap:19px}.category-nav{position:relative}.category-nav a{font-size:.69rem}}

/* Ruimte tussen navigatiechips en labels, sitebreed toegepast */
.category-chips,
.article-labels {
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 10px;
}
.category-chips a,
.article-labels a {
  display: inline-flex;
  align-items: center;
  line-height: 1.25;
  border-radius: 999px;
}
.category-chips a {
  padding: 8px 13px;
}
.article-labels {
  margin-top: 20px;
}
.article-labels a {
  padding: 6px 11px;
}

/* De categoriebalk blijft compact, maar ieder onderdeel staat duidelijk los. */
.category-nav-inner {
  column-gap: 30px;
  row-gap: 8px;
}
.category-nav a {
  padding-left: 2px;
  padding-right: 2px;
}

@media(max-width:850px){
  .category-nav-inner{column-gap:24px}
  .category-chips,.article-labels{column-gap:10px;row-gap:9px}
}

/* Categorienavigatie: zichtbare scheiding tussen de onderdelen */
.category-nav-inner{
  gap:0;
}
.category-nav a{
  display:inline-flex;
  align-items:center;
  padding:10px 0 9px;
}
.category-nav a + a::before{
  content:"•";
  color:var(--rust);
  margin:0 16px;
  font-size:.95rem;
  line-height:1;
  opacity:.85;
}
@media(max-width:850px){
  .category-nav a + a::before{margin:0 12px}
}


/* Afbeeldingenmodule */
.article-featured{margin-top:42px}.article-featured figure,.article-image{margin:0}.article-featured img,.article-image img{display:block;width:100%;height:auto;border-radius:3px}.article-featured figcaption,.article-image figcaption{font-family:Arial,Helvetica,sans-serif;font-size:.82rem;line-height:1.5;color:var(--muted);margin-top:8px}.article-image{margin:1.65em 0}.article-card-image{display:block;margin:-28px -28px 22px;overflow:hidden}.article-card-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.card-image{display:block;width:calc(100% + 60px);max-width:none;height:180px;object-fit:cover;margin:-30px -30px 24px}.card:has(.card-image){overflow:hidden}
@media(max-width:520px){.article-featured{margin-top:28px}.article-image{margin:1.35em 0}}

/* 17-09-2026: hoofdfoto en mobiele navigatie */
.menu-toggle{display:none;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:999px;padding:8px 12px;font:inherit;font-weight:800;cursor:pointer}
.article-featured{width:min(calc(100% - 40px),920px);margin-left:auto;margin-right:auto}
.article-featured figure{overflow:hidden;border-radius:4px}
.article-featured img{width:100%;aspect-ratio:16/9;max-height:520px;object-fit:cover;object-position:center}
.article-image img{width:100%;height:auto;object-fit:contain}
@media(max-width:850px){
  .nav{position:relative;flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none!important;width:100%;padding:10px 0 16px}.main-nav.open{display:grid!important;grid-template-columns:1fr}.main-nav a{padding:10px 0;border-top:1px solid rgba(255,255,255,.12)}
  .category-nav-inner{overflow:visible!important;flex-wrap:wrap!important;column-gap:0!important;row-gap:0!important;padding:7px 0 8px;min-height:0}
  .category-nav a{padding:5px 0!important;white-space:nowrap}.category-nav a + a::before{margin:0 10px!important}
  .article-featured{width:min(calc(100% - 28px),920px)}
}
@media(max-width:520px){.article-featured img{max-height:360px}.category-nav a{font-size:.66rem!important}}

/* 17-09-2026 correctie: mobiel menu duidelijk zichtbaar */
@media(max-width:850px){
  .menu-toggle{
    display:inline-flex;
    align-items:center;
    gap:7px;
    background:var(--green);
    color:#fff;
    border:1px solid var(--green);
    border-radius:999px;
    padding:9px 14px;
    box-shadow:0 2px 8px rgba(38,49,45,.12);
  }
  .menu-toggle:hover,.menu-toggle:focus-visible{background:var(--rust);border-color:var(--rust);outline:none}
  .main-nav.open{background:var(--paper);border-top:1px solid var(--line)}
  .main-nav.open a{color:var(--green);border-top:1px solid var(--line);padding:11px 4px}
  .main-nav.open a:hover,.main-nav.open a.active{color:var(--rust)}
}

/* 17-09-2026: mobiel hoofdmenu volledig in LoopMee-groen */
@media(max-width:850px){
  .main-nav.open{
    background:var(--green)!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
    padding:8px 14px 14px!important;
    border-radius:0 0 8px 8px;
  }
  .main-nav.open a{
    color:#f6f1e7!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
    padding:12px 4px!important;
  }
  .main-nav.open a:first-child{border-top:0!important}
  .main-nav.open a:hover,.main-nav.open a.active{color:#e6b59f!important}
}


/* 17-09-2026: contact, zoeken en definitieve mobiele navigatie */
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-success,.form-error{padding:16px 18px;margin:20px 0;border-radius:8px}.form-success{background:#e4eee7;border-left:4px solid var(--green)}.form-error{background:#f5e2de;border-left:4px solid var(--rust)}.search-form{max-width:780px;margin:0 0 34px}.search-form>label{display:block;font-weight:700;margin-bottom:8px}.search-form>div{display:flex;gap:10px}.search-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px 14px;font:inherit}.search-results{margin-top:18px}
@media(max-width:850px){.site-header .main-nav.open{background:var(--green)!important;color:#f6f1e7!important;width:100%!important;box-sizing:border-box!important}.site-header .main-nav.open a{background:transparent!important;color:#f6f1e7!important}.site-header .main-nav.open a:hover,.site-header .main-nav.open a.active{color:#e6b59f!important}.menu-toggle{background:var(--green)!important;color:#fff!important}}
@media(max-width:520px){.search-form>div{align-items:stretch;flex-direction:column}.search-form .button{width:100%;text-align:center}}

/* 17-09-2026: zoekicoon */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.nav-search{display:inline-flex!important;align-items:center;justify-content:center;min-width:34px}
.nav-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media(max-width:850px){.main-nav.open .nav-search{justify-content:flex-start!important}.main-nav.open .nav-search svg{width:21px;height:21px}}

/* 404 en andere lichte pagina-hero's: leadtekst moet donker en goed leesbaar zijn. */
.page-hero .lead{color:var(--ink)}

/* 404: lead staat op een lichte achtergrond en moet daarom donker zijn. */
.page-hero .lead{color:var(--ink) !important;}

/* 17-09-2026 v1.5a: robuust zoekicoon, onafhankelijk van fonts */
.nav-search .search-icon{display:block!important;width:22px!important;height:22px!important;min-width:22px!important;overflow:visible!important;color:inherit!important;fill:none!important;stroke:none!important}
.nav-search .search-icon circle,.nav-search .search-icon line{fill:none!important;stroke:currentColor!important;stroke-width:2!important;vector-effect:non-scaling-stroke}
@media(max-width:850px){.main-nav.open .nav-search .search-icon{width:22px!important;height:22px!important;min-width:22px!important;color:#f6f1e7!important}}


/* 19-09-2026: Waar trainen? */
.training-section-head{max-width:760px;margin-bottom:28px}.training-section-head h2{margin-bottom:.25em}.training-section-head p{font-family:Georgia,'Times New Roman',serif;color:var(--muted);font-size:1.08rem}.training-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.training-card{background:var(--white);border:1px solid var(--line);border-top:4px solid var(--rust);padding:28px;display:flex;flex-direction:column;min-height:280px}.training-card h3{font-family:Georgia,'Times New Roman',serif;font-size:1.65rem;font-weight:400;line-height:1.15;color:var(--green);margin:.45em 0 .2em}.training-place{font-weight:800;color:var(--muted);font-size:.9rem}.training-card p{margin:1em 0;color:#62665f}.training-card-foot{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.training-card-foot a{color:var(--rust);font-weight:800;text-decoration:none}.training-card-foot small{color:var(--muted)}
@media(max-width:900px){.training-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.training-grid{grid-template-columns:1fr}}

/* v1.6a: duidelijkere hoofdnavigatie, sprongmenu en trainericoon */
@media(min-width:851px){.main-nav>a:not(:last-child)::after{content:"|";display:inline-block;margin-left:14px;color:#b8ad9d;font-weight:400}.main-nav{gap:14px}.main-nav>a{white-space:nowrap}}
.training-jump{display:flex;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap}.training-jump a{font-weight:800;color:var(--green);text-decoration:none}.training-jump a:hover{color:var(--rust)}.training-jump span{color:var(--rust);font-weight:900}.training-trainer{display:flex;align-items:center;gap:7px;margin:.15em 0 1em;color:var(--green)}.runner-mini{width:21px;height:21px;display:inline-flex;color:var(--rust);flex:0 0 21px}.runner-mini svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.runner-mini svg circle{fill:currentColor;stroke:none}#methode-verheul,#souplessemethode{scroll-margin-top:135px}
@media(max-width:850px){.main-nav>a::after{display:none!important}.training-jump{gap:9px 11px}}

/* v1.6d privacy, cookies en footer */
.footer-right{text-align:right}.footer-links{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.footer-links a{color:#fff;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-links span{color:#b8c3bd}.legal-page h3{font-family:Georgia,'Times New Roman',serif;color:var(--green);font-size:1.5rem;margin:1.8em 0 .35em}.legal-page a{color:var(--rust)}@media(max-width:520px){.footer-right{text-align:left;margin-top:18px}.footer-links{justify-content:flex-start}}

/* Bronnotities: veilige klikbare links in LoopMee-accent */
.source-note a{color:#a84f2a;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.source-note a:hover,.source-note a:focus{color:#6f321c;text-decoration-thickness:2px}
.source-note p{margin:.65rem 0 0}
/* 27-09-2026: pagination, trainingsprofielen en onderhoud */
.pagination{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin:36px 0 4px}.pagination a,.pagination span{display:inline-flex;min-width:38px;height:38px;padding:0 12px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:800;color:var(--green);background:var(--white)}.pagination .current{background:var(--green);color:#fff;border-color:var(--green)}.training-card-image{display:block;margin:-28px -28px 20px;overflow:hidden}.training-card-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.training-detail{max-width:920px}.training-hero{margin:0 0 32px}.training-hero img{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:5px}.training-detail-copy{font-family:Georgia,'Times New Roman',serif;font-size:1.08rem;line-height:1.75}.training-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:38px 0}.training-gallery figure{margin:0}.training-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.training-gallery figcaption{font-size:.82rem;color:var(--muted);margin-top:6px}.training-news{border-top:1px solid var(--line);margin-top:45px;padding-top:35px}.training-news article{padding:22px 0;border-bottom:1px solid var(--line)}.training-news h3{margin:.2em 0}.training-news time,.training-checked{font-size:.85rem;color:var(--muted)}.maintenance-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:var(--paper)}.maintenance-box{max-width:650px;text-align:center;padding:54px;background:var(--white);border-top:5px solid var(--rust)}.maintenance-box .brand{font-size:1.35rem;margin-bottom:28px}.maintenance-box h1{font-family:Georgia,'Times New Roman',serif;color:var(--green);font-size:2.5rem}.maintenance-box p{font-size:1.1rem;line-height:1.7;color:var(--muted)}@media(max-width:620px){.training-gallery{grid-template-columns:1fr}.maintenance-box{padding:34px 22px}}\n
/* V4: afbeeldingen in tekst en lightbox */
.article-body .article-image{margin:1.7rem 0}.article-body .article-image img{display:block;width:100%;height:auto;border-radius:8px}.article-body .article-image.image-left{float:left;width:min(40%,360px);margin:.35rem 1.6rem 1rem 0}.article-body .article-image.image-right{float:right;width:min(40%,360px);margin:.35rem 0 1rem 1.6rem}.article-body:after{content:"";display:block;clear:both}.article-image figcaption,.article-featured figcaption,.training-gallery figcaption{font-size:.82rem;color:#68716c;margin-top:.5rem}.lightbox-link{display:block;cursor:zoom-in}.lightbox{position:fixed;inset:0;background:rgba(12,24,20,.92);z-index:9999;display:none;align-items:center;justify-content:center;padding:5vw}.lightbox.open{display:flex}.lightbox img{max-width:88vw;max-height:82vh;object-fit:contain}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}.lightbox-close{right:24px;top:18px;font-size:2.4rem;width:52px;height:52px;border-radius:50%}.lightbox-prev,.lightbox-next{top:50%;font-size:3rem;width:54px;height:70px}.lightbox-prev{left:18px}.lightbox-next{right:18px}.lightbox-caption{position:absolute;bottom:20px;left:10%;right:10%;color:#fff;text-align:center;font-size:.9rem}.experience-callout{background:#e8dfcc}.consent{display:flex!important;gap:.65rem;align-items:flex-start}.consent input{width:auto!important;margin-top:.25rem}.hp{position:absolute;left:-9999px}@media(max-width:700px){.article-body .article-image.image-left,.article-body .article-image.image-right{float:none;width:100%;margin:1.5rem 0}.lightbox-prev,.lightbox-next{display:none}}

/* V4.1 definitief: Hoe train jij? formulier */
.experience-intro{font-family:Georgia,'Times New Roman',serif;font-size:1.08rem;margin:0 0 28px}.experience-form{margin-top:28px}.experience-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.experience-form label>span,.experience-story>span{display:block;font-weight:800;margin-bottom:7px;color:var(--green)}.experience-form label small{font-weight:400;color:var(--muted)}.experience-form input[type="text"],.experience-form input[type="email"],.experience-form textarea{display:block;width:100%;border:1px solid #c7bbaa;border-radius:7px;background:var(--white);padding:13px 14px;font:inherit;color:var(--ink);transition:border-color .15s,box-shadow .15s}.experience-form input[type="text"]:focus,.experience-form input[type="email"]:focus,.experience-form textarea:focus{outline:0;border-color:var(--rust);box-shadow:0 0 0 3px rgba(174,85,47,.12)}.experience-story{display:block;margin-bottom:25px}.experience-form textarea{min-height:330px;resize:vertical;line-height:1.6}.experience-consents{margin:0 0 22px;padding:20px 22px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.45)}.experience-consents legend{padding:0 7px;font-family:Georgia,'Times New Roman',serif;font-size:1.18rem;color:var(--green)}.experience-consents .consent{display:grid!important;grid-template-columns:20px 1fr;gap:10px;align-items:start;margin:8px 0;font-weight:400}.experience-consents .consent input{width:18px!important;height:18px;margin:4px 0 0}.experience-consents .consent span{display:block;margin:0;color:var(--ink);font-weight:400}.experience-submit{margin-top:0}.experience-privacy{color:var(--muted);margin:12px 0 0}@media(max-width:650px){.experience-fields{grid-template-columns:1fr;gap:16px}.experience-form textarea{min-height:280px}.experience-consents{padding:17px 15px}}

/* V4.2: uniforme header- en overzichtsfoto's */
.article-card-image{aspect-ratio:16/9}
.article-card-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.article-featured figure{aspect-ratio:16/9}
.article-featured img{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center}
@media(max-width:520px){.article-featured img{max-height:none}}

/* V4.2.1: artikelkaarten - afbeeldingen altijd bovenaan uitlijnen */
.article-card > a.article-card-image{
  margin:-28px -28px 22px;
  flex:0 0 auto;
}
.article-card > a:not(.article-card-image){
  margin-top:auto;
}


/* V4.2.2: paginatie consequent centraal onder overzichten */
.pagination{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:42px auto 4px;}

/* Artikelafbeeldingen: drie webformaten */
.article-body .article-image.image-size-small{width:min(100%,320px)}
.article-body .article-image.image-size-medium{width:min(100%,640px)}
.article-body .article-image.image-size-large{width:100%}
.article-body .article-image.image-full.image-size-small,
.article-body .article-image.image-full.image-size-medium{margin-left:auto;margin-right:auto}
.article-body .article-image.image-left.image-size-small{float:left;width:min(40%,320px);margin:.35rem 1.6rem 1rem 0}
.article-body .article-image.image-right.image-size-small{float:right;width:min(40%,320px);margin:.35rem 0 1rem 1.6rem}
.article-body .article-image.image-left.image-size-medium{float:left;width:min(50%,640px);margin:.35rem 1.6rem 1rem 0}
.article-body .article-image.image-right.image-size-medium{float:right;width:min(50%,640px);margin:.35rem 0 1rem 1.6rem}
.article-body .article-image.image-left.image-size-large{float:left;width:min(60%,900px);margin:.35rem 1.6rem 1rem 0}
.article-body .article-image.image-right.image-size-large{float:right;width:min(60%,900px);margin:.35rem 0 1rem 1.6rem}
@media(max-width:700px){.article-body .article-image.image-left,.article-body .article-image.image-right,.article-body .article-image.image-size-small,.article-body .article-image.image-size-medium,.article-body .article-image.image-size-large{float:none;width:100%;max-width:100%;margin:1.5rem 0}}

/* Homepage hero: los verwisselbaar beeld met hardlopers en ondergrond. */
.hero{isolation:isolate}
.hero .wrap{position:relative;z-index:3}
.hero:before{z-index:2}
.hero:after{z-index:2}
.hero::selection{background:var(--rust)}
.hero{background-color:var(--green);background-image:url('../img/hero-runners.png');background-repeat:no-repeat;background-position:right bottom;background-size:auto 100%}
@media(max-width:1100px){.hero{background-size:auto 82%;background-position:112% bottom}}
@media(max-width:850px){.hero{background-image:none}}
