/*
Theme Name: Gipfel v3
Author: OpenAI
Description: Gipfel WordPress-thema met Gutenberg-vriendelijke paginaopmaak gebaseerd op de oorspronkelijke Weebly-site.
Version: 4.7.0
Text Domain: gipfel-v3
*/
:root{
 --g-purple:#59469b;--g-green:#74bd43;--g-orange:#ee6b17;--g-red:#d8202d;
 --g-text:#555;--g-max:1260px;
}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:"Montserrat",Arial,sans-serif;color:var(--g-text);background:#fff;line-height:1.5;font-weight:300}
a{color:var(--g-purple);text-decoration:none}img{max-width:100%;height:auto}
.site-header{background:#fff;border-top:1px solid #eee}
.header-inner{max-width:var(--g-max);margin:auto;min-height:114px;display:flex;align-items:center;gap:40px;padding:14px 38px}
.site-brand img{width:286px;display:block}
.primary-nav{margin-left:auto}.primary-nav ul{display:flex;gap:44px;list-style:none;margin:0;padding:0;align-items:center}
.primary-nav a{font-family:"Josefin Sans",sans-serif;text-transform:uppercase;letter-spacing:1.6px;font-size:14px;font-weight:600;color:#171717;padding:13px 0 9px;border-bottom:1px solid transparent}
.primary-nav .current-menu-item>a,.primary-nav .current_page_item>a,.primary-nav a:hover{border-color:#888}
.mobile-toggle{display:none}
.page-hero{height:282px;background:center 45%/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:center}
.page-hero:before{content:"";position:absolute;inset:0;background:rgba(20,38,56,.10)}
.page-hero-title{position:relative;font-family:"Montserrat",sans-serif;color:#fff;font-size:66px;font-weight:500;line-height:1;text-align:center;letter-spacing:-1.8px;text-shadow:0 1px 1px rgba(0,0,0,.05)}
.page-hero-title .green{color:var(--g-green)}
.content-shell{max-width:var(--g-max);margin:0 auto;padding:52px 38px 80px}
.entry-content{font-family:"Montserrat",sans-serif;font-size:16px;font-weight:300;line-height:1.34;color:#555}
.entry-content .wp-block-columns{align-items:flex-start;gap:44px;margin-bottom:44px}
.entry-content .wp-block-column{min-width:0}
.entry-content h2,.entry-content h3,.entry-content .gipfel-heading{font-family:"Montserrat",sans-serif;font-weight:600;line-height:1.15;margin-top:0;margin-bottom:14px}
.entry-content h2{font-size:23px}.entry-content h3{font-size:19px}
.entry-content p{margin:0 0 18px}
.entry-content figure{margin:18px 0}.entry-content figure img{display:block;max-width:100%;height:auto}
.entry-content em{color:var(--g-orange);font-weight:500}
.entry-content .wp-block-columns:first-child>.wp-block-column:nth-child(1)>h2:first-child{color:var(--g-green)}
.entry-content .wp-block-columns:first-child>.wp-block-column:nth-child(2)>h2:first-child{color:var(--g-orange)}
.entry-content .wp-block-columns:first-child>.wp-block-column:nth-child(3)>h2:first-child{color:var(--g-purple)}
.site-footer{border-top:1px solid #eee;background:#fff;text-align:center;padding:72px 24px 65px}
.footer-info{font-family:"Montserrat",sans-serif;font-size:16px;font-weight:300;color:#252525;line-height:1.6}
.footer-info a{color:#444;text-decoration:underline;text-underline-offset:3px}
.footer-social{display:flex;justify-content:center;gap:18px;margin-top:33px}
.footer-social a{color:#c6cbce;display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center}
.footer-social svg{width:27px;height:27px;fill:currentColor}
@media(max-width:950px){
 .site-brand img{width:235px}.primary-nav ul{gap:22px}.page-hero{height:255px}.page-hero-title{font-size:55px}
 .entry-content .wp-block-columns{gap:28px}
}
@media(max-width:760px){
 .header-inner{min-height:88px;flex-wrap:wrap;padding:14px 20px}.site-brand img{width:210px}
 .mobile-toggle{display:block;margin-left:auto;border:0;background:none;font-size:28px}
 .primary-nav{display:none;width:100%;margin:0}.primary-nav.open{display:block}.primary-nav ul{display:block}
 .primary-nav li{border-top:1px solid #eee}.primary-nav a{display:block;padding:12px 0}
 .page-hero{height:210px}.page-hero-title{font-size:42px}
 .content-shell{padding:34px 22px 54px}
 .entry-content .wp-block-columns{display:block;margin-bottom:22px}.entry-content .wp-block-column{margin-bottom:38px}
 .site-footer{padding:50px 22px}.footer-info{font-size:14px}
}

/* Home refinement: closer to original Weebly */
.home .content-shell{padding-top:50px}
.home .entry-content > .wp-block-columns:first-child{
 display:grid !important;
 grid-template-columns:31.5% 34.5% 34%;
 gap:42px !important;
}
.home .entry-content > .wp-block-columns:first-child > .wp-block-column{
 width:auto !important;flex-basis:auto !important;
}
.home .entry-content > .wp-block-columns:first-child > .wp-block-column:nth-child(1) figure:nth-of-type(1){
 max-width:255px;margin:22px auto 16px;
}
.home .entry-content > .wp-block-columns:first-child > .wp-block-column:nth-child(1) figure:nth-of-type(2){
 max-width:118px;float:left;margin:8px 16px 8px 0;
}
.home .entry-content > .wp-block-columns:first-child > .wp-block-column:nth-child(2) figure:first-of-type{
 max-width:185px;margin:2px auto 18px;
}
.home .entry-content > .wp-block-columns:first-child > .wp-block-column:nth-child(3) figure:first-of-type{
 margin-top:18px;width:100%;
}
.home .entry-content > .wp-block-columns:first-child > .wp-block-column:nth-child(3) figure:first-of-type img{
 width:100%;object-fit:cover;
}
.home .entry-content > .wp-block-columns:nth-child(2){
 display:grid !important;grid-template-columns:repeat(3,1fr);gap:42px !important;
}
.home .entry-content strong{font-weight:600}
.home .entry-content em{color:var(--g-orange);font-weight:600}
.site-footer{padding:78px 24px 72px}
.footer-info{font-size:15px}
.footer-social{margin-top:28px}
@media(max-width:900px){
 .home .entry-content > .wp-block-columns:first-child,
 .home .entry-content > .wp-block-columns:nth-child(2){display:block !important}
 .home .entry-content > .wp-block-columns:first-child > .wp-block-column,
 .home .entry-content > .wp-block-columns:nth-child(2) > .wp-block-column{margin-bottom:34px}
}


/* =========================================================
   Gipfel v3.3 - Home lower-section refinements
   ========================================================= */

/* Second 3-column section: more compact and closer to original */
.home .entry-content > .wp-block-columns:nth-child(2){
    align-items:start !important;
    margin-top:22px;
    margin-bottom:34px;
}
.home .entry-content > .wp-block-columns:nth-child(2) > .wp-block-column{
    min-width:0;
}

/* Original heading colors in second row */
.home .entry-content > .wp-block-columns:nth-child(2) > .wp-block-column:nth-child(1) h2:first-child{
    color:var(--g-green) !important;
}
.home .entry-content > .wp-block-columns:nth-child(2) > .wp-block-column:nth-child(2) h2:first-child{
    color:var(--g-red) !important;
}
.home .entry-content > .wp-block-columns:nth-child(2) > .wp-block-column:nth-child(3) h2:first-child{
    color:var(--g-purple) !important;
}

/* "Aanbod" clover image: restore original compact floated appearance */
.home .entry-content > .wp-block-columns:nth-child(2) > .wp-block-column:nth-child(2) figure{
    float:right;
    width:112px;
    max-width:112px;
    margin:4px 0 10px 18px;
}
.home .entry-content > .wp-block-columns:nth-child(2) > .wp-block-column:nth-child(2) figure img{
    width:112px;
    height:auto;
    display:block;
}

/* Let text wrap naturally around the clover, as on Weebly */
.home .entry-content > .wp-block-columns:nth-child(2) > .wp-block-column:nth-child(2)::after{
    content:"";
    display:block;
    clear:both;
}

/* Tighten lower section typography / spacing */
.home .entry-content > .wp-block-columns:nth-child(2) h2{
    margin-bottom:14px;
}
.home .entry-content > .wp-block-columns:nth-child(2) p{
    margin-bottom:18px;
}

/* Prevent excess empty height caused by floated content */
.home .entry-content > .wp-block-columns:nth-child(2){
    min-height:0 !important;
}

/* Footer now follows content more closely, matching original proportions */
.home .site-footer{
    margin-top:10px;
}

/* Fine-tune first row image proportions */
.home .entry-content > .wp-block-columns:first-child > .wp-block-column:nth-child(1) figure:nth-of-type(1){
    max-width:260px;
}
.home .entry-content > .wp-block-columns:first-child > .wp-block-column:nth-child(1) figure:nth-of-type(2){
    max-width:120px;
}
.home .entry-content > .wp-block-columns:first-child > .wp-block-column:nth-child(2) figure:first-of-type{
    max-width:190px;
}

/* Home headings should retain stronger original branding colors */
.home .entry-content > .wp-block-columns:first-child > .wp-block-column:nth-child(1) h2:first-child{
    color:var(--g-green) !important;
}
.home .entry-content > .wp-block-columns:first-child > .wp-block-column:nth-child(2) h2:first-child{
    color:var(--g-orange) !important;
}
.home .entry-content > .wp-block-columns:first-child > .wp-block-column:nth-child(3) h2:first-child{
    color:var(--g-purple) !important;
}

/* On smaller screens the clover returns to normal document flow */
@media(max-width:900px){
    .home .entry-content > .wp-block-columns:nth-child(2) > .wp-block-column:nth-child(2) figure{
        float:none;
        width:112px;
        max-width:112px;
        margin:12px 0 18px;
    }
}


/* =========================================================
   Gipfel v3.4 - final Home touch + consistent subpages
   ========================================================= */

/* Connected Performance: same visual rank as the other Home headings */
.page-home .entry-content > .wp-block-columns:first-child >
.wp-block-column:nth-child(2) p:first-of-type > strong:first-child{
    display:block;
    color:var(--g-orange);
    font-family:"Montserrat",sans-serif;
    font-size:23px;
    line-height:1.15;
    font-weight:600;
    margin:0 0 14px;
}
.page-home .entry-content > .wp-block-columns:first-child >
.wp-block-column:nth-child(2) p:first-of-type > strong:first-child br{
    display:none;
}

/* Shared visual treatment for all imported Gutenberg pages */
body[class*="page-"] .entry-content > .wp-block-columns{
    align-items:flex-start;
}
.page-gipfel .entry-content,
.page-diensten .entry-content,
.page-lol-training .entry-content,
.page-resultaten .entry-content,
.page-contact .entry-content,
.page-privacy-statement .entry-content{
    max-width:100%;
}

/* Preserve original Weebly-like multi-column proportions on desktop */
.page-gipfel .entry-content > .wp-block-columns,
.page-diensten .entry-content > .wp-block-columns,
.page-lol-training .entry-content > .wp-block-columns,
.page-resultaten .entry-content > .wp-block-columns,
.page-contact .entry-content > .wp-block-columns,
.page-privacy-statement .entry-content > .wp-block-columns{
    gap:40px !important;
}

/* Clean image sizing on the internal pages */
.page-gipfel .entry-content figure,
.page-diensten .entry-content figure,
.page-lol-training .entry-content figure,
.page-resultaten .entry-content figure,
.page-contact .entry-content figure{
    margin-top:14px;
    margin-bottom:20px;
}
.page-gipfel .entry-content figure img,
.page-diensten .entry-content figure img,
.page-lol-training .entry-content figure img,
.page-resultaten .entry-content figure img,
.page-contact .entry-content figure img{
    width:auto;
    max-width:100%;
}

/* Page heading colors echo the four Gipfel brand colors */
.page-gipfel .entry-content h2:nth-of-type(4n+1){color:var(--g-purple)}
.page-gipfel .entry-content h2:nth-of-type(4n+2){color:var(--g-orange)}
.page-gipfel .entry-content h2:nth-of-type(4n+3){color:var(--g-green)}
.page-gipfel .entry-content h2:nth-of-type(4n+4){color:var(--g-red)}

.page-diensten .entry-content h2{color:var(--g-purple)}
.page-lol-training .entry-content h2{color:var(--g-green)}
.page-resultaten .entry-content h2{color:var(--g-purple)}
.page-contact .entry-content h2{color:var(--g-orange)}
.page-privacy-statement .entry-content h2{color:var(--g-purple)}

/* Keep privacy page restrained despite using the shared hero structure */
.page-privacy-statement .page-hero{height:210px}
.page-privacy-statement .page-hero-title{font-size:52px}

/* More consistent hero titles on internal pages */
.page-gipfel .page-hero-title,
.page-diensten .page-hero-title,
.page-lol-training .page-hero-title,
.page-resultaten .page-hero-title,
.page-contact .page-hero-title{
    font-size:62px;
    font-weight:500;
}

/* Subpage content starts at the same vertical rhythm as Home */
.page-gipfel .content-shell,
.page-diensten .content-shell,
.page-lol-training .content-shell,
.page-resultaten .content-shell,
.page-contact .content-shell,
.page-privacy-statement .content-shell{
    padding-top:50px;
}

/* Responsive stacking for all internal Gutenberg columns */
@media(max-width:900px){
    .page-gipfel .entry-content > .wp-block-columns,
    .page-diensten .entry-content > .wp-block-columns,
    .page-lol-training .entry-content > .wp-block-columns,
    .page-resultaten .entry-content > .wp-block-columns,
    .page-contact .entry-content > .wp-block-columns,
    .page-privacy-statement .entry-content > .wp-block-columns{
        display:block !important;
    }
    .page-gipfel .entry-content > .wp-block-columns > .wp-block-column,
    .page-diensten .entry-content > .wp-block-columns > .wp-block-column,
    .page-lol-training .entry-content > .wp-block-columns > .wp-block-column,
    .page-resultaten .entry-content > .wp-block-columns > .wp-block-column,
    .page-contact .entry-content > .wp-block-columns > .wp-block-column,
    .page-privacy-statement .entry-content > .wp-block-columns > .wp-block-column{
        margin-bottom:32px;
    }
}


/* =========================================================
   Gipfel v3.6 - original Gipfel page reconstruction
   Home is intentionally untouched.
   ========================================================= */

/* First row: original intro + portrait/image */
.page-gipfel .entry-content > .wp-block-columns:nth-child(1){
    display:grid !important;
    grid-template-columns:minmax(0, 1.12fr) minmax(0, .88fr);
    gap:48px !important;
    margin-bottom:46px;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(1) > .wp-block-column{
    width:auto !important;
    flex-basis:auto !important;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(1) figure{
    margin:0;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(1) figure img{
    width:100%;
    height:auto;
    display:block;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(1) .gipfel-photo-caption{
    margin-top:8px;
    font-size:14px;
}

/* Second row: Talentontwikkeling / Kracht van Kwetsbaarheid */
.page-gipfel .entry-content > .wp-block-columns:nth-child(2){
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:52px !important;
    margin-bottom:52px;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(2) h2{
    margin-top:0;
    margin-bottom:16px;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(2) > .wp-block-column:nth-child(1) h2{
    color:var(--g-purple) !important;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(2) > .wp-block-column:nth-child(2) h2{
    color:var(--g-green) !important;
}

/* Third row: Anita / Saskia / Ineke in original proportions */
.page-gipfel .entry-content > .wp-block-columns:nth-child(3){
    display:grid !important;
    grid-template-columns:minmax(0, .56fr) minmax(0, 1fr);
    gap:42px !important;
    margin-bottom:24px;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(3) > .wp-block-column:nth-child(2) > .wp-block-columns{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:32px !important;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(3) h2{
    margin-top:0;
    margin-bottom:14px;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(3) > .wp-block-column:nth-child(1) h2{
    color:var(--g-green) !important;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(3) > .wp-block-column:nth-child(2) > .wp-block-columns >
.wp-block-column:nth-child(1) h2{
    color:var(--g-red) !important;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(3) > .wp-block-column:nth-child(2) > .wp-block-columns >
.wp-block-column:nth-child(2) h2{
    color:var(--g-orange) !important;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(3) figure{
    margin:0;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(3) figure img{
    width:100%;
    height:auto;
    display:block;
}

/* Original text rhythm */
.page-gipfel .entry-content p{
    line-height:1.52;
    margin-top:0;
    margin-bottom:18px;
}

/* Mobile */
@media(max-width:900px){
    .page-gipfel .entry-content > .wp-block-columns:nth-child(1),
    .page-gipfel .entry-content > .wp-block-columns:nth-child(2),
    .page-gipfel .entry-content > .wp-block-columns:nth-child(3),
    .page-gipfel .entry-content > .wp-block-columns:nth-child(3) > .wp-block-column:nth-child(2) > .wp-block-columns{
        display:block !important;
    }
    .page-gipfel .entry-content > .wp-block-columns > .wp-block-column,
    .page-gipfel .entry-content > .wp-block-columns:nth-child(3) > .wp-block-column:nth-child(2) > .wp-block-columns > .wp-block-column{
        margin-bottom:32px;
    }
}


/* =========================================================
   Gipfel v3.7 - alignment and equal-height portraits
   ========================================================= */

/* Use one common two-column grid for intro and the two subjects.
   This makes all left/right edges line up exactly. */
.page-gipfel .entry-content > .wp-block-columns:nth-child(1),
.page-gipfel .entry-content > .wp-block-columns:nth-child(2){
    grid-template-columns:1fr 1fr !important;
    gap:52px !important;
}

/* Intro text and mountain photo start at exactly the same height */
.page-gipfel .entry-content > .wp-block-columns:nth-child(1){
    align-items:start !important;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(1) > .wp-block-column:first-child > p:first-child,
.page-gipfel .entry-content > .wp-block-columns:nth-child(1) > .wp-block-column:nth-child(2) > figure:first-child{
    margin-top:0 !important;
}

/* The next row follows the exact same left/right alignment */
.page-gipfel .entry-content > .wp-block-columns:nth-child(2) > .wp-block-column{
    margin-top:0 !important;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(2) h2:first-child{
    margin-top:0 !important;
}

/* Three people: equal thirds */
.page-gipfel .entry-content > .wp-block-columns:nth-child(3){
    display:grid !important;
    grid-template-columns:1fr 2fr !important;
    gap:32px !important;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(3) > .wp-block-column:nth-child(2) > .wp-block-columns{
    grid-template-columns:1fr 1fr !important;
    gap:32px !important;
}

/* Give all three portrait areas exactly the same displayed height.
   object-fit: cover avoids distortion while keeping a clean row. */
.page-gipfel .entry-content > .wp-block-columns:nth-child(3) figure{
    width:100% !important;
    height:430px;
    overflow:hidden;
}
.page-gipfel .entry-content > .wp-block-columns:nth-child(3) figure img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    object-position:center top;
}

/* Keep all three names on one common baseline */
.page-gipfel .entry-content > .wp-block-columns:nth-child(3) h2{
    min-height:28px;
}

/* Responsive: natural image ratios again on phones/tablets */
@media(max-width:900px){
    .page-gipfel .entry-content > .wp-block-columns:nth-child(1),
    .page-gipfel .entry-content > .wp-block-columns:nth-child(2),
    .page-gipfel .entry-content > .wp-block-columns:nth-child(3),
    .page-gipfel .entry-content > .wp-block-columns:nth-child(3) > .wp-block-column:nth-child(2) > .wp-block-columns{
        display:block !important;
    }
    .page-gipfel .entry-content > .wp-block-columns:nth-child(3) figure{
        height:auto;
    }
    .page-gipfel .entry-content > .wp-block-columns:nth-child(3) figure img{
        height:auto !important;
        object-fit:initial;
    }
}


/* =========================================================
   Gipfel v3.8 - Diensten page reconstruction
   ========================================================= */

/* Original Weebly page: two equal columns, two rows */
.page-diensten .entry-content > .wp-block-columns{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:50px !important;
    align-items:start !important;
    margin:0;
}
.page-diensten .entry-content > .wp-block-spacer{
    height:50px !important;
}

/* Each service: compact icon at left, copy beside it */
.page-diensten .entry-content > .wp-block-columns > .wp-block-column{
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    column-gap:18px;
    align-items:start;
}
.page-diensten .entry-content > .wp-block-columns figure{
    grid-column:1;
    grid-row:1;
    width:112px;
    max-width:112px;
    margin:0 !important;
}
.page-diensten .entry-content > .wp-block-columns figure img{
    width:112px !important;
    height:auto !important;
    display:block;
}
.page-diensten .entry-content > .wp-block-columns p{
    grid-column:2;
    grid-row:1;
    margin:0 !important;
    line-height:1.48;
}

/* Service titles: original size and four brand colours */
.page-diensten .entry-content > .wp-block-columns p > strong:first-child{
    display:block;
    font-family:"Montserrat",sans-serif;
    font-size:23px;
    line-height:1.15;
    font-weight:600;
    margin-bottom:8px;
}
.page-diensten .entry-content > .wp-block-columns:nth-of-type(1) > .wp-block-column:nth-child(1) p > strong:first-child{
    color:var(--g-purple) !important;
}
.page-diensten .entry-content > .wp-block-columns:nth-of-type(1) > .wp-block-column:nth-child(2) p > strong:first-child{
    color:var(--g-orange) !important;
}
.page-diensten .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:nth-child(1) p > strong:first-child{
    color:var(--g-green) !important;
}
.page-diensten .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:nth-child(2) p > strong:first-child{
    color:var(--g-red) !important;
}

/* Final original explanatory paragraph / blockquote */
.page-diensten .entry-content > blockquote{
    margin:38px 0 0;
    padding:0;
    border:0;
    font-size:16px;
    line-height:1.55;
    color:#555;
}
.page-diensten .entry-content > blockquote p{
    margin:0;
}

/* Mobile */
@media(max-width:900px){
    .page-diensten .entry-content > .wp-block-columns{
        display:block !important;
    }
    .page-diensten .entry-content > .wp-block-columns > .wp-block-column{
        display:grid !important;
        grid-template-columns:90px minmax(0,1fr);
        margin-bottom:34px;
    }
    .page-diensten .entry-content > .wp-block-columns figure,
    .page-diensten .entry-content > .wp-block-columns figure img{
        width:90px !important;
        max-width:90px;
    }
}


/* Gipfel v3.9 - explicit Diensten heading colours.
   nth-of-type was unreliable because of the spacer between both rows. */
.page-diensten .entry-content > .wp-block-columns:nth-child(3) >
.wp-block-column:nth-child(1) p > strong:first-child{
    color:var(--g-green) !important;
}
.page-diensten .entry-content > .wp-block-columns:nth-child(3) >
.wp-block-column:nth-child(2) p > strong:first-child{
    color:var(--g-red) !important;
}


/* =========================================================
   Gipfel v4.0 - LOL Training page reconstruction
   ========================================================= */

.page-lol-training .entry-content > .wp-block-columns:first-child{
    display:grid !important;
    grid-template-columns:1.16fr 1fr 1.08fr;
    gap:34px !important;
    align-items:start !important;
}
.page-lol-training .entry-content > .wp-block-columns:first-child > .wp-block-column{
    min-width:0;
}
.page-lol-training .entry-content h2{
    margin-top:0;
    margin-bottom:15px;
    font-size:23px;
    line-height:1.18;
}
.page-lol-training .entry-content > .wp-block-columns:first-child >
.wp-block-column:nth-child(1) h2{
    color:var(--g-green) !important;
}
.page-lol-training .entry-content > .wp-block-columns:first-child >
.wp-block-column:nth-child(2) h2{
    color:var(--g-purple) !important;
}
.page-lol-training .entry-content p,
.page-lol-training .entry-content li{
    line-height:1.52;
}
.page-lol-training .entry-content ul{
    margin:0 0 18px 20px;
    padding:0;
}
.page-lol-training .entry-content > .wp-block-columns:first-child >
.wp-block-column:nth-child(2) figure{
    width:218px;
    max-width:100%;
    margin:18px auto 0;
}
.page-lol-training .entry-content > .wp-block-columns:first-child >
.wp-block-column:nth-child(2) figure img{
    width:100%;
    height:auto;
    display:block;
}
.page-lol-training .entry-content blockquote{
    margin:0 0 24px;
    padding:0 0 0 18px;
    border-left:3px solid #ddd;
    font-size:14px;
    line-height:1.52;
    color:#555;
}
.page-lol-training .entry-content blockquote p{
    margin-top:0;
}
.page-lol-training .entry-content .lol-sneakpreview strong{
    color:var(--g-orange);
}
.page-lol-training .entry-content > .wp-block-gallery{
    margin-top:34px;
    gap:10px !important;
}
.page-lol-training .entry-content > .wp-block-gallery .wp-block-image{
    aspect-ratio:4/3;
    overflow:hidden;
}
.page-lol-training .entry-content > .wp-block-gallery .wp-block-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* Keep first three columns readable on medium widths */
@media(max-width:1000px){
    .page-lol-training .entry-content > .wp-block-columns:first-child{
        grid-template-columns:1fr 1fr;
    }
    .page-lol-training .entry-content > .wp-block-columns:first-child >
    .wp-block-column:nth-child(3){
        grid-column:1 / -1;
        max-width:680px;
    }
}
@media(max-width:700px){
    .page-lol-training .entry-content > .wp-block-columns:first-child{
        display:block !important;
    }
    .page-lol-training .entry-content > .wp-block-columns:first-child > .wp-block-column{
        margin-bottom:34px;
    }
}


/* =========================================================
   Gipfel v4.1 - LOL Training slideshow
   Converts the Gutenberg gallery to a Weebly-like slideshow
   on the public page while keeping Gutenberg fully editable.
   ========================================================= */

.page-lol-training .lol-slideshow{
    display:grid;
    grid-template-columns:minmax(0,1fr) 122px;
    gap:14px;
    margin-top:34px;
    width:100%;
    max-width:100%;
}
.page-lol-training .lol-slideshow-stage{
    position:relative;
    background:#f4f4f4;
    min-height:480px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}
.page-lol-training .lol-slideshow-main{
    display:block;
    width:100%;
    height:600px;
    object-fit:contain;
    transition:opacity .18s ease;
}
.page-lol-training .lol-slideshow-main.is-changing{
    opacity:.18;
}
.page-lol-training .lol-slideshow-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    border:0;
    background:rgba(255,255,255,.78);
    width:42px;
    height:58px;
    font-size:30px;
    line-height:1;
    cursor:pointer;
    color:#555;
    opacity:.45;
    transition:opacity .2s ease, background .2s ease;
}
.page-lol-training .lol-slideshow-stage:hover .lol-slideshow-arrow,
.page-lol-training .lol-slideshow-arrow:focus{
    opacity:1;
}
.page-lol-training .lol-slideshow-arrow:hover{
    background:rgba(255,255,255,.96);
}
.page-lol-training .lol-prev{left:10px}
.page-lol-training .lol-next{right:10px}

.page-lol-training .lol-slideshow-thumbs{
    max-height:600px;
    overflow-y:auto;
    display:flex;
    flex-direction:column;
    gap:8px;
    padding-right:3px;
}
.page-lol-training .lol-slideshow-thumb{
    display:block;
    width:100%;
    aspect-ratio:4 / 3;
    border:2px solid transparent;
    padding:0;
    background:#eee;
    cursor:pointer;
    overflow:hidden;
    opacity:.62;
    transition:opacity .15s ease,border-color .15s ease;
}
.page-lol-training .lol-slideshow-thumb:hover,
.page-lol-training .lol-slideshow-thumb.is-active{
    opacity:1;
}
.page-lol-training .lol-slideshow-thumb.is-active{
    border-color:var(--g-purple);
}
.page-lol-training .lol-slideshow-thumb img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

@media(max-width:800px){
    .page-lol-training .lol-slideshow{
        display:block;
    }
    .page-lol-training .lol-slideshow-main{
        height:auto;
        max-height:70vh;
    }
    .page-lol-training .lol-slideshow-stage{
        min-height:0;
    }
    .page-lol-training .lol-slideshow-thumbs{
        max-height:none;
        overflow-x:auto;
        overflow-y:hidden;
        flex-direction:row;
        margin-top:10px;
        padding-bottom:5px;
    }
    .page-lol-training .lol-slideshow-thumb{
        flex:0 0 88px;
    }
}


/* =========================================================
   Gipfel v4.2 - LOL Training refinement
   ========================================================= */

/* Slightly tighter top section so the page does not create excessive white space */
.page-lol-training .entry-content > .wp-block-columns:first-child{
    grid-template-columns:1.18fr .92fr 1.05fr !important;
    gap:30px !important;
    margin-bottom:28px !important;
}
.page-lol-training .entry-content > .wp-block-columns:first-child >
.wp-block-column:nth-child(2) figure{
    width:100% !important;
    max-width:310px !important;
    margin:18px auto 0 !important;
}
.page-lol-training .entry-content > .wp-block-columns:first-child >
.wp-block-column:nth-child(2) figure img{
    width:100% !important;
    height:auto !important;
}

/* Horizontal slideshow: large image with a thumbnail bar underneath */
.page-lol-training .lol-slideshow{
    display:block !important;
    margin-top:26px !important;
}
.page-lol-training .lol-slideshow-stage{
    position:relative;
    background:#f4f4f4;
    width:100%;
    min-height:0 !important;
    height:620px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}
.page-lol-training .lol-slideshow-main{
    width:100%;
    height:100% !important;
    object-fit:contain;
    transition:opacity .18s ease;
}
.page-lol-training .lol-slideshow-strip{
    display:flex;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:10px 0 4px;
    scrollbar-width:thin;
    scroll-behavior:smooth;
}
.page-lol-training .lol-slideshow-thumb{
    flex:0 0 96px;
    width:96px !important;
    aspect-ratio:4/3;
    border:2px solid transparent;
    padding:0;
    background:#eee;
    cursor:pointer;
    overflow:hidden;
    opacity:.62;
}
.page-lol-training .lol-slideshow-thumb.is-active{
    opacity:1;
    border-color:var(--g-purple);
}
.page-lol-training .lol-slideshow-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.page-lol-training .lol-slideshow-arrow{
    opacity:.65 !important;
}
.page-lol-training .lol-slideshow-stage:hover .lol-slideshow-arrow{
    opacity:1 !important;
}

@media(max-width:800px){
    .page-lol-training .lol-slideshow-stage{
        height:auto;
        min-height:260px !important;
    }
    .page-lol-training .lol-slideshow-main{
        height:auto !important;
        max-height:70vh;
    }
    .page-lol-training .lol-slideshow-thumb{
        flex-basis:82px;
        width:82px !important;
    }
}


/* =========================================================
   Gipfel v4.3 - Resultaten
   ========================================================= */
.page-resultaten .entry-content{
    font-size:14px;
    line-height:1.52;
}
.page-resultaten .resultaten-logos{
    margin:0 0 38px !important;
    padding:0 0 20px;
    border-bottom:1px solid #eee;
}
.page-resultaten .resultaten-logos .wp-block-gallery{
    display:grid !important;
    grid-template-columns:repeat(6,1fr);
    align-items:center;
    gap:18px !important;
}
.page-resultaten .resultaten-logos figure{
    height:78px;
    margin:0 !important;
    display:flex;
    align-items:center;
    justify-content:center;
}
.page-resultaten .resultaten-logos img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
}
.page-resultaten .resultaat-item{
    display:grid !important;
    grid-template-columns:250px minmax(0,1fr);
    gap:28px !important;
    align-items:start !important;
    margin:0 0 28px !important;
    padding:0 0 28px;
    border-bottom:1px solid #eee;
}
.page-resultaten .resultaat-item > .wp-block-column:first-child figure{
    width:100%;
    max-width:250px;
    margin:0 !important;
}
.page-resultaten .resultaat-item > .wp-block-column:first-child img{
    display:block;
    width:100% !important;
    height:auto !important;
    max-height:155px;
    object-fit:contain;
    object-position:left center;
}
.page-resultaten .resultaat-item p{
    margin-top:0;
    margin-bottom:0;
}
.page-resultaten .resultaat-item strong{
    font-weight:600;
}
.page-resultaten .resultaat-item.resultaat-compact{
    grid-template-columns:170px minmax(0,1fr);
}
.page-resultaten .resultaat-item.resultaat-stork{
    grid-template-columns:minmax(0,1fr) 210px;
}
.page-resultaten .resultaat-item.resultaat-stork > .wp-block-column:last-child figure{
    margin:0 !important;
}
.page-resultaten .resultaat-item.resultaat-stork > .wp-block-column:last-child img{
    width:100% !important;
    height:auto !important;
    object-fit:contain;
}
.page-resultaten .resultaat-highlight{
    color:var(--g-orange);
    font-weight:600;
}
@media(max-width:800px){
    .page-resultaten .resultaten-logos .wp-block-gallery{
        grid-template-columns:repeat(3,1fr);
    }
    .page-resultaten .resultaat-item,
    .page-resultaten .resultaat-item.resultaat-compact,
    .page-resultaten .resultaat-item.resultaat-stork{
        display:block !important;
    }
    .page-resultaten .resultaat-item > .wp-block-column:first-child figure,
    .page-resultaten .resultaat-item.resultaat-stork > .wp-block-column:last-child figure{
        max-width:220px;
        margin:0 0 18px !important;
    }
}


/* =========================================================
   Gipfel v4.4 - Resultaten: restore original Weebly slideshows
   ========================================================= */

/* Hide the temporary static logo strip introduced in v4.3 */
.page-resultaten .resultaten-logos{
    display:none !important;
}

/* Original top section: three equal 16:9 logo/banner slideshows */
.page-resultaten .resultaten-slides-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin:0 0 34px;
}
.page-resultaten .resultaten-weebly-slideshow{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
}
.page-resultaten .resultaten-slide-image{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    transition:opacity .18s ease;
}
.page-resultaten .resultaten-slide-image.is-changing{
    opacity:.18;
}

/* Thomas International and Stork use same alignment as testimonials above */
.page-resultaten .resultaat-item.resultaat-compact,
.page-resultaten .resultaat-item.resultaat-stork{
    grid-template-columns:250px minmax(0,1fr) !important;
}
.page-resultaten .resultaat-item.resultaat-stork > .wp-block-column:first-child{
    min-height:1px;
}
.page-resultaten .resultaat-item.resultaat-stork > .wp-block-column:last-child{
    grid-column:2;
}
.page-resultaten .resultaat-item.resultaat-stork > .wp-block-column:last-child figure{
    max-width:250px;
    margin:0 !important;
}

/* On mobile everything stacks */
@media(max-width:800px){
    .page-resultaten .resultaten-slides-row{
        grid-template-columns:1fr;
        gap:12px;
    }
    .page-resultaten .resultaat-item.resultaat-compact,
    .page-resultaten .resultaat-item.resultaat-stork{
        display:block !important;
    }
}


/* =========================================================
   Gipfel v4.5 - Resultaten final alignment fixes
   ========================================================= */

/* Make the original three Weebly slideshow panels clearly visible */
.page-resultaten .resultaten-slides-row{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:24px !important;
    width:100% !important;
    margin:0 0 42px !important;
    padding:0 !important;
}
.page-resultaten .resultaten-weebly-slideshow{
    display:flex !important;
    width:100% !important;
    aspect-ratio:16/9 !important;
    min-height:150px !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:#fff !important;
}
.page-resultaten .resultaten-slide-image{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
}

/* Stork is a normal Resultaten row, identical to the rows above */
.page-resultaten .resultaat-item.resultaat-stork{
    display:grid !important;
    grid-template-columns:250px minmax(0,1fr) !important;
    gap:28px !important;
    align-items:start !important;
}
.page-resultaten .resultaat-item.resultaat-stork > .wp-block-column:first-child{
    grid-column:1 !important;
}
.page-resultaten .resultaat-item.resultaat-stork > .wp-block-column:last-child{
    grid-column:2 !important;
}
.page-resultaten .resultaat-item.resultaat-stork > .wp-block-column:first-child figure{
    width:100% !important;
    max-width:250px !important;
    margin:0 !important;
}
.page-resultaten .resultaat-item.resultaat-stork > .wp-block-column:first-child img{
    width:100% !important;
    height:auto !important;
    max-height:155px !important;
    object-fit:contain !important;
    object-position:left center !important;
}
@media(max-width:800px){
    .page-resultaten .resultaten-slides-row{
        grid-template-columns:1fr !important;
    }
    .page-resultaten .resultaat-item.resultaat-stork{
        display:block !important;
    }
}

/* Gipfel v4.6 - calmer Resultaten logo banner */
.page-resultaten .resultaten-slide-image{
    transition:opacity 1.4s ease-in-out !important;
}
.page-resultaten .resultaten-slide-image.is-changing{
    opacity:0 !important;
}

/* Gipfel v4.7 - staggered Resultaten banner */
.page-resultaten .resultaten-slide-image{
    transition:opacity 1.1s ease-in-out !important;
}