/*
Theme Name: Grenzeloosmoedig-theme1.0
Author: PB Webdiensten / Kavion
Version: 1.0.0
Description: Professioneel en aanpasbaar Kavion V10 WordPress Thema.
*/


:root{
  --navy:#071b3a;
  --navy2:#0e2b55;
  --gold:#cd7d0a;
  --gold2:#e4a23f;
  --cream:#fffaf4;
  --cream2:#f7eadc;
  --white:#fff;
  --text:#24334a;
  --muted:#667085;
  --shadow:0 18px 55px rgba(57,37,17,.10);
  --shadow-soft:0 10px 30px rgba(57,37,17,.08);
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Poppins",Arial,sans-serif;
  --container:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}

body{
  margin:0;
  overflow-x:hidden;
  color:var(--navy);

  background:
    radial-gradient(
      circle at 85% 10%,
      rgba(244,226,205,.35) 0%,
      transparent 30%
    ),
    radial-gradient(
      circle at 15% 55%,
      rgba(250,240,228,.45) 0%,
      transparent 42%
    ),
    linear-gradient(
      180deg,
      #fffdfa 0%,
      #fdf9f5 30%,
      #fbf5ef 70%,
      #fffdfa 100%
    );

  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
}

.kavion-main-content,
main,
.site,
#page,
.site-content,
.content-area,
.site-main,
.entry-content{
  background:transparent !important;
}

img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button{font:inherit}
.gm-shell{width:min(calc(100% - 48px),var(--container));margin-inline:auto}
.gm-section{padding:22px 0}
.gm-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:48px;padding:0 24px;border-radius:8px;border:0;
  font-size:13px;font-weight:600;transition:.25s ease;
}
.gm-btn:hover{transform:translateY(-2px)}
.gm-btn--navy{color:#fff;background:linear-gradient(135deg,var(--navy),var(--navy2));box-shadow:0 12px 28px rgba(7,27,58,.2)}
.gm-btn--gold{color:#fff;background:linear-gradient(135deg,#c87500,#e79a18);box-shadow:0 12px 28px rgba(199,117,4,.24)}
.gm-btn--line{color:var(--navy);border:1px solid var(--gold2);background:rgba(255,255,255,.72)}
.gm-arrow{font-size:20px;line-height:1}

/* HEADER */
.gm-header{
  position:absolute;z-index:50;top:0;left:0;width:100%;
}
.gm-header__row{
  position:relative;display:grid;grid-template-columns:260px 1fr auto;
  align-items:center;gap:32px;min-height:250px;
}
.gm-logo{
  position:absolute;z-index:5;top:14px;left:0;width:215px;
}
.gm-logo img{width:100%;height:auto}
.gm-nav{grid-column:2;justify-self:center}
.gm-nav ul{display:flex;align-items:center;gap:46px;margin:0;padding:0;list-style:none}
.gm-nav a{position:relative;padding:16px 0 13px;font-size:13px;font-weight:500}
.gm-nav a:after{
  content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;
  background:var(--gold);transform:scaleX(0);transition:.2s ease
}
.gm-nav a:hover,.gm-nav a.active{color:var(--gold)}
.gm-nav a:hover:after,.gm-nav a.active:after{transform:scaleX(1)}
.gm-header__cta{grid-column:3;justify-self:end}
.gm-menu{display:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(7,27,58,.12);background:#fff}
.gm-menu span{display:block;width:20px;height:2px;margin:4px auto;background:var(--navy)}

/* HERO */

/*.gm-hero{
  position:relative;
  min-height:720px;
  overflow:hidden;
  padding:146px 0 0;
  background:transparent;
}*/

.gm-hero{
  position:relative;
  min-height:720px;
  overflow:hidden;
  padding:146px 0 0;

  background:
      url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/hero-background.webp")
      center center / cover no-repeat;
}

.gm-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;

    background:

linear-gradient(
    180deg,
    rgba(255,255,255,.48) 0%,
    rgba(255,255,255,.18) 24%,
    transparent 55%
),

        /* lichte topfade */
        linear-gradient(
            180deg,
            rgba(255,255,255,.55) 0%,
            rgba(255,255,255,.18) 18%,
            transparent 42%
        ),

        /* lichtbollen */
        radial-gradient(circle at 68% 20%, rgba(255,255,255,.70) 0 4%, transparent 5%),
        radial-gradient(circle at 75% 38%, rgba(255,255,255,.55) 0 3%, transparent 4%),
        radial-gradient(circle at 88% 18%, rgba(255,255,255,.45) 0 2.5%, transparent 3.5%),

        /* verticale banen 
        linear-gradient(
            90deg,
            rgba(255,255,255,.28) 0%,
            rgba(255,255,255,.10) 18%,
            transparent 36%,
            rgba(255,255,255,.08) 55%,
            transparent 75%,
            rgba(255,255,255,.12) 100%
        ), */

        /* warme gloed rechts */
        radial-gradient(
            ellipse at 82% 45%,
            rgba(218,173,125,.18),
            transparent 42%
        );

    opacity:.95;
}


.gm-hero__grid{
  position:relative;z-index:3;display:grid;grid-template-columns:46% 54%;
  min-height:575px;align-items:start;
}
.gm-hero__copy{padding-top:106px;max-width:500px;position:relative;z-index:8}
.gm-kicker{margin:0 0 10px;color:var(--gold);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.gm-hero h1{
  margin:0;color:var(--navy);font-family:var(--serif);
  font-size:clamp(54px,5vw,72px);font-weight:600;line-height:.88;letter-spacing:-.04em;
}
.gm-hero h1 span{color:var(--gold)}
.gm-hero__lead{max-width:500px;margin:18px 0 22px;color:var(--text);font-size:13px;line-height:1.65}
.gm-hero__features{display:grid;grid-template-columns:repeat(3,1fr);width:470px;max-width:100%;margin-top:22px}
.gm-feature{position:relative;text-align:center;padding:0 15px;min-height:82px}
.gm-feature:not(:last-child):after{content:"";position:absolute;right:0;top:7px;width:1px;height:58px;background:rgba(205,125,10,.32)}
.gm-feature svg{width:36px;height:36px;fill:none;stroke:var(--gold);stroke-width:1.6;margin:0 auto 5px}
.gm-feature strong{display:block;font-size:11px;line-height:1.35;font-weight:500}


.gm-hero__visual{
    position:relative;
    min-height:575px;
    z-index:2;
}


.gm-hero__visual{
  position:relative;
  min-height:575px;
  z-index:2;
}

.gm-circle{
  position:absolute;
  z-index:1;
  top:15px;
  right:15px;

  width:min(510px,43vw);
  aspect-ratio:1;

  border:1px solid rgba(205,125,10,.52);
  border-radius:50%;

  /* Rechterzijde subtiel uitgummen + onderkant vervagen */
  -webkit-mask-image:
    linear-gradient(
      to left,
      transparent 0%,
      rgba(0,0,0,.12) 5%,
      rgba(0,0,0,.45) 11%,
      rgba(0,0,0,.82) 18%,
      #000 27%
    ),
    linear-gradient(
      to bottom,
      #000 0%,
      #000 72%,
      rgba(0,0,0,.85) 82%,
      rgba(0,0,0,.30) 94%,
      transparent 100%
    );

  -webkit-mask-composite: source-in;

  mask-image:
    linear-gradient(
      to left,
      transparent 0%,
      rgba(0,0,0,.12) 5%,
      rgba(0,0,0,.45) 11%,
      rgba(0,0,0,.82) 18%,
      #000 27%
    ),
    linear-gradient(
      to bottom,
      #000 0%,
      #000 72%,
      rgba(0,0,0,.85) 82%,
      rgba(0,0,0,.30) 94%,
      transparent 100%
    );

  mask-composite: intersect;
}



/*.gm-leaves{
  position:absolute;z-index:2;right:-54px;top:42px;width:225px;opacity:.42;pointer-events:none;
}*/

.gm-leaves{
    display:none;
}


.gm-owner{
  position:absolute;
  z-index:5;

  right:10px !important;
  top:-200px !important;
  bottom:auto !important;

  width:min(515px,43vw);
  max-width:none;
  height:auto;

  filter:drop-shadow(0 22px 30px rgba(49,29,12,.10));
}


/* echte S-overgang */
.gm-wave{
  position:absolute;z-index:7;left:0;right:0;bottom:-1px;height:122px;pointer-events:none;
}
.gm-wave svg{display:block;width:100%;height:100%}

/* Witte hero-overgang: links vlak, rechts krachtig omhoog */
.gm-wave {
  position: absolute;
  z-index: 7;
  left: 0;
  right: 0;
  bottom: -1px;
  width: 100%;
  height: 190px;
  overflow: hidden;
  pointer-events: none;
}



.gm-wave svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}






/* HELP */
.gm-help{position:relative;z-index:12;margin-top:-29px}
.gm-help__box{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;
  min-height:76px;padding:12px 16px 12px 24px;border-radius:18px;
  background:linear-gradient(90deg,#f9eee3,#fffdfa);box-shadow:var(--shadow-soft);
  border:1px solid rgba(205,125,10,.08)
}
.gm-help__icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff;border:1px solid rgba(205,125,10,.18)}
.gm-help__icon svg{width:28px;height:28px;fill:none;stroke:var(--gold);stroke-width:1.5}
.gm-help h2{margin:0 0 2px;font-family:var(--serif);font-size:24px;line-height:1}
.gm-help p{margin:0;font-size:11px;color:var(--text)}

/* =========================
   CARDS
========================= */

.gm-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.gm-card{
    position:relative;
    overflow:hidden;

    min-height:285px;
    padding:42px 28px 28px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;

    border-radius:24px;

    background:
        url("https://coach.kavion.nl/wp-content/uploads/2026/08/card.webp")
        center center / 119% 119%
        no-repeat;

    border:1px solid rgba(255,255,255,.55);

    box-shadow:
        0 10px 28px rgba(27,28,38,.07),
        0 30px 60px rgba(27,28,38,.05);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

/* subtiele glans */
.gm-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.42),
            rgba(255,255,255,.08) 35%,
            transparent 60%
        );

    opacity:.9;
}

/* warme gloed rechts onder */
.gm-card::after{
    content:"";
    position:absolute;

    right:-70px;
    bottom:-70px;

    width:180px;
    height:180px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(215,174,122,.16),
            transparent 70%
        );

    pointer-events:none;
}

.gm-card:hover{

    transform:translateY(-8px);

    box-shadow:
        0 18px 40px rgba(27,28,38,.10),
        0 45px 80px rgba(27,28,38,.08);
}

.gm-card__icon{

    display:grid;
    place-items:center;

    width:74px;
    height:74px;

    margin-bottom:18px;

    border-radius:50%;

    background:rgba(255,255,255,.96);

    box-shadow:
        0 10px 24px rgba(20,20,30,.08);
}

.gm-card__icon svg{
    width:38px;
    height:38px;

    fill:none;
    stroke:var(--gold);
    stroke-width:1.5;
}

.gm-card h3{

    margin:0;

    font-family:var(--serif);
    font-size:30px;
    line-height:.95;
}

.gm-card p{

    max-width:250px;

    margin:14px auto 18px;

    font-size:12px;
    line-height:1.6;

    color:var(--text);
}

.gm-link{

    display:inline-flex;
    align-items:center;
    gap:8px;

    padding-bottom:4px;

    border-bottom:1px solid var(--gold);

    font-size:12px;
    font-weight:600;

    transition:
        gap .25s ease,
        color .25s ease;
}

.gm-card:hover .gm-link{
    gap:12px;
}

/* QUOTE */
.gm-quote{
  display:grid;grid-template-columns:auto 1fr 250px;align-items:center;gap:20px;
  min-height:80px;padding:14px 28px;border-radius:18px;background:linear-gradient(90deg,#f7eee5,#fffdfa 58%,#f7eee5)
}
.gm-quote__mark{font-family:Georgia,serif;font-size:60px;color:var(--gold2);line-height:.6;transform:translateY(10px)}
.gm-quote p{margin:0;font-family:var(--serif);font-size:30px;font-weight:600;line-height:.96}
.gm-quote__line{position:relative;height:50px}
.gm-quote__line:before{content:"";position:absolute;left:0;right:0;top:25px;height:1px;background:var(--gold2)}
.gm-quote__line svg{position:absolute;left:45%;top:4px;width:42px;height:42px;background:#fbf4ec;fill:none;stroke:var(--gold);stroke-width:1.3}

/* STORY */
.gm-story{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:36px}
.gm-video{position:relative;min-height:330px;overflow:hidden;border-radius:20px;box-shadow:var(--shadow)}
.gm-video img{width:100%;height:330px;object-fit:cover}
.gm-video:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(14,10,6,.58) 100%)}
.gm-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,#df9528,#c67507);color:#fff;font-size:28px}
.gm-video h3{position:absolute;z-index:2;left:20px;right:20px;bottom:52px;margin:0;text-align:center;color:#fff;font-family:var(--serif);font-size:34px;line-height:.96;text-transform:uppercase}
.gm-video small{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;text-align:center;color:#fff;font-weight:600}
.gm-story h2{margin:0;font-family:var(--serif);font-size:44px;line-height:.92}
.gm-story p{font-size:12px;line-height:1.6;color:var(--text)}
.gm-checks{display:grid;gap:7px;margin:14px 0 20px;padding:0;list-style:none}
.gm-checks li{position:relative;padding-left:24px;font-size:12px}
.gm-checks li:before{content:"✓";position:absolute;left:0;top:0;display:grid;place-items:center;width:16px;height:16px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:10px}

/* CTA */
.gm-cta{
  position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;
  min-height:170px;padding:30px 52px;border-radius:22px;background:linear-gradient(110deg,#f8ecdf,#fffaf4 55%,#f0d7bb);box-shadow:var(--shadow-soft)
}
.gm-cta h2{margin:0 0 8px;font-family:var(--serif);font-size:42px;line-height:.92}
.gm-cta p{margin:0;font-size:12px;line-height:1.55;color:var(--text)}

/* FOOTER */
.gm-footer{padding:18px 0 24px;background:#fffdfa}
.gm-footer__links{display:grid;grid-template-columns:repeat(4,auto);justify-content:center}
.gm-footer__links a{display:inline-flex;align-items:center;gap:7px;padding:0 28px;font-size:11px;color:var(--text)}
.gm-footer__links a:not(:last-child){border-right:1px solid rgba(205,125,10,.28)}
.gm-footer__links svg{width:15px;height:15px;fill:none;stroke:var(--gold);stroke-width:1.5}
.gm-copy{margin-top:14px;text-align:center;font-size:10px;color:#838895}



/* ===========================
   HERO FINETUNE V2
   =========================== */

/* Hero krijgt meer diepte */
.gm-hero::before{

    background:

        /* lichte topfade */
        linear-gradient(
            180deg,
            rgba(255,255,255,.55) 0%,
            rgba(255,255,255,.20) 18%,
            transparent 42%
        ),

        /* lichtbollen */
        radial-gradient(circle at 68% 20%, rgba(255,255,255,.70) 0 4%, transparent 5%),
        radial-gradient(circle at 75% 38%, rgba(255,255,255,.50) 0 3%, transparent 4%),
        radial-gradient(circle at 88% 18%, rgba(255,255,255,.40) 0 2.5%, transparent 3.5%),

        /* verticale banen subtieler */
        linear-gradient(
            90deg,
            rgba(255,255,255,.18) 0%,
            rgba(255,255,255,.06) 18%,
            transparent 36%,
            rgba(255,255,255,.05) 55%,
            transparent 75%,
            rgba(255,255,255,.08) 100%
        ),

        /* grotere witte gloed achter hero-afbeelding */
        radial-gradient(
            ellipse at 79% 60%,
            rgba(255,255,255,.48) 0%,
            rgba(255,255,255,.22) 42%,
            transparent 72%
        ),

        /* warme gloed */
        radial-gradient(
            ellipse at 82% 46%,
            rgba(218,173,125,.18),
            transparent 52%
        );

    opacity:.96;
}

/* Cirkel subtiel laten vervagen rechts */
.gm-circle{
    -webkit-mask-image:linear-gradient(
        90deg,
        #000 0%,
        #000 76%,
        rgba(0,0,0,.45) 90%,
        transparent 100%
    );

    mask-image:linear-gradient(
        90deg,
        #000 0%,
        #000 76%,
        rgba(0,0,0,.45) 90%,
        transparent 100%
    );
}


.gm-video{
    position:relative;
    overflow:hidden;

    width:100%;
    aspect-ratio:16 / 9;

    border-radius:28px;

    box-shadow:var(--shadow-soft);
}

.gm-video iframe{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    border:0;
}

/* =========================================================
   RESPONSIVE — TABLET, MOBIEL EN GROTE SCHERMEN
========================================================= */

/* Kleine laptop / tablet liggend */
@media (min-width: 992px) and (max-width: 1199px){

  .gm-shell{
    width:min(calc(100% - 40px),1080px);
  }

  .gm-header__row{
    grid-template-columns:210px 1fr auto;
    gap:20px;
    min-height:190px;
  }

  .gm-logo{
    width:180px;
  }

  .gm-nav ul{
    gap:26px;
  }

  .gm-hero{
    min-height:680px;
    padding-top:130px;
  }

  .gm-hero__grid{
    grid-template-columns:47% 53%;
    min-height:545px;
  }

  .gm-hero__copy{
    padding-top:95px;
    max-width:460px;
  }

  .gm-hero h1{
    font-size:clamp(48px,5vw,62px);
  }

  .gm-hero__visual{
    min-height:545px;
  }

  .gm-circle{
    right:0;
    width:min(470px,43vw);
  }

.gm-owner{
    position:absolute;
    z-index:5;

    right:0 !important;

    top:20px !important;   /* lager getal = verder omhoog */

    bottom:auto !important;

    width:min(540px,43vw);

    max-width:none;
    height:auto;

    filter:drop-shadow(0 22px 30px rgba(49,29,12,.10));
}

  .gm-wave{
    height:175px;
  }

  .gm-cards{
    gap:16px;
  }

  .gm-card{
    padding-inline:20px;
  }

  .gm-card h3{
    font-size:26px;
  }
}


/* Tablet en mobiel */
@media (max-width: 991px){

  .gm-shell{
    width:min(calc(100% - 32px),760px);
  }

  /* Header */
  .gm-header__row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:100px;
    padding-top:10px;
  }

  .gm-logo{
    position:relative;
    top:auto;
    left:auto;
    width:150px;
    flex:0 0 auto;
  }

  .gm-header__cta{
    display:none;
  }

  .gm-menu{
    position:relative;
    z-index:1002;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    padding:0;
    border:1px solid rgba(7,27,58,.12);
    border-radius:50%;
    background:rgba(255,255,255,.95);
    cursor:pointer;
  }

  .gm-menu span{
    display:block;
    width:20px;
    height:2px;
    margin:2.5px 0;
    background:var(--navy);
    transition:.25s ease;
  }

  .gm-menu.is-open span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }

  .gm-menu.is-open span:nth-child(2){
    opacity:0;
  }

  .gm-menu.is-open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

  .gm-nav{
    position:fixed;
    z-index:1000;
    top:0;
    right:0;
    display:flex;
    width:min(340px,88vw);
    height:100dvh;
    padding:120px 28px 40px;
    background:rgba(255,253,250,.98);
    box-shadow:-18px 0 50px rgba(7,27,58,.14);
    transform:translateX(110%);
    visibility:hidden;
    transition:transform .3s ease, visibility .3s ease;
  }

  .gm-nav.is-open{
    transform:translateX(0);
    visibility:visible;
  }

  .gm-nav ul{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    width:100%;
  }

  .gm-nav li{
    width:100%;
  }

  .gm-nav a{
    display:block;
    width:100%;
    padding:15px 0;
    font-size:17px;
    border-bottom:1px solid rgba(7,27,58,.08);
  }

  .gm-nav a::after{
    display:none;
  }

  /* Hero */
  .gm-hero{
    min-height:auto;
    padding:126px 0 48px;
    background:
      linear-gradient(
        180deg,
        #fff 0%,
        #fffaf5 50%,
        #f9eee4 100%
      ) !important;
  }

  .gm-hero::before{
    background:
      radial-gradient(
        circle at 85% 18%,
        rgba(255,255,255,.75) 0 5%,
        transparent 6%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.45),
        transparent 48%
      );
  }

  .gm-hero__grid{
    display:block;
    min-height:auto;
  }

  .gm-hero__copy{
    max-width:620px;
    padding-top:40px;
  }

  .gm-hero h1{
    font-size:clamp(48px,8vw,64px);
    line-height:.92;
  }

  .gm-hero__lead{
    max-width:580px;
    font-size:14px;
  }

  .gm-hero__visual,
  .gm-owner,
  .gm-circle,
  .gm-leaves{
    display:none !important;
  }

  .gm-wave{
    display:none;
  }

  .gm-hero__features{
    width:min(100%,500px);
    margin-top:28px;
  }

  /* Acute hulp */
  .gm-help{
    margin-top:0;
    padding-top:14px;
  }

  .gm-help__box{
    grid-template-columns:50px 1fr;
    gap:14px;
    padding:16px;
  }

  .gm-help__actions{
    grid-column:1 / -1;
  }

  .gm-help__actions .gm-btn{
    width:100%;
  }

  /* Kaarten */
  .gm-cards{
    grid-template-columns:1fr;
    gap:20px;
  }

  .gm-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:300px;
    padding:38px 24px 30px;
    text-align:center;
  }

  .gm-card__icon{
    margin:0 auto 20px;
  }

  .gm-card h3{
    width:100%;
    margin:0 0 12px;
    font-size:30px;
    line-height:1;
    text-align:center;
  }

  .gm-card p{
    width:100%;
    max-width:280px;
    min-height:0;
    margin:0 auto 20px;
    text-align:center;
  }

  .gm-card .gm-link{
    align-self:center;
    margin:0 auto;
    justify-content:center;
  }

  /* Quote */
  .gm-quote{
    grid-template-columns:auto 1fr;
    gap:14px;
    min-height:auto;
    padding:20px;
  }

  .gm-quote p{
    font-size:25px;
  }

  .gm-quote__line{
    display:none;
  }

  /* Story */
  .gm-story{
    grid-template-columns:1fr;
    gap:28px;
  }

  .gm-video,
  .gm-video img{
    width:100%;
    height:340px;
    min-height:340px;
  }

  .gm-story h2{
    font-size:40px;
  }

  /* CTA */
  .gm-cta{
    grid-template-columns:1fr;
    gap:24px;
    padding:34px 28px;
  }

  .gm-cta h2{
    font-size:40px;
  }

  .gm-cta .gm-btn{
    justify-self:start;
  }

  /* Footer */
  .gm-footer__links{
    grid-template-columns:repeat(2,auto);
    gap:16px 0;
  }

  .gm-footer__links a{
    padding-inline:20px;
  }
}


/* Telefoon */
@media (max-width: 640px){

  .gm-shell{
    width:calc(100% - 28px);
  }

  .gm-header__row{
    min-height:86px;
  }

  .gm-logo{
    width:125px;
  }

  .gm-menu{
    width:44px;
    height:44px;
  }

  .gm-hero{
    padding:100px 0 34px;
  }

  .gm-hero__copy{
    padding-top:30px;
  }

  .gm-kicker{
    font-size:11px;
  }

  .gm-hero h1{
    font-size:clamp(42px,13vw,54px);
  }

  .gm-hero__lead{
    font-size:13px;
    line-height:1.65;
  }

  .gm-hero__features{
    grid-template-columns:repeat(3,1fr);
    width:100%;
  }

  .gm-feature{
    min-width:0;
    padding:0 6px;
  }

  .gm-feature svg{
    width:31px;
    height:31px;
  }

  .gm-feature strong{
    font-size:9px;
    line-height:1.3;
  }

  .gm-feature:not(:last-child)::after{
    height:52px;
  }

  .gm-help__box{
    grid-template-columns:42px 1fr;
    padding:14px;
  }

  .gm-help__icon{
    width:42px;
    height:42px;
  }

  .gm-help h2{
    font-size:24px;
  }

  .gm-help p{
    font-size:10px;
    line-height:1.5;
  }

  .gm-card{
    min-height:285px;
    padding:34px 22px 28px;
    border-radius:22px;
  }

  .gm-card__icon{
    width:66px;
    height:66px;
    margin-bottom:18px;
  }

  .gm-card h3{
    font-size:27px;
  }

  .gm-card p{
    max-width:245px;
    font-size:13px;
  }

  .gm-quote{
    grid-template-columns:38px 1fr;
    padding:18px;
  }

  .gm-quote__mark{
    font-size:48px;
  }

  .gm-quote p{
    font-size:21px;
  }

  .gm-video,
  .gm-video img{
    height:270px;
    min-height:270px;
  }

  .gm-video h3{
    font-size:28px;
  }

  .gm-play{
    width:64px;
    height:64px;
  }

  .gm-story h2{
    font-size:35px;
  }

  .gm-cta{
    padding:28px 22px;
    border-radius:20px;
  }

  .gm-cta h2{
    font-size:34px;
  }

  .gm-cta .gm-btn{
    width:100%;
    justify-self:stretch;
  }

  .gm-footer__links{
    grid-template-columns:1fr;
    justify-items:center;
    gap:14px;
  }

  .gm-footer__links a{
    padding:0;
    border-right:0 !important;
  }
}


/* Grote desktops */
@media (min-width: 1440px){

  .gm-shell{
    width:min(calc(100% - 64px),1280px);
  }

  .gm-hero__copy{
    max-width:530px;
  }

  .gm-owner{
    width:min(550px,40vw);
  }

  .gm-circle{
    width:min(545px,40vw);
  }
}


@media screen and (min-width: 992px) {
  .gm-shell.gm-header__row {
    min-height: 125px;
  }

  .gm-header .gm-logo {
    width: 285px !important;
    max-width: 285px !important;
  }

  .gm-header nav#gm-mobile-nav,
  .gm-header .gm-header__cta {
    transform: translateY(-12px);
  }

  .gm-hero {
    padding-top: 185px !important;
  }

  .gm-hero__copy {
    padding-top: 45px !important;
  }
}

/* ===== Desktop finetuning ===== */
@media (min-width:992px){

    .gm-hero{
        padding-top:240px !important;
    }

    .gm-hero__copy{
        padding-top:35px !important;
    }

    .gm-nav{
        transform:translateY(-18px);
    }

    .gm-header__cta{
        transform:translateY(-18px);
    }

}

@media (max-width: 991px) {

    /* Hero zelf iets minder ruimte boven */
    .gm-hero {
        padding-top: 55px !important;
    }

    /* Tekst flink omhoog */
    .gm-hero__copy {
        padding-top: 0 !important;
        margin-top: -55px !important;
    }

}

/* =========================================================
   IPAD LIGGEND = DEZELFDE LAYOUT ALS TABLET STAAND/MOBIEL
   Alleen CSS, geen scriptwijziging
========================================================= */
@media screen and (min-width: 992px) and (max-width: 1280px) and (orientation: landscape) {

  /* Header als tablet */
  .gm-header {
    position: relative !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .gm-shell.gm-header__row,
  .gm-header__row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: min(calc(100% - 32px), 760px) !important;
    min-height: 120px !important;
    margin: 0 auto !important;
    padding: 10px 0 !important;
  }

  /* Logo zoals tablet staand */
  .gm-header .gm-logo,
  .gm-logo {
    position: relative !important;
    top: auto !important;
    left: auto !important;

    width: 190px !important;
    max-width: 190px !important;
    flex: 0 0 auto !important;
  }

  /* Desktop CTA weg */
  .gm-header__cta {
    display: none !important;
  }

  /* Desktopnavigatie weg */
  .gm-header nav#gm-mobile-nav {
    display: none !important;
  }

  /* Hamburger tonen */
  .gm-header button#gm-menu-button,
  .gm-header .gm-menu {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;

    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    width: 48px !important;
    height: 48px !important;
    padding: 10px !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .gm-header button#gm-menu-button span,
  .gm-header .gm-menu span {
    display: block !important;
    width: 28px !important;
    height: 3px !important;
    margin: 0 !important;
    background: #071b3a !important;
  }

  /* Hero als tablet/mobiel */
  .gm-hero {
    min-height: auto !important;
    padding: 55px 0 48px !important;

    background:
      linear-gradient(
        180deg,
        #fff 0%,
        #fffaf5 50%,
        #f9eee4 100%
      ) !important;
  }

  .gm-hero__grid {
    display: block !important;
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  .gm-hero__copy {
    max-width: 620px !important;
    margin: 0 !important;
    padding-top: 0 !important;
  }

  .gm-hero h1 {
    font-size: clamp(48px, 8vw, 64px) !important;
    line-height: .92 !important;
  }

  .gm-hero__lead {
    max-width: 580px !important;
    font-size: 14px !important;
  }

  /* Rechterbeeld weg */
  .gm-hero__visual,
  .gm-owner,
  .gm-circle,
  .gm-leaves,
  .gm-wave {
    display: none !important;
  }

  .gm-hero__features {
    width: min(100%, 500px) !important;
    margin-top: 28px !important;
  }

  /* Helpblok zoals tablet */
  .gm-help {
    margin-top: 0 !important;
    padding-top: 14px !important;
  }

  .gm-help__box {
    grid-template-columns: 50px 1fr !important;
    gap: 14px !important;
    padding: 16px !important;
  }

  .gm-help__actions {
    grid-column: 1 / -1 !important;
  }

  .gm-help__actions .gm-btn {
    width: 100% !important;
  }

  /* Rest van de pagina één kolom */
  .gm-cards {
    grid-template-columns: 1fr !important;
  }

  .gm-story {
    grid-template-columns: 1fr !important;
  }

  .gm-cta {
    grid-template-columns: 1fr !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1280px) and (orientation: landscape) {
  .gm-header nav#gm-mobile-nav.is-open {
    display: flex !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;

    width: min(360px, 88vw) !important;
    height: 100dvh !important;
    padding: 125px 28px 40px !important;

    background: rgba(255,253,250,.99) !important;
    box-shadow: -18px 0 50px rgba(7,27,58,.15) !important;

    flex-direction: column !important;
    z-index: 1000001 !important;
  }
}



/* iPad liggend: volledige hero-tekst zichtbaar */
@media screen and (min-width: 992px) and (max-width: 1280px) {

  .gm-hero {
    height: auto !important;
    min-height: 620px !important;
    padding-top: 0 !important;
    padding-bottom: 70px !important;
    overflow: hidden !important;
  }

  .gm-hero__grid {
    display: block !important;
    height: auto !important;
    min-height: 550px !important;
  }

  .gm-hero__copy {
    position: relative !important;
    top: auto !important;
    transform: none !important;

    margin-top: 0 !important;
    padding-top: 325px !important;

    max-width: 620px !important;
  }
}

/* =========================================
   ULTRAWIDE FIX
========================================= */
@media screen and (min-width:1800px){

  /* Alle gewone content breder maken */
  .gm-shell{
    width:min(calc(100% - 100px),1500px) !important;
    max-width:1500px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Hero en header dezelfde maximale breedte */
  .gm-header,
  .gm-hero{
    width:min(100%,1900px) !important;
    max-width:1900px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media screen and (min-width:1800px){

  .gm-shell{
    width:min(calc(100% - 100px),1500px) !important;
    max-width:1500px !important;
  }

  .gm-header,
  .gm-hero{
    width:min(100%,1850px) !important;
    max-width:1850px !important;
    margin-inline:auto !important;
  }

  .gm-section{
    padding-top:34px !important;
    padding-bottom:34px !important;
  }

  .gm-card{
    min-height:330px !important;
  }

  .gm-story{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }

  .gm-cta{
    min-height:190px !important;
  }
}




/* =========================================================
   HEADER — COMPLETE OVERRIDE
========================================================= */

.gm-header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 999999 !important;
  background: transparent;
  overflow: visible !important;
}

/* De div heeft beide classes */
.gm-shell.gm-header__row {
  position: relative !important;
  z-index: 999999 !important;

  display: grid !important;
  grid-template-columns: 330px 1fr auto;
  align-items: center;
  gap: 32px;

  width: min(1400px, calc(100% - 48px));
  min-height: 125px;
  margin: 0 auto;
  padding: 12px 0;

  box-sizing: border-box;
  overflow: visible !important;
}

/* =========================================================
   LOGO
========================================================= */

.gm-header .gm-logo {
  position: relative !important;
  top: auto !important;
  left: auto !important;

  display: flex !important;
  align-items: center;

  width: 285px !important;
  max-width: 285px !important;

  margin: 0;
  padding: 0;

  grid-column: 1;
  z-index: 10;
}

.gm-header .gm-logo img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  object-fit: contain;
}

/* =========================================================
   DESKTOP NAVIGATIE
========================================================= */

.gm-header nav#gm-mobile-nav {
  position: relative !important;
  z-index: 20 !important;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  grid-column: 2;
  justify-self: center;

  width: auto;
  height: auto;

  padding: 0;
  margin: 0;

  background: transparent;
  box-shadow: none;
  transform: none !important;
}

.gm-header nav#gm-mobile-nav ul {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 42px;

  width: auto;
  margin: 0;
  padding: 0;

  list-style: none;
}

.gm-header nav#gm-mobile-nav li {
  display: block;
  margin: 0;
  padding: 0;
}

.gm-header nav#gm-mobile-nav a {
  position: relative;
  display: block;

  padding: 15px 0;

  color: #071b3a;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.gm-header nav#gm-mobile-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;

  height: 2px;
  background: #cd7d0a;

  transform: scaleX(0);
  transition: transform 0.2s ease;
}

.gm-header nav#gm-mobile-nav a:hover,
.gm-header nav#gm-mobile-nav a.active {
  color: #cd7d0a;
}

.gm-header nav#gm-mobile-nav a:hover::after,
.gm-header nav#gm-mobile-nav a.active::after {
  transform: scaleX(1);
}

/* =========================================================
   DESKTOP CTA
========================================================= */

.gm-header .gm-header__cta {
  display: block !important;
  grid-column: 3;
  justify-self: end;
}

/* =========================================================
   HAMBURGER OP DESKTOP WEG
========================================================= */

.gm-header button#gm-menu-button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* =========================================================
   MOBIEL
========================================================= */

@media screen and (max-width: 900px) {
  .gm-header {
    position: relative !important;
    background: #ffffff;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08);
  }

  .gm-shell.gm-header__row {
    display: flex !important;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    min-height: 105px;
    padding: 10px 18px;
    gap: 16px;
  }

  /* Groot mobiel logo */
  .gm-header .gm-logo {
    width: 250px !important;
    max-width: calc(100% - 76px) !important;
    flex: 0 1 250px;
  }

  .gm-header .gm-logo img {
    width: 100% !important;
    height: auto !important;
  }

  /* CTA mobiel weg */
  .gm-header .gm-header__cta {
    display: none !important;
  }

  /* Hamburger zichtbaar */
  .gm-header button#gm-menu-button {
    position: relative;
    z-index: 1000002;

    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;

    flex: 0 0 48px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;

    width: 48px;
    height: 48px;

    margin: 0;
    padding: 9px;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;

    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
  }

  .gm-header button#gm-menu-button span {
    display: block !important;

    width: 28px !important;
    height: 3px !important;
    min-height: 3px;

    margin: 0 !important;
    padding: 0 !important;

    background: #071b3a !important;
    border: 0 !important;
    border-radius: 3px;

    opacity: 1;
    visibility: visible;

    transition:
      transform 0.25s ease,
      opacity 0.25s ease;
  }

  /* Mobiele navigatie standaard buiten beeld */
  .gm-header nav#gm-mobile-nav {
    position: fixed !important;
    z-index: 1000001 !important;

    top: 0 !important;
    right: 0 !important;
    left: auto !important;

    display: flex !important;
    flex-direction: column;

    width: min(360px, 88vw) !important;
    height: 100dvh !important;

    padding: 125px 28px 40px !important;
    margin: 0 !important;

    background: rgba(255, 253, 250, 0.99) !important;
    box-shadow: -18px 0 50px rgba(7, 27, 58, 0.16) !important;

    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;

    transform: translateX(110%) !important;

    transition:
      transform 0.3s ease,
      visibility 0.3s ease,
      opacity 0.3s ease;
  }

  /* Mobiele navigatie geopend */
  .gm-header nav#gm-mobile-nav.is-open {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
  }

  .gm-header nav#gm-mobile-nav ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
  }

  .gm-header nav#gm-mobile-nav li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .gm-header nav#gm-mobile-nav a {
    display: block !important;
    width: 100% !important;

    padding: 16px 0 !important;

    color: #071b3a !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;

    border-bottom: 1px solid rgba(7, 27, 58, 0.1);
    visibility: visible !important;
    opacity: 1 !important;
  }

  .gm-header nav#gm-mobile-nav a::after {
    display: none !important;
  }

  /* Hamburger naar kruis */
  .gm-header button#gm-menu-button.is-open span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
  }

  .gm-header button#gm-menu-button.is-open span:nth-child(2) {
    opacity: 0 !important;
  }

  .gm-header button#gm-menu-button.is-open span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
  }

  body.menu-open {
    overflow: hidden;
  }
}

/* Kleinere telefoon */
@media screen and (max-width: 480px) {
  .gm-shell.gm-header__row {
    min-height: 96px;
    padding: 8px 14px;
  }

  .gm-header .gm-logo {
    width: 220px !important;
    max-width: calc(100% - 68px) !important;
  }

  .gm-header button#gm-menu-button {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
  }
}

/* Hero altijd achter header */
.gm-hero {
  position: relative;
  z-index: 1 !important;
}

.gm-hero::before,
.gm-hero__grid,
.gm-hero__copy,
.gm-hero__visual {
  z-index: auto;
}

/* =========================================
   ULTRAWIDE HEADER FIX
========================================= */
@media screen and (min-width:1800px){

  .gm-header{
    width:min(100%,1850px) !important;
    max-width:1850px !important;

    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;

    margin:0 !important;
  }

  .gm-shell.gm-header__row{
    width:min(calc(100% - 100px),1500px) !important;
    max-width:1500px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* content pages */

/* =========================================================
   GEDEELDE CONTENTPAGINA'S
========================================================= */

.gm-page {
  position: relative;
  overflow: hidden;
  padding-top: 170px;
}

.gm-page-section {
  position: relative;
  padding: 68px 0;
}

.gm-page-section--soft {
  background:
    radial-gradient(
      circle at 88% 18%,
      rgba(232, 199, 158, .18),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      rgba(255, 253, 250, .8),
      rgba(249, 238, 227, .72)
    );
}

.gm-page-kicker {
  margin: 0 0 12px;
  color: var(--gold);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.gm-page-title,
.gm-page-section h2,
.gm-page-section h3 {
  color: var(--navy);
}

.gm-page-title {
  max-width: 760px;
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(50px, 6vw, 78px);
  font-weight: 600;
  line-height: .94;
  letter-spacing: -.04em;
}

.gm-page-title span {
  color: var(--gold);
}

.gm-page-lead {
  max-width: 680px;
  margin: 22px 0 0;
  color: var(--text);
  font-size: 16px;
  line-height: 1.75;
}

.gm-page-copy h2 {
  margin: 0 0 20px;
  font-family: var(--serif);
  font-size: clamp(38px, 4vw, 56px);
  font-weight: 600;
  line-height: .98;
  letter-spacing: -.035em;
}

.gm-page-copy h3 {
  margin: 30px 0 12px;
  font-family: var(--serif);
  font-size: 30px;
  line-height: 1.05;
}

.gm-page-copy p {
  margin: 0 0 18px;
  color: var(--text);
  font-size: 15px;
  line-height: 1.8;
}

.gm-page-copy p:last-child {
  margin-bottom: 0;
}

/* =========================================================
   CONTENT HERO
========================================================= */

.gm-page-hero {
  position: relative;
  min-height: 650px;
  display: flex;
  align-items: center;
  overflow: hidden;

  background:
    linear-gradient(
      90deg,
      rgba(255, 253, 250, .98) 0%,
      rgba(255, 250, 244, .9) 48%,
      rgba(247, 234, 220, .7) 100%
    ),
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/hero-background.webp")
    center / cover no-repeat;
}

.gm-page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    radial-gradient(
      circle at 70% 25%,
      rgba(255, 255, 255, .78) 0 5%,
      transparent 6%
    ),
    radial-gradient(
      circle at 82% 42%,
      rgba(255, 255, 255, .48) 0 3%,
      transparent 4%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, .38),
      transparent 48%
    );
}

.gm-page-hero__grid {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: 1.02fr .98fr;
  align-items: center;
  gap: 70px;

  min-height: 650px;
}

.gm-page-hero__copy {
  max-width: 680px;
  padding: 70px 0;
}

.gm-page-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.gm-page-hero__visual {
  position: relative;
  min-height: 540px;
}

.gm-page-hero__visual::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;

  width: min(480px, 38vw);
  aspect-ratio: 1;

  border: 1px solid rgba(205, 125, 10, .45);
  border-radius: 50%;

  transform: translate(-50%, -50%);
}

.gm-page-hero__visual img {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;

  width: min(520px, 42vw);
  max-height: 570px;

  object-fit: contain;
  filter: drop-shadow(0 22px 34px rgba(49, 29, 12, .12));
}

/* =========================================================
   TWEEKOLOMS CONTENT
========================================================= */

.gm-content-split {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  align-items: center;
  gap: 64px;
}

.gm-content-split--reverse {
  grid-template-columns: 1.08fr .92fr;
}

.gm-content-split--reverse .gm-content-media {
  order: 2;
}

.gm-content-split--reverse .gm-page-copy {
  order: 1;
}

.gm-content-media {
  position: relative;
}

.gm-content-media img {
  width: 100%;
  min-height: 440px;
  object-fit: cover;
  border-radius: 28px;
  box-shadow: var(--shadow);
}

.gm-content-media::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -22px;
  bottom: -22px;

  width: 78%;
  height: 78%;

  border: 1px solid rgba(205, 125, 10, .28);
  border-radius: 28px;
}

/* =========================================================
   WAARDENKAARTEN
========================================================= */

.gm-values {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.gm-value-card {
  position: relative;
  min-height: 270px;
  padding: 34px 28px;
  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 24px;

  background:
    url("https://coach.kavion.nl/wp-content/uploads/2026/08/card.webp")
    center / 118% 118% no-repeat;

  box-shadow: var(--shadow-soft);
}

.gm-value-card::after {
  content: "";
  position: absolute;
  right: -55px;
  bottom: -55px;

  width: 150px;
  height: 150px;

  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(215, 174, 122, .18),
      transparent 68%
    );
}

.gm-value-card__icon {
  position: relative;
  z-index: 2;

  display: grid;
  place-items: center;

  width: 66px;
  height: 66px;
  margin-bottom: 22px;

  border-radius: 50%;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 10px 24px rgba(20, 20, 30, .07);
}

.gm-value-card__icon svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: var(--gold);
  stroke-width: 1.5;
}

.gm-value-card h3 {
  position: relative;
  z-index: 2;

  margin: 0 0 12px;

  font-family: var(--serif);
  font-size: 30px;
  line-height: 1;
}

.gm-value-card p {
  position: relative;
  z-index: 2;

  margin: 0;
  color: var(--text);
  font-size: 14px;
  line-height: 1.7;
}

/* =========================================================
   QUOTE
========================================================= */

.gm-page-quote {
  position: relative;
  padding: 40px 52px;
  overflow: hidden;

  border-radius: 24px;
  background:
    linear-gradient(
      110deg,
      #f7eadc,
      #fffdfa 56%,
      #f2dcc5
    );

  box-shadow: var(--shadow-soft);
}

.gm-page-quote::before {
  content: "“";
  position: absolute;
  top: 8px;
  left: 26px;

  color: rgba(205, 125, 10, .2);
  font-family: Georgia, serif;
  font-size: 110px;
  line-height: 1;
}

.gm-page-quote blockquote {
  position: relative;
  z-index: 2;

  max-width: 880px;
  margin: 0 auto;

  color: var(--navy);
  font-family: var(--serif);
  font-size: clamp(30px, 3.5vw, 48px);
  font-weight: 600;
  line-height: 1.05;
  text-align: center;
}

.gm-page-quote cite {
  display: block;
  margin-top: 18px;

  color: var(--gold);
  font-family: var(--sans);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* =========================================================
   AFSLUITENDE CTA
========================================================= */

.gm-page-cta {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 32px;

  min-height: 190px;
  padding: 38px 52px;

  border-radius: 24px;

  background:
    linear-gradient(
      110deg,
      #f8ecdf,
      #fffaf4 55%,
      #efd4b6
    );

  box-shadow: var(--shadow-soft);
}

.gm-page-cta h2 {
  margin: 0 0 8px;
  font-family: var(--serif);
  font-size: clamp(36px, 4vw, 52px);
  line-height: .98;
}

.gm-page-cta p {
  max-width: 700px;
  margin: 0;
  color: var(--text);
  font-size: 14px;
  line-height: 1.7;
}

/* =========================================================
   RESPONSIVE CONTENTPAGINA'S
========================================================= */

@media screen and (max-width: 1280px) {
  .gm-page {
    padding-top: 120px;
  }

  .gm-page-hero {
    min-height: auto;
  }

  .gm-page-hero__grid {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .gm-page-hero__copy {
    max-width: 720px;
    padding: 70px 0;
  }

  .gm-page-hero__visual {
    display: none;
  }

  .gm-content-split,
  .gm-content-split--reverse {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .gm-content-split--reverse .gm-content-media,
  .gm-content-split--reverse .gm-page-copy {
    order: initial;
  }

  .gm-values {
    grid-template-columns: 1fr;
  }

  .gm-content-media img {
    min-height: 360px;
  }
}

@media screen and (max-width: 900px) {
  .gm-page {
    padding-top: 0;
  }

  .gm-page-section {
    padding: 48px 0;
  }

  .gm-page-hero__copy {
    padding: 56px 0;
  }

  .gm-page-title {
    font-size: clamp(44px, 11vw, 62px);
  }

  .gm-page-lead {
    font-size: 15px;
  }

  .gm-page-cta {
    grid-template-columns: 1fr;
    padding: 32px 28px;
  }

  .gm-page-cta .gm-btn {
    justify-self: start;
  }
}

@media screen and (max-width: 640px) {
  .gm-page-section {
    padding: 38px 0;
  }

  .gm-page-hero__copy {
    padding: 44px 0;
  }

  .gm-page-title {
    font-size: clamp(40px, 13vw, 54px);
  }

  .gm-page-copy h2 {
    font-size: 38px;
  }

  .gm-content-media img {
    min-height: 280px;
    border-radius: 22px;
  }

  .gm-value-card {
    min-height: 240px;
    padding: 30px 24px;
  }

  .gm-page-quote {
    padding: 34px 24px;
  }

  .gm-page-quote blockquote {
    font-size: 30px;
  }

  .gm-page-cta {
    padding: 28px 22px;
  }

  .gm-page-cta .gm-btn {
    width: 100%;
  }
}


/* =========================================================
   TABLET LIGGEND — HEADER/NAV DEFINITIEVE FIX
   Gewone navigatie behouden, CTA verbergen
========================================================= */
@media screen and (min-width: 901px) and (max-width: 1280px) {

  .gm-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    transform: none !important;
    background: transparent !important;
  }

  .gm-shell.gm-header__row {
    display: grid !important;
    grid-template-columns: 230px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 24px !important;

    width: min(calc(100% - 40px), 1100px) !important;
    max-width: 1100px !important;
    min-height: 125px !important;

    margin: 0 auto !important;
    padding: 10px 0 !important;
  }

  /* Logo compacter, maar nog steeds duidelijk zichtbaar */
  .gm-header .gm-logo {
    position: relative !important;
    top: auto !important;
    left: auto !important;

    grid-column: 1 !important;

    width: 220px !important;
    max-width: 220px !important;

    margin: 0 !important;
  }

  /* CTA verwijderen: hierdoor past de navigatie */
  .gm-header .gm-header__cta {
    display: none !important;
  }

  /* Hamburger niet gebruiken op tablet liggend */
  .gm-header button#gm-menu-button,
  .gm-header .gm-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Gewone desktopnavigatie herstellen */
  .gm-header nav#gm-mobile-nav {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;

    grid-column: 2 !important;
    justify-self: end !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    transform: none !important;
  }

  .gm-header nav#gm-mobile-nav ul {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: clamp(18px, 2.2vw, 28px) !important;

    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .gm-header nav#gm-mobile-nav li {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .gm-header nav#gm-mobile-nav a {
    display: block !important;
    width: auto !important;

    padding: 14px 0 !important;

    color: #071b3a !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;

    border-bottom: 0 !important;
  }

  .gm-header nav#gm-mobile-nav a::after {
    display: block !important;
  }
}

.gm-hero__features{
  transform:translateY(-22px);
}

.gm-hero__features{
  position:relative;
  z-index:20;
  margin-top:14px;
  transform:translateY(-10px);
}

.gm-feature{
  min-height:64px;
}

.gm-feature strong{
  position:relative;
  z-index:21;
  display:block;
  line-height:1.25;
}




/* Hero tekstblok iets omhoog op desktop */
@media (min-width: 992px) {
  .gm-hero .gm-hero__copy {
    position: relative !important;
    top: -30px !important;
    transform: none !important;
  }
}

/* =====================================================
   TEKST LEESBAARHEID
===================================================== */

/* Hero introductietekst */
.gm-hero__lead {
  font-size: 18px !important;
  line-height: 1.75 !important;
  margin-top: 22px !important;
  margin-bottom: 28px !important;
}

/* Acute hulp tekst */
.gm-help p {
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* Tekst in de kaarten */
.gm-card p {
  font-size: 16px !important;
  line-height: 1.65 !important;
  max-width: 280px !important;
}

/* Tekst naast de video */
.gm-story p {
  font-size: 17px !important;
  line-height: 1.75 !important;
}

/* Opsomming naast de video */
.gm-checks li {
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* Tekst in het onderste contactblok */
.gm-cta p {
  font-size: 16px !important;
  line-height: 1.7 !important;
}

/* Drie kenmerken onder de hero-knop */
.gm-hero__features {
  margin-top: 30px !important;
}

.gm-feature {
  min-height: 110px !important;
  padding: 0 18px 18px !important;
}

.gm-feature strong {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.gm-feature svg {
  margin-bottom: 10px !important;
}

/* Knoppen en kleine links */
.gm-link,
.gm-btn {
  font-size: 14px !important;
}

/* Footerlinks iets kleiner houden */
.gm-footer__links a {
  font-size: 13px !important;
}

.gm-hero h1 span{
  font-size:35px !important;
  font-weight:500 !important;
  color:var(--gold) !important;
  letter-spacing:0 !important;
}

/* =====================================================
   CONTENTPAGINA INTRO
===================================================== */

.gm-page-intro{
  padding-top:130px;
  padding-bottom:45px;
}

.gm-page-intro .gm-story{
  grid-template-columns:1.15fr .85fr;
  align-items:center;
  gap:50px;
}

.gm-story__content{
  max-width:650px;
}

.gm-page-title{
  margin:0;
  max-width:630px;
  color:var(--navy);
  font-family:var(--sans) !important;
  font-size:clamp(46px,4.2vw,68px);
  font-weight:700;
  line-height:.94;
  letter-spacing:-.045em;
}

.gm-page-title span{
  display:inline-block;
  margin:0 5px;
  color:var(--gold) !important;
  font-size:35px !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  vertical-align:baseline;
}

.gm-page-lead{
  max-width:600px;
  margin:22px 0 28px;
  color:var(--text);
  font-size:16px;
  line-height:1.75;
}

.gm-page-hero__actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.gm-page-visual{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  width:100%;
  min-height:380px;
}

.gm-page-owner{
  display:block;
  width:min(520px,110%);
  max-width:none;
  height:auto;
  object-fit:contain;
}

@media (max-width:991px){
  .gm-page-intro{
    padding-top:70px;
    padding-bottom:55px;
  }

  .gm-page-intro .gm-story{
    display:block;
  }

  .gm-page-visual{
    display:none;
  }

  .gm-page-title{
    font-size:clamp(42px,10vw,58px);
  }
}

/* =====================================================
   NORMALE TEKST CONTENTPAGINA'S GELIJK AAN LANDINGPAGE
===================================================== */

.gm-page-lead,
.gm-page-copy p,
.gm-page-copy li,
.gm-page-section p,
.gm-page-section li {
  font-size: 16px !important;
  line-height: 1.75 !important;
}

.gm-page-copy h3 {
  font-size: 24px !important;
  line-height: 1.2 !important;
  margin-top: 28px !important;
  margin-bottom: 10px !important;
}

/* Aanbod hero: middenweg tussen te hoog en te compact */
.gm-page-intro{
  padding-top:100px !important;
  padding-bottom:35px !important;
}

.gm-page-intro .gm-story{
  min-height:420px !important;
}

.gm-page-visual{
  min-height:420px !important;
  height:420px !important;
}

.gm-page-owner{
  width:min(500px,108%) !important;
  max-height:420px !important;
  object-fit:contain !important;
}

#mijn-verhaal{
  margin-top:0 !important;
  padding-top:35px !important;
}

.gm-page-owner{
  transform:scale(1.40) !important;
  transform-origin:center bottom !important;
}

/* Footer groter en beter leesbaar */
.gm-footer{
  padding:32px 0 34px !important;
}

.gm-footer__links{
  gap:0 !important;
}

.gm-footer__links a{
  padding:0 34px !important;
  font-size:15px !important;
  line-height:1.5 !important;
}

.gm-footer__links svg{
  width:18px !important;
  height:18px !important;
}

.gm-copy{
  margin-top:18px !important;
  font-size:12px !important;
}

/* Footer duidelijk groter */
.gm-footer{
  min-height:150px !important;
  padding:42px 0 30px !important;
  display:flex !important;
  align-items:center !important;
}

.gm-footer .gm-shell{
  width:100% !important;
}

.gm-footer__links{
  row-gap:18px !important;
}

.gm-footer__links a{
  font-size:16px !important;
  padding:0 36px !important;
}

.gm-footer__links svg{
  width:20px !important;
  height:20px !important;
}

.gm-copy{
  margin-top:22px !important;
  font-size:13px !important;
}

.gm-header nav#gm-mobile-nav a{
  font-size:16px !important;
  font-weight:600 !important;
}

/* layout pagina */

/* =====================================================
   KAVION EXTRA PAGINA-LAYOUTS
===================================================== */

/* =====================================================
   KAVION EXTRA PAGINA-LAYOUTS
===================================================== */


/* =====================================================
   AFBEELDING LINKS
===================================================== */

.gm-page-layout--left .gm-page-intro .gm-story{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:70px !important;
  align-items:center !important;
  min-height:520px !important;
}

.gm-page-layout--left .gm-page-visual{
  order:1 !important;
  position:relative !important;
  width:100% !important;
  max-width:620px !important;
  min-height:500px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.gm-page-layout--left .gm-page-owner{
  display:block !important;
  width:100% !important;
  height:500px !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
  margin:0 !important;
  transform:none !important;
}

.gm-page-layout--left .gm-story__content{
  order:2 !important;
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  max-width:620px !important;
  margin:0 !important;
  padding:0 !important;
}


/* =====================================================
   SPLIT LAYOUT
===================================================== */

/* Splitpagina onder de vaste/absolute header laten beginnen */
.gm-page-layout--split{
  padding-top:250px !important;
}

.gm-split{
  display:grid !important;
  grid-template-columns:50% 50% !important;
  width:100% !important;
  min-height:590px !important;
}

.gm-split__content{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  padding:
    clamp(60px,7vw,110px)
    clamp(45px,7vw,110px) !important;
  background:#FBF2E8;
}

.gm-split__inner{
  width:100% !important;
  max-width:600px !important;
  margin:0 auto !important;
}

.gm-split__image{
  min-width:0 !important;
  min-height:590px !important;
  overflow:hidden !important;
}

.gm-split__image img{
  display:block !important;
  width:100% !important;
  height:590px !important;
  object-fit:cover !important;
  object-position:center !important;
}

.gm-split--reverse .gm-split__image{
  order:1 !important;
}

.gm-split--reverse .gm-split__content{
  order:2 !important;
  background:#fbf2e8;
}

.gm-logo{
  transform: translateY(25px);
}

.gm-footer-credit a{
  color:inherit;
  text-decoration:none;
}

.gm-footer-credit a:hover{
  text-decoration:underline;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width:991px){

  .gm-page-layout--left .gm-page-intro .gm-story{
    grid-template-columns:1fr !important;
    gap:35px !important;
  }

  .gm-page-layout--left .gm-page-visual{
    order:1 !important;
    max-width:100% !important;
    min-height:360px !important;
  }

  .gm-page-layout--left .gm-page-owner{
    height:360px !important;
  }

  .gm-page-layout--left .gm-story__content{
    order:2 !important;
    max-width:100% !important;
  }


  .gm-split{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }

  .gm-split__content{
    padding:60px 28px !important;
  }

  .gm-split__image{
    min-height:380px !important;
  }

  .gm-split__image img{
    height:380px !important;
  }

  .gm-split--reverse .gm-split__image,
  .gm-split--reverse .gm-split__content{
    order:initial !important;
  }
}

@media (max-width:991px){
  .gm-page-layout--split{
    padding-top:110px !important;
  }
}

/* =====================================================
   BLOG PAGINA
===================================================== */

.gm-blog-page{
  background:#fffaf5;
}


/* =====================================================
   BLOG HERO
===================================================== */

.gm-blog-hero{
  padding-top:165px;
  padding-bottom:75px;
}

.gm-blog-hero__inner{
  text-align:center;
}

.gm-blog-hero .gm-kicker{
  margin-bottom:18px;
}

.gm-blog-hero .gm-page-title{
  max-width:850px;
  margin:0 auto;
}

.gm-blog-hero .gm-page-lead{
  max-width:700px;
  margin:24px auto 0;
}


/* =====================================================
   BLOG SECTIE
===================================================== */

.gm-blog-section{
  padding-top:20px;
  padding-bottom:120px;
}


/* =====================================================
   BLOG GRID
===================================================== */

.gm-blog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:32px;
  align-items:stretch;
}


/* =====================================================
   BLOG KAART
===================================================== */

.gm-blog-card{
  background:#ffffff;
  border-radius:26px;
  overflow:hidden;

  display:flex;
  flex-direction:column;

  min-width:0;

  box-shadow:
    0 18px 45px rgba(28,35,48,.07);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

.gm-blog-card:hover{
  transform:translateY(-5px);

  box-shadow:
    0 24px 60px rgba(28,35,48,.11);
}


/* =====================================================
   BLOG AFBEELDING
===================================================== */

.gm-blog-card__image{
  display:block;

  width:100%;
  aspect-ratio:16 / 10;

  overflow:hidden;

  background:#f0e7dd;
}

.gm-blog-card__image{
  width:100%;
  overflow:hidden;
}

.gm-blog-card__image img{
  display:block;

  width:100%;
  height:auto;

  object-fit:contain;

  transition:transform .45s ease;
}

.gm-blog-card:hover .gm-blog-card__image img{
  transform:scale(1.04);
}


/* Placeholder wanneer er geen uitgelichte afbeelding is */
.gm-blog-card__placeholder{
  width:100%;
  height:100%;

  display:flex;
  align-items:center;
  justify-content:center;

  background:
    radial-gradient(
      circle at top right,
      rgba(205,125,10,.15),
      transparent 40%
    ),
    linear-gradient(
      135deg,
      #f5ede4,
      #eee2d7
    );
}

.gm-blog-card__placeholder span{
  color:#172033;
  font-family:serif;
  font-size:20px;
  opacity:.6;
}


/* =====================================================
   BLOG CONTENT
===================================================== */

.gm-blog-card__content{
  display:flex;
  flex-direction:column;

  flex:1;

  padding:30px 30px 32px;
}


/* Datum / categorie */
.gm-blog-card__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;

  margin-bottom:14px;

  font-size:11px;
  line-height:1.4;

  font-weight:600;

  letter-spacing:.09em;
  text-transform:uppercase;

  color:var(--gold);
}

.gm-blog-card__separator{
  opacity:.55;
}


/* Titel */
.gm-blog-card__title{
  margin:0 0 15px;

  font-family:serif;
  font-size:clamp(23px,2vw,29px);
  line-height:1.2;

  color:#172033;
}

.gm-blog-card__title a{
  color:inherit;
  text-decoration:none;
}


/* Samenvatting */
.gm-blog-card__excerpt{
  margin-bottom:26px;

  font-size:15px;
  line-height:1.75;

  color:#646a75;
}


/* Lees verder */
.gm-blog-card__link{
  display:inline-flex;
  align-items:center;
  gap:9px;

  margin-top:auto;

  width:max-content;

  color:var(--gold);

  font-size:14px;
  font-weight:600;

  text-decoration:none;
}

.gm-blog-card__link .gm-arrow{
  transition:transform .2s ease;
}

.gm-blog-card__link:hover .gm-arrow{
  transform:translateX(5px);
}


/* =====================================================
   PAGINERING
===================================================== */

.gm-blog-pagination{
  margin-top:65px;

  display:flex;
  justify-content:center;
}

.gm-blog-pagination .nav-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:10px;
}

.gm-blog-pagination .page-numbers{
  min-width:44px;
  height:44px;

  padding:0 14px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border-radius:12px;

  background:#ffffff;

  color:#172033;

  text-decoration:none;

  box-shadow:0 8px 22px rgba(28,35,48,.06);
}

.gm-blog-pagination .page-numbers.current{
  background:var(--gold);
  color:#ffffff;
}

.gm-blog-pagination a.page-numbers:hover{
  background:#f5ede4;
}


/* =====================================================
   GEEN BERICHTEN
===================================================== */

.gm-blog-empty{
  max-width:700px;

  margin:0 auto;
  padding:80px 30px;

  text-align:center;

  background:#ffffff;

  border-radius:26px;

  box-shadow:0 18px 45px rgba(28,35,48,.07);
}

.gm-blog-empty h2{
  margin:8px 0 15px;

  font-family:serif;
  font-size:36px;

  color:#172033;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width:991px){

  .gm-blog-hero{
    padding-top:125px;
    padding-bottom:55px;
  }

  .gm-blog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:25px;
  }

}


/* =====================================================
   MOBIEL
===================================================== */

@media (max-width:680px){

  .gm-blog-hero{
    padding-top:110px;
    padding-bottom:45px;
  }

  .gm-blog-grid{
    grid-template-columns:1fr;
  }

  .gm-blog-card{
    border-radius:22px;
  }

  .gm-blog-card__content{
    padding:25px;
  }

  .gm-blog-section{
    padding-bottom:80px;
  }

}

/* single.php */

/* =====================================================
   ENKEL BLOGBERICHT
===================================================== */

.gm-single-blog{
  background:#fffaf5;
}

.gm-single-blog__article{
  padding:165px 0 110px;
}

.gm-single-blog__header{
  max-width:900px;
  margin:0 auto 55px;
  text-align:center;
}

.gm-single-blog__header .gm-page-title{
  margin:10px auto 18px;
}

.gm-single-blog__meta{
  font-size:14px;
  color:#747474;
}

.gm-single-blog__image{
  max-width:1050px;
  margin:0 auto 60px;
  border-radius:28px;
  overflow:hidden;
}

.gm-single-blog__image img{
  display:block;
  width:100%;
  height:auto;
}

.gm-single-blog__content{
  max-width:820px;
  margin:0 auto;
  font-size:17px;
  line-height:1.85;
  color:#24334a;
}

.gm-single-blog__content h2,
.gm-single-blog__content h3{
  color:#08284d;
  margin-top:45px;
  margin-bottom:18px;
}

.gm-single-blog__content h2{
  font-size:36px;
}

.gm-single-blog__content h3{
  font-size:27px;
}

.gm-single-blog__content p{
  margin-bottom:24px;
}

.gm-single-blog__back{
  max-width:820px;
  margin:55px auto 0;
  padding-top:30px;
  border-top:1px solid rgba(8,40,77,.12);
}

.gm-single-blog__back a{
  color:var(--gold);
  text-decoration:none;
  font-weight:600;
}

@media (max-width:991px){

  .gm-single-blog__article{
    padding:120px 0 80px;
  }

  .gm-single-blog__content{
    font-size:16px;
  }

}

/* =====================================================
   CONTACT PAGINA
===================================================== */

.gm-contact-page{
  background:#f9f6f1;
}

.gm-contact-hero{
  padding: 56px 0 90px;
}

.gm-contact-hero__grid{
  display:grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(420px, 540px);
  gap: 56px;
  align-items:start;
}

.gm-contact-hero__content{
  padding-top: 28px;
}

.gm-contact-meta{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin: 28px 0 34px;
}

.gm-contact-meta__item{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:18px;
  color:#0d254c;
}

.gm-contact-meta__item a{
  color:#0d254c;
  text-decoration:none;
}

.gm-contact-meta__item a:hover{
  text-decoration:underline;
}

.gm-contact-meta__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#fff;
  border:1px solid rgba(212,161,99,.35);
  color:#d28b09;
  font-size:15px;
  flex-shrink:0;
}

.gm-contact-hero__image-card{
  margin-top: 28px;
  max-width: 420px;
  background:linear-gradient(180deg,#fffdf9 0%, #f6eee3 100%);
  border-radius:28px;
  padding:18px;
  box-shadow:0 25px 60px rgba(14,26,56,.08);
  overflow:hidden;
}

.gm-contact-hero__image{
  display:block;
  width:100%;
  height:auto;
  border-radius:20px;
  object-fit:cover;
}

.gm-contact-form-card{
  background:#fffdfa;
  border-radius:30px;
  padding:34px 34px 32px;
  box-shadow:0 24px 60px rgba(16,28,56,.08);
  border:1px solid rgba(212,161,99,.14);
}

.gm-contact-form-card__title{
  margin:0 0 10px;
  font-size:34px;
  line-height:1.1;
  color:#08224b;
}

.gm-contact-form-card__text{
  margin:0 0 24px;
  color:#334763;
  line-height:1.75;
}

.gm-form-message{
  padding:14px 16px;
  border-radius:16px;
  margin-bottom:18px;
  font-size:15px;
  line-height:1.6;
}

.gm-form-message--success{
  background:#edf9f0;
  color:#1d6b39;
  border:1px solid #ccead6;
}

.gm-form-message--error{
  background:#fff0ef;
  color:#a03c36;
  border:1px solid #f0c8c5;
}

.gm-contact-form{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.gm-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.gm-form-field{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.gm-form-field label{
  font-size:15px;
  font-weight:600;
  color:#08224b;
}

.gm-form-field input,
.gm-form-field textarea{
  width:100%;
  border:1px solid rgba(8,34,75,.12);
  background:#fff;
  border-radius:16px;
  padding:15px 16px;
  font-size:16px;
  line-height:1.5;
  color:#08224b;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease;
  box-sizing:border-box;
}

.gm-form-field input:focus,
.gm-form-field textarea:focus{
  border-color:#d28b09;
  box-shadow:0 0 0 4px rgba(210,139,9,.10);
}

.gm-form-field textarea{
  resize:vertical;
  min-height:170px;
}

.gm-checkbox{
  display:flex;
  align-items:flex-start;
  gap:12px;
  font-size:14px;
  line-height:1.6;
  color:#334763;
}

.gm-checkbox input{
  margin-top:4px;
  flex-shrink:0;
}

.gm-contact-form .gm-btn{
  align-self:flex-start;
  margin-top:6px;
}

/* mobile */
@media (max-width: 991px){
  .gm-contact-hero{
    padding: 32px 0 70px;
  }

  .gm-contact-hero__grid{
    grid-template-columns:1fr;
    gap:32px;
  }

  .gm-contact-hero__content{
    padding-top:0;
  }

  .gm-contact-hero__image-card{
    max-width:100%;
  }

  .gm-form-grid{
    grid-template-columns:1fr;
  }

  .gm-contact-form-card{
    padding:26px 22px;
    border-radius:24px;
  }

  .gm-contact-form-card__title{
    font-size:28px;
  }
}

/* resposive fix */


/* =========================================================
   TABLET LIGGEND = DESKTOP LAYOUT, ALLEEN IETS KLEINER
========================================================= */

@media screen and (min-width: 992px) and (max-width: 1280px) and (orientation: landscape) {

  /* HEADER WEER DESKTOP */
  .gm-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .gm-shell.gm-header__row,
  .gm-header__row {
    display: grid !important;
    grid-template-columns: 230px 1fr auto !important;
    align-items: center !important;

    width: min(calc(100% - 40px), 1180px) !important;
    min-height: 125px !important;

    margin: 0 auto !important;
    padding: 10px 0 !important;

    gap: 20px !important;
  }

  /* LOGO */
  .gm-header .gm-logo,
  .gm-logo {
    position: relative !important;
    top: auto !important;
    left: auto !important;

    width: 220px !important;
    max-width: 220px !important;

    grid-column: 1 !important;
  }

  /* DESKTOP NAV WEER TONEN */
  .gm-header nav#gm-mobile-nav {
    position: relative !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;

    width: auto !important;
    height: auto !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    transform: none !important;

    grid-column: 2 !important;
    justify-self: center !important;
  }

  .gm-header nav#gm-mobile-nav ul {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;

    width: auto !important;

    gap: 22px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .gm-header nav#gm-mobile-nav li {
    width: auto !important;
  }

  .gm-header nav#gm-mobile-nav a {
    display: block !important;

    width: auto !important;

    padding: 15px 0 !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    border-bottom: 0 !important;
  }

  .gm-header nav#gm-mobile-nav a::after {
    display: block !important;
  }

  /* CTA WEER TONEN */
  .gm-header .gm-header__cta {
    display: block !important;

    grid-column: 3 !important;
    justify-self: end !important;

    transform: none !important;
  }

  .gm-header .gm-header__cta .gm-btn {
    padding-inline: 18px !important;
    font-size: 12px !important;
  }

  /* HAMBURGER WEG */
  .gm-header button#gm-menu-button,
  .gm-header .gm-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }


  /* =====================================================
     HERO WEER DESKTOP
  ====================================================== */

  .gm-hero {
    position: relative !important;

    min-height: 650px !important;

    padding: 170px 0 0 !important;

    background:
      url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/hero-background.webp")
      center center / cover no-repeat !important;
  }

  .gm-hero__grid {
    display: grid !important;

    grid-template-columns: 46% 54% !important;

    min-height: 520px !important;

    align-items: start !important;
  }

  .gm-hero__copy {
    position: relative !important;

    max-width: 450px !important;

    margin: 0 !important;

    padding-top: 60px !important;

    top: auto !important;
    transform: none !important;
  }

  .gm-hero h1 {
    font-size: clamp(46px, 5vw, 60px) !important;
    line-height: .90 !important;
  }

  .gm-hero__lead {
    max-width: 440px !important;
    font-size: 12px !important;
  }

  .gm-hero__features {
    width: 430px !important;
    max-width: 100% !important;
    margin-top: 20px !important;
  }


  /* =====================================================
     HERO AFBEELDING WEER TONEN
  ====================================================== */

  .gm-hero__visual {
    display: block !important;

    position: relative !important;

    min-height: 520px !important;
  }

  .gm-owner {
    display: block !important;

    position: absolute !important;

    right: 0 !important;
    top: -110px !important;

    width: min(470px, 42vw) !important;

    max-width: none !important;

    height: auto !important;
  }

  .gm-circle {
    display: block !important;

    position: absolute !important;

    top: 15px !important;
    right: 0 !important;

    width: min(440px, 40vw) !important;
  }

  .gm-wave {
    display: block !important;
    height: 165px !important;
  }


  /* =====================================================
     REST PAGINA DESKTOP-ACHTIG
  ====================================================== */

  .gm-help {
    margin-top: -29px !important;
    padding-top: 0 !important;
  }

  .gm-help__box {
    grid-template-columns: auto 1fr auto !important;
  }

  .gm-help__actions {
    grid-column: auto !important;
  }

  .gm-help__actions .gm-btn {
    width: auto !important;
  }

  .gm-cards {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
  }

  .gm-card {
    min-height: 280px !important;
    padding: 34px 20px 26px !important;
  }

  .gm-card h3 {
    font-size: 25px !important;
  }

  .gm-story {
    grid-template-columns: 1.04fr .96fr !important;
    gap: 30px !important;
  }

  .gm-cta {
    grid-template-columns: 1fr auto !important;
  }
}

/* =========================================================
   TABLET LIGGEND – ECHTE VIDEO NETJES SCHALEN
========================================================= */

@media screen and (min-width: 992px) and (max-width: 1280px) and (orientation: landscape) {

  .gm-story {
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
    gap: 28px !important;
  }

  .gm-video {
    position: relative !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    aspect-ratio: 16 / 9 !important;

    overflow: hidden !important;
    border-radius: 24px !important;
  }

  /* Thumbnail weg zodra er een echte video in staat */
  .gm-video img {
    display: none !important;
  }

  /* Eventuele oude overlay/play-knop weg */
  .gm-video::after,
  .gm-video .gm-play,
  .gm-video h3,
  .gm-video small {
    display: none !important;
  }

  /* YouTube/video volledig in het vlak */
  .gm-video iframe {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    border: 0 !important;
  }
}

.gm-video {
    position: relative;
    width: 100%;
    min-height: 0 !important;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 24px;
}

.gm-video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* =========================================================
   YOUTUBE VIDEO – KLIKBAAR OP ALLE SCHERMFORMATEN
========================================================= */

.gm-video {
  position: relative !important;
  width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  border-radius: 24px !important;
}

.gm-video iframe {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;

  display: block !important;
  width: 100% !important;
  height: 100% !important;

  border: 0 !important;
  pointer-events: auto !important;
}

/* Oude foto-overlay mag de YouTube-video nooit blokkeren */
.gm-video::after {
  pointer-events: none !important;
  z-index: 1 !important;
}

/* =========================================================
   MOBIEL + TABLET STAAND – HERO IETS LAGER
========================================================= */

/* Tablet staand */
@media screen and (min-width: 641px) and (max-width: 991px) and (orientation: portrait) {

  .gm-hero {
    padding-top: 115px !important;
  }

  .gm-hero__copy {
    padding-top: 20px !important;
    margin-top: 0 !important;
  }
}


/* Mobiel */
@media screen and (max-width: 640px) {

  .gm-hero {
    padding-top: 95px !important;
  }

  .gm-hero__copy {
    padding-top: 15px !important;
    margin-top: 0 !important;
  }
}

/* =========================================================
   MOBIEL + TABLET STAAND – HEADER NAADLOOS IN HERO
========================================================= */

@media screen and (max-width: 991px) {

  .gm-header {
    background: #fff !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
  }

  .gm-hero {
    border-top: 0 !important;

    background:
      linear-gradient(
        180deg,
        #ffffff 0%,
        #fffdfa 18%,
        #fffaf5 55%,
        #f9eee4 100%
      ) !important;
  }

  .gm-hero::before {
    top: -2px !important;
  }
}

/* =====================================================
   BLOGPAGINA
===================================================== */

.gm-blog-page{
  background:#fbf7f2;
}

.gm-blog-hero{
  padding:150px 0 80px;
}

.gm-blog-hero__content{
  max-width:780px;
}


/* =====================================================
   UITGELICHT ARTIKEL
===================================================== */

.gm-blog-featured{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(0, .85fr);

  background:#fff;

  border-radius:28px;
  overflow:hidden;

  margin-bottom:100px;

  box-shadow:
    0 24px 60px rgba(18, 35, 59, .08);
}

.gm-blog-featured__image{
  display:block;

  min-height:520px;

  background:#efe5da;
}

.gm-blog-featured__image img{
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;

}

.gm-blog-featured__content{
  padding:60px;

  display:flex;
  flex-direction:column;
  justify-content:center;
}

.gm-blog-featured__label{
  margin:22px 0 12px;

  font-size:12px;
  font-weight:700;

  text-transform:uppercase;
  letter-spacing:.16em;

  color:#cd7d0a;
}

.gm-blog-featured__title{
  margin:0 0 22px;

  font-size:clamp(36px, 4vw, 58px);
  line-height:1.02;
}

.gm-blog-featured__title a{
  color:#10233d;
  text-decoration:none;
}

.gm-blog-featured__excerpt{
  color:#596579;

  font-size:17px;
  line-height:1.8;

  margin-bottom:30px;
}


/* =====================================================
   META
===================================================== */

.gm-blog-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;

  color:#cd7d0a;

  font-size:11px;
  font-weight:700;

  text-transform:uppercase;
  letter-spacing:.12em;
}

.gm-blog-meta__dot{
  opacity:.55;
}


/* =====================================================
   TITEL BOVEN ARTIKELLIJST
===================================================== */

.gm-blog-section-heading{
  margin-bottom:35px;
}

.gm-blog-section-heading h2{
  margin:4px 0 0;

  color:#10233d;

  font-size:clamp(34px, 4vw, 52px);
}


/* =====================================================
   ARTIKELLIJST
===================================================== */

.gm-blog-list{
  border-top:1px solid rgba(16,35,61,.12);
}

.gm-blog-row{
  display:grid;

  grid-template-columns:360px minmax(0, 1fr);

  gap:55px;

  padding:45px 0;

  border-bottom:1px solid rgba(16,35,61,.12);
}

.gm-blog-row__image{
  display:block;

  width:100%;
  overflow:hidden;

  border-radius:20px;

  background:#efe5da;
}

.gm-blog-row__image img{
  display:block;

  width:100%;
  height:auto;

  transition:transform .45s ease;
}

.gm-blog-row:hover .gm-blog-row__image img{
  transform:scale(1.025);
}

.gm-blog-row__content{
  display:flex;
  flex-direction:column;
  justify-content:center;

  max-width:700px;
}

.gm-blog-row__title{
  margin:12px 0 16px;

  font-size:clamp(30px, 3vw, 44px);
  line-height:1.08;
}

.gm-blog-row__title a{
  color:#10233d;
  text-decoration:none;
}

.gm-blog-row__excerpt{
  margin-bottom:22px;

  color:#596579;

  font-size:16px;
  line-height:1.8;
}


/* =====================================================
   LEES VERDER
===================================================== */

.gm-blog-readmore{
  display:inline-flex;
  align-items:center;
  gap:12px;

  width:max-content;

  color:#cd7d0a;

  font-weight:700;
  text-decoration:none;
}

.gm-blog-readmore .gm-arrow{
  transition:transform .2s ease;
}

.gm-blog-readmore:hover .gm-arrow{
  transform:translateX(5px);
}


/* =====================================================
   PLACEHOLDER
===================================================== */

.gm-blog-placeholder{
  width:100%;
  min-height:260px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:
    radial-gradient(
      circle at 80% 20%,
      rgba(205,125,10,.12),
      transparent 40%
    ),
    #efe5da;

  color:#6d7180;

  font-family:Georgia, serif;
  font-size:20px;
}


/* =====================================================
   PAGINERING
===================================================== */

.gm-blog-pagination{
  margin-top:70px;
  padding-bottom:90px;
}


/* =====================================================
   TABLET / MOBIEL
===================================================== */

@media (max-width:991px){

  .gm-blog-hero{
    padding:120px 0 60px;
  }

  .gm-blog-featured{
    grid-template-columns:1fr;
  }

  .gm-blog-featured__image{
    min-height:0;
  }

  .gm-blog-featured__image img{
    width:100%;
    height:auto;

    object-fit:contain;
  }

  .gm-blog-featured__content{
    padding:35px;
  }

  .gm-blog-row{
    grid-template-columns:1fr;

    gap:28px;
  }

  .gm-blog-row__image{
    max-width:600px;
  }

}


@media (max-width:600px){

  .gm-blog-featured{
    border-radius:20px;
  }

  .gm-blog-featured__content{
    padding:28px 22px 32px;
  }

  .gm-blog-row{
    padding:32px 0;
  }

}

.gm-blog-hero {
  padding-top: 180px;
}

/* =========================================
   MOBILE + TABLET ACHTERGROND SMOOTHER
========================================= */

@media (max-width: 991px) {

  body,
  .gm-page,
  .gm-blog-page,
  .gm-section,
  .gm-blog-hero,
  .gm-blog-content {
    background:
      radial-gradient(
        circle at 85% 32%,
        rgba(232, 217, 202, 0.22) 0%,
        rgba(232, 217, 202, 0.10) 28%,
        transparent 58%
      ),
      linear-gradient(
        to bottom,
        #ffffff 0%,
        #ffffff 14%,
        #fdf9f4 32%,
        #fbf3e9 62%,
        #fffaf5 100%
      ) !important;
  }

}


@media (max-width: 767px) {
  .gm-blog-hero {
    padding-top: 220px !important;
  }
}

/* =====================================================
   BLOG RESPONSIVE LAYOUT
===================================================== */

.gm-blog-page {
  width: 100%;
  overflow-x: hidden;
}

.gm-blog-page .gm-shell {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
}

/* =====================================================
   BLOG HERO
===================================================== */

.gm-blog-hero {
  position: relative;
  background: transparent;
  padding: clamp(150px, 14vw, 220px) 0 clamp(70px, 8vw, 110px);
}

.gm-blog-hero__content {
  width: 100%;
  max-width: 760px;
}

.gm-blog-hero .gm-kicker {
  margin: 0 0 14px;
}

.gm-blog-hero .gm-page-title {
  margin: 0;
  max-width: 800px;
  font-size: clamp(42px, 5vw, 72px);
  line-height: 1.02;
}

.gm-blog-hero .gm-page-lead {
  max-width: 680px;
  margin: 24px 0 0;
}


/* =====================================================
   BLOG CONTENT
===================================================== */

.gm-blog-content {
  padding: 0 0 110px;
}

.gm-blog-featured {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: clamp(40px, 6vw, 80px);
  align-items: center;
}

.gm-blog-featured__image,
.gm-blog-row__image {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 28px;
}

.gm-blog-featured__image img,
.gm-blog-row__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gm-blog-featured__image {
  aspect-ratio: 16 / 10;
}

.gm-blog-section-heading {
  margin: clamp(80px, 9vw, 130px) 0 40px;
}

.gm-blog-list {
  display: grid;
  gap: 36px;
}

.gm-blog-row {
  display: grid;
  grid-template-columns: minmax(260px, 420px) minmax(0, 1fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
}

.gm-blog-row__image {
  aspect-ratio: 4 / 3;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

  .gm-blog-page .gm-shell {
    width: min(100% - 40px, 760px);
  }

  /*
   * Header/logo blijft vrij.
   * Niet zo diep als desktop.
   */
  .gm-blog-hero {
    padding-top: 125px;
    padding-bottom: 65px;
  }

  .gm-blog-hero__content {
    max-width: 650px;
  }

  .gm-blog-hero .gm-page-title {
    font-size: clamp(38px, 7vw, 56px);
  }

  .gm-blog-featured,
  .gm-blog-row {
    grid-template-columns: 1fr;
  }

  .gm-blog-featured {
    gap: 34px;
  }

  .gm-blog-row {
    gap: 24px;
  }

  .gm-blog-featured__content,
  .gm-blog-row__content {
    width: 100%;
  }

  .gm-blog-section-heading {
    margin-top: 75px;
  }
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

  .gm-blog-page .gm-shell {
    width: calc(100% - 28px);
  }

  /*
   * Belangrijk:
   * veel minder lege ruimte onder mobiel logo/menu.
   */
  .gm-blog-hero {
    padding-top: 72px !important;
    padding-bottom: 46px;
  }

  .gm-blog-hero__content {
    max-width: none;
  }

  .gm-blog-hero .gm-kicker {
    margin-bottom: 12px;
  }

  .gm-blog-hero .gm-page-title {
    font-size: clamp(36px, 10vw, 46px);
    line-height: 1.02;
    max-width: 100%;
  }

  .gm-blog-hero .gm-page-lead {
    margin-top: 22px;
    font-size: 16px;
    line-height: 1.65;
  }

  .gm-blog-content {
    padding-bottom: 80px;
  }

  .gm-blog-featured {
    gap: 28px;
  }

  .gm-blog-featured__image,
  .gm-blog-row__image {
    border-radius: 20px;
  }

  .gm-blog-featured__image {
    aspect-ratio: 4 / 3;
  }

  .gm-blog-row__image {
    aspect-ratio: 16 / 10;
  }

  .gm-blog-section-heading {
    margin: 62px 0 28px;
  }

  .gm-blog-list {
    gap: 48px;
  }
}


/* =========================================================
   DEFINITIEVE RESPONSIVE AFBEELDING FIX
   MOBIEL + TABLET
========================================================= */

@media screen and (max-width: 991px) {

  /* -----------------------------------------
     ALGEMENE AFBEELDINGVEILIGHEID
  ----------------------------------------- */

  .gm-page img,
  .gm-blog-page img,
  .gm-section img {
    max-width: 100% !important;
  }


  /* -----------------------------------------
     BLOG - UITGELICHTE FOTO
  ----------------------------------------- */

  .gm-blog-featured__image {
    width: 100% !important;

    min-height: 0 !important;
    height: auto !important;

    aspect-ratio: 16 / 10 !important;

    overflow: hidden !important;
  }

  .gm-blog-featured__image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center 50% !important;
  }


  /* -----------------------------------------
     BLOG - NORMALE BERICHTFOTO'S
  ----------------------------------------- */

  .gm-blog-row__image {
    width: 100% !important;
    max-width: none !important;

    min-height: 0 !important;
    height: auto !important;

    aspect-ratio: 16 / 10 !important;

    overflow: hidden !important;
  }

  .gm-blog-row__image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center !important;
  }


  /* -----------------------------------------
     NORMALE CONTENTPAGINA AFBEELDINGEN
  ----------------------------------------- */

  .gm-content-media {
    width: 100% !important;
    overflow: hidden !important;

    aspect-ratio: 16 / 10 !important;
    border-radius: 24px !important;
  }

  .gm-content-media img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center !important;
  }


  /* -----------------------------------------
     SPLIT PAGINA AFBEELDING
  ----------------------------------------- */

  .gm-split__image {
    width: 100% !important;

    min-height: 0 !important;
    height: auto !important;

    aspect-ratio: 16 / 10 !important;

    overflow: hidden !important;
  }

  .gm-split__image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center !important;
  }


  /* -----------------------------------------
     LAYOUT MET FOTO LINKS
  ----------------------------------------- */

  .gm-page-layout--left .gm-page-visual {
    width: 100% !important;

    min-height: 0 !important;
    height: auto !important;

    aspect-ratio: 16 / 10 !important;

    overflow: hidden !important;
  }

  .gm-page-layout--left .gm-page-owner {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center !important;

    transform: none !important;
  }

}


/* =====================================================
   BLOGFOTO VERBERGEN
   MOBIEL STAAND + TABLET STAAND
===================================================== */

@media screen and (max-width: 991px) and (orientation: portrait) {

  .gm-blog-featured__image,
  .gm-blog-row__image {
    display: none !important;
  }

}

@media screen and (max-width: 991px) and (orientation: portrait) {

  .gm-blog-content,
  .gm-blog-section {
    padding-bottom: 30px !important;
    margin-bottom: 0 !important;
  }

  .gm-blog-list,
  .gm-blog-row:last-child,
  .gm-blog-featured:last-child {
    margin-bottom: 0 !important;
  }

  .gm-blog-pagination {
    margin-top: 30px !important;
    padding-bottom: 20px !important;
  }

  .gm-footer {
    margin-top: 0 !important;
  }

}


.gm-blog-featured__image img {
  object-position: center 25% !important;
}

.gm-blog-featured__image img,
.gm-blog-row__image img {
  object-position: center 25% !important;
}

.gm-blog-row__image img {
  object-position: center 35% !important;
}


/* =========================================================
   SINGLE BLOG PAGE
   GRENELOOS MOEDIG
========================================================= */

.gm-single-page {
  width: 100%;
  overflow-x: hidden;
  background: #fbf7f2;
}


/* =========================================================
   BOVENSTE FEATURED SECTIE
========================================================= */

.gm-single-featured {
  padding:
    clamp(180px, 13vw, 230px)
    0
    clamp(70px, 7vw, 100px);
}


/* =========================================================
   FEATURED KAART
========================================================= */

.gm-single-featured__card {
  display: grid;
  grid-template-columns:
    minmax(0, 1.1fr)
    minmax(0, .9fr);

  align-items: stretch;

  width: 100%;
  max-width: 100%;

  margin: 0;

  overflow: hidden;

  background: #ffffff;

  border-radius: 30px;

  box-shadow:
    0 24px 60px rgba(18, 35, 59, .08);
}


/* =========================================================
   FEATURED AFBEELDING
========================================================= */

.gm-single-featured__image {
  min-width: 0;

  width: 100%;
  height: 100%;

  overflow: hidden;

  background: #efe5da;
}

.gm-single-featured__image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center 25%;
}


/* =========================================================
   FEATURED CONTENT
========================================================= */

.gm-single-featured__content {
  min-width: 0;

  display: flex;
  flex-direction: column;
  justify-content: center;

  width: 100%;

  padding:
    clamp(38px, 4vw, 64px);

  box-sizing: border-box;
}


/* =========================================================
   META
========================================================= */

.gm-single-featured__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  gap: 8px;

  margin: 0 0 18px;

  color: #cd7d0a;

  font-size: 11px;
  font-weight: 700;

  line-height: 1.4;

  letter-spacing: .1em;
  text-transform: uppercase;
}


/* =========================================================
   KICKER
========================================================= */

.gm-single-featured__content .gm-kicker {
  margin: 0 0 12px;

  color: #cd7d0a;

  font-size: 12px;
  font-weight: 700;

  letter-spacing: .14em;
  text-transform: uppercase;
}


/* =========================================================
   TITEL
========================================================= */

.gm-single-featured__title {
  width: 100%;
  max-width: 100%;

  margin: 0;

  color: #10233d;

  font-family: var(--sans);

  font-size: clamp(38px, 3.8vw, 58px);
  font-weight: 700;

  line-height: 1.02;

  letter-spacing: -.035em;

  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}


/* =========================================================
   EXCERPT / INTRO
========================================================= */

.gm-single-featured__excerpt {
  width: 100%;
  max-width: 520px;

  margin: 24px 0 0;

  color: #596579;

  font-size: 17px;
  line-height: 1.8;

  overflow-wrap: normal;
  word-break: normal;
}


/* =========================================================
   ARTIKEL SECTIE
========================================================= */

.gm-single-article {
  padding:
    clamp(70px, 7vw, 110px)
    0
    clamp(90px, 9vw, 140px);

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.48),
      rgba(255,250,245,.88)
    );
}


/* =========================================================
   ARTIKEL CONTENT
========================================================= */

.gm-single-article__content {
  width: min(800px, 100%);

  margin: 0 auto;

  color: #30415a;

  font-size: 17px;
  line-height: 1.9;
}

.gm-single-article__content > *:first-child {
  margin-top: 0;
}

.gm-single-article__content > *:last-child {
  margin-bottom: 0;
}

.gm-single-article__content p {
  margin: 0 0 26px;
}


/* =========================================================
   KOPPEN IN ARTIKEL
========================================================= */

.gm-single-article__content h2 {
  margin:
    54px
    0
    18px;

  color: #10233d;

  font-size: clamp(31px, 3vw, 42px);
  line-height: 1.12;

  letter-spacing: -.025em;
}

.gm-single-article__content h3 {
  margin:
    42px
    0
    16px;

  color: #10233d;

  font-size: clamp(24px, 2.5vw, 30px);
  line-height: 1.2;
}

.gm-single-article__content h4 {
  margin:
    34px
    0
    14px;

  color: #10233d;

  font-size: 21px;
  line-height: 1.25;
}


/* =========================================================
   AFBEELDINGEN IN ARTIKEL
========================================================= */

.gm-single-article__content img {
  display: block;

  max-width: 100%;
  height: auto;

  margin:
    38px
    auto;

  border-radius: 20px;
}


/* =========================================================
   VIDEO / EMBEDS
========================================================= */

.gm-single-article__content iframe,
.gm-single-article__content video {
  display: block;

  width: 100%;
  max-width: 100%;

  aspect-ratio: 16 / 9;

  height: auto;

  margin:
    38px
    auto;

  border: 0;
  border-radius: 20px;
}


/* =========================================================
   LIJSTEN
========================================================= */

.gm-single-article__content ul,
.gm-single-article__content ol {
  margin:
    0
    0
    28px;

  padding-left: 24px;
}

.gm-single-article__content li {
  margin-bottom: 8px;
}


/* =========================================================
   BLOCKQUOTE
========================================================= */

.gm-single-article__content blockquote {
  margin:
    46px
    0;

  padding:
    30px
    34px;

  border: 0;
  border-left: 3px solid #cd7d0a;

  border-radius: 0 18px 18px 0;

  background:
    rgba(255,255,255,.55);

  color: #10233d;

  font-size: 19px;
  line-height: 1.7;
}


/* =========================================================
   TERUG NAAR BLOG
========================================================= */

.gm-single-article__back {
  width: min(800px, 100%);

  margin:
    65px
    auto
    0;

  padding-top: 28px;

  border-top:
    1px solid rgba(16,35,61,.12);
}

.gm-single-article__back a {
  display: inline-flex;
  align-items: center;

  gap: 9px;

  color: #cd7d0a;

  font-size: 14px;
  font-weight: 600;

  text-decoration: none;
}

.gm-single-article__back a:hover {
  text-decoration: underline;
}


/* =========================================================
   KLEINERE DESKTOP / TABLET LIGGEND
========================================================= */

@media screen and (min-width: 992px) and (max-width: 1280px) {

  .gm-single-featured {
    padding-top: 150px;
  }

  .gm-single-featured__card {
    grid-template-columns:
      minmax(0, 1.05fr)
      minmax(0, .95fr);
  }

  .gm-single-featured__content {
    padding: 36px;
  }

  .gm-single-featured__title {
    font-size: clamp(34px, 3.3vw, 48px);
  }

  .gm-single-featured__excerpt {
    font-size: 16px;
  }

}


/* =========================================================
   TABLET STAAND
========================================================= */

@media screen and (max-width: 991px) {

  .gm-single-featured {
    padding:
      115px
      0
      55px;
  }

  .gm-single-featured__card {
    grid-template-columns: 1fr;

    border-radius: 24px;
  }

  .gm-single-featured__image {
    width: 100%;
    height: auto;

    aspect-ratio: 16 / 10;
  }

  .gm-single-featured__image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center 25%;
  }

  .gm-single-featured__content {
    padding:
      34px
      30px;
  }

  .gm-single-featured__title {
    font-size: clamp(38px, 7vw, 52px);
  }

  .gm-single-featured__excerpt {
    max-width: 650px;

    font-size: 16px;
  }

  .gm-single-article {
    padding:
      55px
      0
      85px;
  }

  .gm-single-article__content,
  .gm-single-article__back {
    width: min(720px, 100%);
  }

}


/* =========================================================
   MOBIEL
========================================================= */

@media screen and (max-width: 640px) {

  .gm-single-page .gm-shell {
    width: calc(100% - 28px);
  }

  .gm-single-featured {
    padding:
      70px
      0
      40px;
  }

  .gm-single-featured__card {
    border-radius: 20px;
  }

  .gm-single-featured__image {
    aspect-ratio: 16 / 10;
  }

  .gm-single-featured__content {
    padding:
      28px
      22px
      32px;
  }

  .gm-single-featured__meta {
    margin-bottom: 14px;

    font-size: 10px;
  }

  .gm-single-featured__content .gm-kicker {
    margin-bottom: 10px;

    font-size: 11px;
  }

  .gm-single-featured__title {
    font-size: clamp(34px, 9vw, 44px);
    line-height: 1.04;
  }

  .gm-single-featured__excerpt {
    margin-top: 20px;

    font-size: 16px;
    line-height: 1.7;
  }

  .gm-single-article {
    padding:
      42px
      0
      65px;
  }

  .gm-single-article__content {
    font-size: 16px;
    line-height: 1.8;
  }

  .gm-single-article__content p {
    margin-bottom: 22px;
  }

  .gm-single-article__content h2 {
    margin-top: 42px;

    font-size: 30px;
  }

  .gm-single-article__content h3 {
    margin-top: 34px;

    font-size: 24px;
  }

  .gm-single-article__content blockquote {
    margin:
      36px
      0;

    padding:
      25px
      22px;

    font-size: 17px;
  }

  .gm-single-article__back {
    margin-top: 50px;
  }

}


/* =========================================================
   ZEER KLEINE MOBIEL
========================================================= */

@media screen and (max-width: 420px) {

  .gm-single-page .gm-shell {
    width: calc(100% - 24px);
  }

  .gm-single-featured__content {
    padding:
      24px
      18px
      28px;
  }

  .gm-single-featured__title {
    font-size: 34px;
  }

}


/* =====================================================
   FIX SINGLE BLOG TITEL / RECHTER KOLOM
===================================================== */

.gm-single-featured__card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;

  width: 100% !important;
  max-width: 100% !important;

  overflow: hidden !important;
}

.gm-single-featured__content {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;

  box-sizing: border-box !important;

  padding: 38px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  overflow: visible !important;
}

.gm-single-featured__title {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;

  font-size: clamp(32px, 2.8vw, 46px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.025em !important;

  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.gm-single-featured__meta {
  margin-bottom: 16px !important;
}

.gm-single-featured__content .gm-kicker {
  margin-bottom: 12px !important;
}


/* =====================================================
   KLEINERE DESKTOPS
===================================================== */

@media screen and (min-width: 992px) and (max-width: 1400px) {

  .gm-single-featured__content {
    padding: 30px !important;
  }

  .gm-single-featured__title {
    font-size: clamp(30px, 2.7vw, 40px) !important;
  }

}


/* =====================================================
   TABLET + MOBIEL
===================================================== */

@media screen and (max-width: 991px) {

  .gm-single-featured__card {
    grid-template-columns: 1fr !important;
  }

  .gm-single-featured__content {
    padding: 32px 28px !important;
  }

  .gm-single-featured__title {
    font-size: clamp(36px, 7vw, 50px) !important;
  }

}


/* =====================================================
   MOBIEL
===================================================== */

@media screen and (max-width: 640px) {

  .gm-single-featured__content {
    padding: 26px 20px 30px !important;
  }

  .gm-single-featured__title {
    font-size: clamp(32px, 9vw, 42px) !important;
    line-height: 1.05 !important;
  }

}


/* SINGLE BLOG — extra ruimte onder header/logo */
.gm-single-featured {
  padding-top: 240px !important;
}

@media screen and (min-width: 992px) and (max-width: 1280px) {
  .gm-single-featured {
    padding-top: 190px !important;
  }
}

@media screen and (max-width: 991px) {
  .gm-single-featured {
    padding-top: 120px !important;
  }
}

@media screen and (max-width: 640px) {
  .gm-single-featured {
    padding-top: 85px !important;
  }
}

/* =====================================================
   SINGLE PAGE AFBEELDING
   ALLEEN MOBIEL + TABLET STAAND
===================================================== */

@media screen and (max-width: 991px) and (orientation: portrait) {

  .gm-single-featured__image {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    aspect-ratio: 16 / 10 !important;

    overflow: hidden !important;
  }

  .gm-single-featured__image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center 25% !important;
  }

}


/* TABLET LIGGEND — MENU ITEMS GROTER */
@media screen and (min-width: 992px) and (max-width: 1280px) and (orientation: landscape) {

  .gm-header nav#gm-mobile-nav a {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
  }

}

/* =========================================================
   GRENELOOS MOEDIG — COMPACT TITLE SYSTEEM
   H1 oogt als H3
   H2 oogt als H4
========================================================= */


/* =========================================================
   H1 — VISUEEL ALS H3
========================================================= */

.gm-hero__title,
.gm-hero h1,
.gm-page-title,
.gm-single-featured__title,
.gm-single__title,
.gm-single-title,
h1 {
  margin-top: 0 !important;

  color: #10233d;

  font-size: clamp(28px, 2.4vw, 36px) !important;
  line-height: 1.06 !important;

  font-weight: 700 !important;
  letter-spacing: -0.025em !important;

  text-wrap: balance;
}


/* =========================================================
   H2 — VISUEEL ALS H4
========================================================= */

.gm-section h2,
.gm-story h2,
.gm-blog-section-heading h2,
.gm-single-article__content h2,
.gm-page-copy h2,
.gm-cta h2,
h2 {
  color: #10233d;

  font-size: clamp(22px, 1.9vw, 28px) !important;
  line-height: 1.10 !important;

  font-weight: 700 !important;
  letter-spacing: -0.018em !important;

  text-wrap: balance;
}


/* =========================================================
   H3 — KLEINER / KAARTTITELS
========================================================= */

.gm-card h3,
.gm-value-card h3,
.gm-blog-row__title,
.gm-page-copy h3,
.gm-single-article__content h3,
h3 {
  color: #10233d;

  font-size: clamp(20px, 1.7vw, 24px) !important;
  line-height: 1.12 !important;

  font-weight: 700 !important;
  letter-spacing: -0.015em !important;

  text-wrap: balance;
}


/* =========================================================
   BLOG FEATURED TITLE
========================================================= */

.gm-blog-featured__title {
  font-size: clamp(26px, 2.3vw, 34px) !important;
  line-height: 1.06 !important;

  font-weight: 700 !important;
  letter-spacing: -0.022em !important;

  text-wrap: balance;
}


/* =========================================================
   BLOG LIJST TITELS
========================================================= */

.gm-blog-row__title {
  font-size: clamp(22px, 2vw, 28px) !important;
  line-height: 1.08 !important;
}


/* =========================================================
   HOME KAART TITELS
========================================================= */

.gm-card h3 {
  font-size: clamp(21px, 1.9vw, 26px) !important;
  line-height: 1.08 !important;
}


/* =========================================================
   GOUDEN ACCENTWOORDEN
========================================================= */

.gm-hero__title span,
.gm-hero h1 span,
.gm-page-title span {
  font-size: .78em !important;

  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;

  color: var(--gold) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media screen and (max-width: 991px) {

  .gm-hero__title,
  .gm-hero h1,
  .gm-page-title,
  .gm-single-featured__title,
  .gm-single__title,
  .gm-single-title,
  h1 {
    font-size: clamp(27px, 4.5vw, 34px) !important;
  }

  .gm-section h2,
  .gm-story h2,
  .gm-blog-section-heading h2,
  .gm-single-article__content h2,
  .gm-page-copy h2,
  .gm-cta h2,
  h2 {
    font-size: clamp(21px, 3.6vw, 27px) !important;
  }

  .gm-card h3,
  .gm-value-card h3,
  .gm-blog-row__title,
  .gm-page-copy h3,
  .gm-single-article__content h3,
  h3 {
    font-size: clamp(19px, 3.2vw, 23px) !important;
  }

}


/* =========================================================
   MOBIEL
========================================================= */

@media screen and (max-width: 640px) {

  .gm-hero__title,
  .gm-hero h1,
  .gm-page-title,
  .gm-single-featured__title,
  .gm-single__title,
  .gm-single-title,
  h1 {
    font-size: clamp(26px, 7vw, 32px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
  }

  .gm-section h2,
  .gm-story h2,
  .gm-blog-section-heading h2,
  .gm-single-article__content h2,
  .gm-page-copy h2,
  .gm-cta h2,
  h2 {
    font-size: clamp(20px, 5.8vw, 25px) !important;
    line-height: 1.12 !important;
  }

  .gm-card h3,
  .gm-value-card h3,
  .gm-blog-row__title,
  .gm-page-copy h3,
  .gm-single-article__content h3,
  h3 {
    font-size: clamp(18px, 5vw, 22px) !important;
    line-height: 1.14 !important;
  }

  .gm-blog-featured__title {
    font-size: clamp(24px, 6.5vw, 30px) !important;
  }

}
/// afbeelding hack aanbod page 

/* =========================================================
   AANBOD FOTO — ZACHTER INTEGREREN IN DESIGN
========================================================= */

.gm-aanbod-page .gm-page-visual{
    position:relative !important;

    height:560px !important;
    min-height:560px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    overflow:visible !important;
}


/* zachte vorm achter de foto */
.gm-aanbod-page .gm-page-visual::before{
    content:"";

    position:absolute;

    inset:30px 10px 20px 35px;

    border-radius:
        46% 54% 48% 52%
        / 42% 44% 56% 58%;

    background:
        radial-gradient(
            circle at 70% 25%,
            rgba(255,255,255,.85),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            rgba(247,232,215,.72),
            rgba(255,253,249,.88)
        );

    box-shadow:
        0 30px 70px rgba(74,49,25,.08);

    z-index:0;
}


/* foto zelf */
.gm-aanbod-page .gm-page-owner{
    position:relative !important;

    z-index:2 !important;

    width:100% !important;
    height:520px !important;

    max-width:620px !important;
    max-height:none !important;

    object-fit:cover !important;
    object-position:center 28% !important;

    border-radius:
        44% 56% 48% 52%
        / 38% 42% 58% 62% !important;

    transform:none !important;

    filter:
        saturate(.92)
        contrast(.97)
        brightness(1.02)
        drop-shadow(
            0 24px 45px
            rgba(61,42,22,.08)
        ) !important;

    -webkit-mask-image:
        radial-gradient(
            ellipse at center,
            #000 58%,
            rgba(0,0,0,.96) 72%,
            rgba(0,0,0,.65) 86%,
            transparent 100%
        ) !important;

    mask-image:
        radial-gradient(
            ellipse at center,
            #000 58%,
            rgba(0,0,0,.96) 72%,
            rgba(0,0,0,.65) 86%,
            transparent 100%
        ) !important;
}


/* zachte warme gloed */
.gm-aanbod-page .gm-page-visual::after{
    content:"";

    position:absolute;

    width:430px;
    height:430px;

    right:-60px;
    bottom:-20px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(218,173,125,.15),
            transparent 70%
        );

    filter:blur(12px);

    pointer-events:none;

    z-index:1;
}


// final image ahck 


/* =========================================================
   OVER MIJ — EDITORIAL PAGE
   Alleen scoped onder .gm-about-page
========================================================= */

.gm-about-page {
  overflow: hidden;
}

/* ---------- INTRO ---------- */

.gm-about-page .gm-about-intro {
  padding: 72px 0 88px;
}

.gm-about-page .gm-about-intro__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  align-items: center;
  gap: clamp(48px, 7vw, 96px);
}

.gm-about-page .gm-about-intro__copy {
  max-width: 680px;
}

.gm-about-page .gm-about-title {
  margin: 0 0 24px;
  font-size: clamp(44px, 5.4vw, 76px);
  line-height: 0.98;
  letter-spacing: -0.035em;
}

.gm-about-page .gm-about-title span {
  display: inline;
}

.gm-about-page .gm-about-lead {
  max-width: 620px;
  margin: 0;
  font-size: clamp(18px, 1.6vw, 21px);
  line-height: 1.7;
}

.gm-about-page .gm-about-intro__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.gm-about-page .gm-about-intro__visual {
  margin: 0;
  width: 100%;
}

.gm-about-page .gm-about-intro__image-frame {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 28px;
}

.gm-about-page .gm-about-intro__image-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---------- STORY ---------- */

.gm-about-page .gm-about-story {
  padding: 96px 0;
}

.gm-about-page .gm-about-story__grid {
  display: grid;
  grid-template-columns: 220px minmax(0, 760px);
  gap: clamp(40px, 7vw, 100px);
  justify-content: center;
}

.gm-about-page .gm-about-story__content h2 {
  margin-top: 0;
  margin-bottom: 28px;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.08;
}

.gm-about-page .gm-about-story__content p {
  margin: 0 0 22px;
  font-size: 18px;
  line-height: 1.8;
}

.gm-about-page .gm-about-story__content p:last-child {
  margin-bottom: 0;
}

/* ---------- APPROACH ---------- */

.gm-about-page .gm-about-approach {
  padding: 32px 0 104px;
}

.gm-about-page .gm-about-approach__panel {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(44px, 7vw, 96px);
  padding: clamp(40px, 6vw, 72px);
  border-radius: 30px;
  background: rgba(212, 184, 126, 0.10);
}

.gm-about-page .gm-about-approach__heading h2 {
  margin: 0;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.08;
}

.gm-about-page .gm-about-approach__body > p {
  margin: 0 0 22px;
  font-size: 18px;
  line-height: 1.8;
}

.gm-about-page .gm-about-approach__note {
  margin-top: 34px;
  padding-left: 26px;
  border-left: 2px solid currentColor;
}

.gm-about-page .gm-about-approach__note h3 {
  margin: 0 0 10px;
  font-size: 24px;
}

.gm-about-page .gm-about-approach__note p {
  margin: 0;
  line-height: 1.75;
}

/* ---------- VALUES ---------- */

.gm-about-page .gm-about-values {
  padding: 88px 0 104px;
}

.gm-about-page .gm-about-values__header {
  max-width: 720px;
  margin: 0 auto 50px;
  text-align: center;
}

.gm-about-page .gm-about-values__header h2 {
  margin: 0;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.08;
}

.gm-about-page .gm-about-values__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.gm-about-page .gm-about-value-card {
  padding: 34px;
  border-radius: 24px;
  background: rgba(255,255,255,0.56);
}

.gm-about-page .gm-about-value-card__icon {
  width: 52px;
  height: 52px;
  margin-bottom: 24px;
}

.gm-about-page .gm-about-value-card__icon svg {
  display: block;
  width: 52px;
  height: 52px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gm-about-page .gm-about-value-card h3 {
  margin: 0 0 12px;
  font-size: 24px;
}

.gm-about-page .gm-about-value-card p {
  margin: 0;
  line-height: 1.7;
}

/* ---------- QUOTE ---------- */

.gm-about-page .gm-about-quote {
  padding: 36px 0 104px;
}

.gm-about-page .gm-about-quote__inner {
  position: relative;
  max-width: 920px;
  margin: 0 auto;
  padding: 54px 64px;
  text-align: center;
  border-radius: 30px;
}

.gm-about-page .gm-about-quote__mark {
  display: block;
  margin-bottom: 4px;
  font-size: 74px;
  line-height: 0.8;
}

.gm-about-page .gm-about-quote__inner p {
  margin: 0;
  font-size: clamp(27px, 3vw, 42px);
  line-height: 1.25;
}

/* ---------- AUDIENCE ---------- */

.gm-about-page .gm-about-audience {
  padding: 92px 0 108px;
}

.gm-about-page .gm-about-audience__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(48px, 7vw, 96px);
}

.gm-about-page .gm-about-audience__heading h2 {
  margin: 0;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.08;
}

.gm-about-page .gm-about-audience__content > p {
  margin: 0 0 22px;
  font-size: 18px;
  line-height: 1.8;
}

.gm-about-page .gm-about-checks {
  list-style: none;
  margin: 34px 0 0;
  padding: 0;
}

.gm-about-page .gm-about-checks li {
  position: relative;
  margin-bottom: 16px;
  padding-left: 34px;
  line-height: 1.6;
}

.gm-about-page .gm-about-checks li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
}

/* ---------- CTA ---------- */

.gm-about-page .gm-about-cta {
  padding: 30px 0 100px;
}

.gm-about-page .gm-about-cta__panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  padding: clamp(38px, 6vw, 64px);
  border-radius: 30px;
}

.gm-about-page .gm-about-cta__copy {
  max-width: 700px;
}

.gm-about-page .gm-about-cta__copy h2 {
  margin: 0 0 14px;
  font-size: clamp(32px, 4vw, 50px);
  line-height: 1.08;
}

.gm-about-page .gm-about-cta__copy p {
  margin: 0;
  font-size: 18px;
  line-height: 1.7;
}

/* ---------- TABLET ---------- */

@media (max-width: 960px) {

  .gm-about-page .gm-about-intro__grid,
  .gm-about-page .gm-about-story__grid,
  .gm-about-page .gm-about-approach__panel,
  .gm-about-page .gm-about-audience__grid {
    grid-template-columns: 1fr;
  }

  .gm-about-page .gm-about-intro__visual {
    max-width: 620px;
  }

  .gm-about-page .gm-about-intro__image-frame {
    margin: 0;
  }

  .gm-about-page .gm-about-story__grid {
    gap: 18px;
  }

  .gm-about-page .gm-about-values__grid {
    grid-template-columns: 1fr;
  }

  .gm-about-page .gm-about-cta__panel {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* ---------- MOBILE ---------- */

@media (max-width: 640px) {

  .gm-about-page .gm-about-intro {
    padding: 42px 0 64px;
  }

  .gm-about-page .gm-about-title {
    font-size: clamp(38px, 12vw, 54px);
  }

  .gm-about-page .gm-about-intro__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .gm-about-page .gm-about-intro__actions .gm-btn {
    width: 100%;
    justify-content: center;
  }

  .gm-about-page .gm-about-intro__image-frame {
    aspect-ratio: 4 / 5;
    border-radius: 20px;
  }

  .gm-about-page .gm-about-story,
  .gm-about-page .gm-about-values,
  .gm-about-page .gm-about-audience {
    padding: 64px 0;
  }

  .gm-about-page .gm-about-approach {
    padding: 20px 0 72px;
  }

  .gm-about-page .gm-about-approach__panel,
  .gm-about-page .gm-about-quote__inner,
  .gm-about-page .gm-about-cta__panel {
    padding: 30px 24px;
    border-radius: 22px;
  }

  .gm-about-page .gm-about-value-card {
    padding: 28px 24px;
  }

  .gm-about-page .gm-about-story__content p,
  .gm-about-page .gm-about-approach__body > p,
  .gm-about-page .gm-about-audience__content > p,
  .gm-about-page .gm-about-cta__copy p {
    font-size: 17px;
  }
}


/* =========================================================
   OVER MIJ — VISUAL POLISH
   Alleen .gm-about-page
========================================================= */

/* algemene ritme */
.gm-about-page .gm-about-intro {
  padding-top: 56px;
  padding-bottom: 70px;
}

.gm-about-page .gm-about-story {
  padding-top: 74px;
  padding-bottom: 82px;
}

.gm-about-page .gm-about-approach {
  padding-top: 18px;
  padding-bottom: 80px;
}

.gm-about-page .gm-about-values {
  padding-top: 72px;
  padding-bottom: 76px;
}

.gm-about-page .gm-about-quote {
  padding-top: 40px;
  padding-bottom: 76px;
}

.gm-about-page .gm-about-audience {
  padding-top: 72px;
  padding-bottom: 82px;
}

.gm-about-page .gm-about-cta {
  padding-top: 18px;
  padding-bottom: 80px;
}


/* intro compacter en chiquer */
.gm-about-page .gm-about-intro__grid {
  grid-template-columns: minmax(0, 0.95fr) minmax(380px, 0.82fr);
  gap: clamp(54px, 6vw, 86px);
}

.gm-about-page .gm-about-intro__copy {
  max-width: 600px;
}

.gm-about-page .gm-about-title {
  max-width: 560px;
  font-size: clamp(42px, 4.7vw, 66px);
  line-height: 1.02;
}

.gm-about-page .gm-about-lead {
  max-width: 570px;
  font-size: 18px;
  line-height: 1.72;
}

.gm-about-page .gm-about-intro__image-frame {
  max-width: 465px;
  border-radius: 24px;
}


/* verhaal minder uit elkaar getrokken */
.gm-about-page .gm-about-story__grid {
  grid-template-columns: 150px minmax(0, 720px);
  gap: 48px;
}

.gm-about-page .gm-about-story__content h2 {
  font-size: clamp(31px, 3.4vw, 46px);
  margin-bottom: 24px;
}

.gm-about-page .gm-about-story__content p {
  font-size: 17px;
  line-height: 1.75;
  margin-bottom: 18px;
}


/* benadering minder massief */
.gm-about-page .gm-about-approach__panel {
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 64px;
  padding: 52px 58px;
  border-radius: 24px;
  background: rgba(212, 184, 126, 0.075);
}

.gm-about-page .gm-about-approach__heading h2 {
  font-size: clamp(30px, 3.2vw, 43px);
}

.gm-about-page .gm-about-approach__body > p {
  font-size: 17px;
  line-height: 1.72;
}

.gm-about-page .gm-about-approach__note {
  margin-top: 26px;
  padding-left: 20px;
}

.gm-about-page .gm-about-approach__note h3 {
  font-size: 20px;
}


/* waarden visueel sterker */
.gm-about-page .gm-about-values__header {
  margin-bottom: 40px;
}

.gm-about-page .gm-about-values__header h2 {
  font-size: clamp(30px, 3.4vw, 44px);
}

.gm-about-page .gm-about-values__grid {
  gap: 20px;
}

.gm-about-page .gm-about-value-card {
  padding: 30px 28px;
  border: 1px solid rgba(10, 35, 63, 0.06);
  background: rgba(255,255,255,0.72);
  box-shadow: 0 14px 34px rgba(10, 35, 63, 0.035);
}

.gm-about-page .gm-about-value-card__icon,
.gm-about-page .gm-about-value-card__icon svg {
  width: 42px;
  height: 42px;
}

.gm-about-page .gm-about-value-card__icon {
  margin-bottom: 18px;
}

.gm-about-page .gm-about-value-card h3 {
  font-size: 20px;
}


/* quote onderdeel van de flow maken */
.gm-about-page .gm-about-quote__inner {
  max-width: 820px;
  padding: 34px 48px;
}

.gm-about-page .gm-about-quote__mark {
  font-size: 54px;
  margin-bottom: 10px;
}

.gm-about-page .gm-about-quote__inner p {
  font-size: clamp(26px, 2.7vw, 38px);
  line-height: 1.28;
}


/* doelgroep compacter */
.gm-about-page .gm-about-audience__grid {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 70px;
}

.gm-about-page .gm-about-audience__heading h2 {
  font-size: clamp(30px, 3.3vw, 44px);
}

.gm-about-page .gm-about-audience__content > p {
  font-size: 17px;
  line-height: 1.72;
}

.gm-about-page .gm-about-checks {
  margin-top: 26px;
}

.gm-about-page .gm-about-checks li {
  margin-bottom: 12px;
}


/* CTA als echt eindblok */
.gm-about-page .gm-about-cta__panel {
  padding: 44px 50px;
  border-radius: 24px;
  background: rgba(212, 184, 126, 0.08);
}

.gm-about-page .gm-about-cta__copy {
  max-width: 650px;
}

.gm-about-page .gm-about-cta__copy h2 {
  font-size: clamp(28px, 3vw, 40px);
}


/* tablet */
@media (max-width: 960px) {

  .gm-about-page .gm-about-intro__grid,
  .gm-about-page .gm-about-story__grid,
  .gm-about-page .gm-about-approach__panel,
  .gm-about-page .gm-about-audience__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .gm-about-page .gm-about-intro__copy {
    max-width: 680px;
  }

  .gm-about-page .gm-about-intro__image-frame {
    margin-left: 0;
  }

  .gm-about-page .gm-about-approach__panel {
    padding: 42px;
  }
}


/* mobiel */
@media (max-width: 640px) {

  .gm-about-page .gm-about-intro {
    padding-top: 34px;
    padding-bottom: 52px;
  }

  .gm-about-page .gm-about-story,
  .gm-about-page .gm-about-values,
  .gm-about-page .gm-about-audience {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .gm-about-page .gm-about-title {
    font-size: 40px;
  }

  .gm-about-page .gm-about-approach__panel,
  .gm-about-page .gm-about-cta__panel {
    padding: 28px 22px;
  }

  .gm-about-page .gm-about-quote__inner {
    padding: 28px 16px;
  }

  .gm-about-page .gm-about-quote__inner p {
    font-size: 27px;
  }
}


/* OVER MIJ — alleen foto corrigeren */
.gm-about-page .gm-about-intro__visual {
  align-self: start;
  padding-top: 42px;
}

.gm-about-page .gm-about-intro__image-frame {
  width: 100%;
  max-width: 390px;
  margin-left: auto;
}

.gm-about-page .gm-about-intro__image-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 960px) {
  .gm-about-page .gm-about-intro__visual {
    padding-top: 20px;
  }

  .gm-about-page .gm-about-intro__image-frame {
    max-width: 420px;
    margin-left: 0;
  }
}


/* OVER MIJ — content iets verder van schermranden */
.gm-about-page .gm-shell {
  padding-left: clamp(28px, 3vw, 42px);
  padding-right: clamp(28px, 3vw, 42px);
}

@media (max-width: 640px) {
  .gm-about-page .gm-shell {
    padding-left: 20px;
    padding-right: 20px;
  }
}


/* OVER MIJ — hero iets lager */
.gm-about-page .gm-about-intro {
  padding-top: 120px;
}

@media (max-width: 960px) {
  .gm-about-page .gm-about-intro {
    padding-top: 90px;
  }
}

@media (max-width: 640px) {
  .gm-about-page .gm-about-intro {
    padding-top: 70px;
  }
}


/* =========================================================
   OVER MIJ — BOTANISCHE DECORATIE
   Code-only SVG, uitsluitend binnen .gm-about-page
========================================================= */

@media (min-width: 961px) {

  /* gemeenschappelijke basis */
  .gm-about-page .gm-about-story__label,
  .gm-about-page .gm-about-approach__heading,
  .gm-about-page .gm-about-audience__heading {
    position: relative;
  }

  .gm-about-page .gm-about-story__label::after,
  .gm-about-page .gm-about-approach__heading::after,
  .gm-about-page .gm-about-audience__heading::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 0;

    width: 190px;
    height: 250px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    opacity: .48;

    background-image:
      url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 220 300%27%3E%3Cg fill=%27none%27 stroke=%27%23d0ae76%27 stroke-width=%272.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M38 275 C68 220 98 166 171 58%27/%3E%3Cpath d=%27M72 213 C54 200 43 181 42 158 C62 163 77 176 84 194%27/%3E%3Cpath d=%27M91 182 C112 170 126 151 130 128 C109 131 94 143 86 162%27/%3E%3Cpath d=%27M112 150 C93 133 86 114 88 91 C108 99 121 113 126 132%27/%3E%3Cpath d=%27M133 118 C154 106 169 88 176 66 C155 67 138 78 128 96%27/%3E%3Cpath d=%27M151 91 C140 73 138 54 145 35 C161 47 169 62 168 79%27/%3E%3C/g%3E%3Cg fill=%27%23ead8b7%27 fill-opacity=%27.62%27%3E%3Cellipse cx=%2757%27 cy=%27183%27 rx=%2716%27 ry=%2731%27 transform=%27rotate(-39 57 183)%27/%3E%3Cellipse cx=%27112%27 cy=%27149%27 rx=%2715%27 ry=%2730%27 transform=%27rotate(42 112 149)%27/%3E%3Cellipse cx=%27101%27 cy=%27112%27 rx=%2715%27 ry=%2730%27 transform=%27rotate(-30 101 112)%27/%3E%3Cellipse cx=%27153%27 cy=%2791%27 rx=%2714%27 ry=%2728%27 transform=%27rotate(48 153 91)%27/%3E%3Cellipse cx=%27155%27 cy=%2758%27 rx=%2713%27 ry=%2727%27 transform=%27rotate(-18 155 58)%27/%3E%3C/g%3E%3C/svg%3E");
  }


  /* WIE IK BEN */
  .gm-about-page .gm-about-story__label::after {
    left: -8px;
    top: 52px;
    transform: rotate(-7deg);
  }


  /* MIJN BENADERING */
  .gm-about-page .gm-about-approach__heading::after {
    left: 10px;
    bottom: -18px;
    width: 170px;
    height: 220px;
    opacity: .34;
    transform: rotate(18deg) scaleX(-1);
  }


  /* VOOR WIE IK ER BEN */
  .gm-about-page .gm-about-audience__heading::after {
    left: 6px;
    top: 130px;
    width: 180px;
    height: 235px;
    opacity: .42;
    transform: rotate(-13deg);
  }


  /* tekst altijd boven decoratie houden */
  .gm-about-page .gm-about-story__label > *,
  .gm-about-page .gm-about-approach__heading > *,
  .gm-about-page .gm-about-audience__heading > * {
    position: relative;
    z-index: 1;
  }
}


/* Op tablet/mobiel geen grote bladeren in de tekstkolommen */
@media (max-width: 960px) {

  .gm-about-page .gm-about-story__label::after,
  .gm-about-page .gm-about-approach__heading::after,
  .gm-about-page .gm-about-audience__heading::after {
    display: none;
  }
}


/* =========================================================
   OVER MIJ — BOTANISCHE SVG UIT, TRANSPARANTE OWNER-AFBEELDING AAN
   Alleen .gm-about-page
========================================================= */

@media (min-width: 961px) {

  /* oude code-only tekeningen uitschakelen */
  .gm-about-page .gm-about-story__label::after,
  .gm-about-page .gm-about-approach__heading::after,
  .gm-about-page .gm-about-audience__heading::after {
    background-image:
      url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/hero-background.webp") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
  }

  /* WIE IK BEN */
  .gm-about-page .gm-about-story__label::after {
    left: -10px !important;
    top: 58px !important;
    width: 185px !important;
    height: 250px !important;
    opacity: .24 !important;
    transform: none !important;
  }

  /* MIJN BENADERING */
  .gm-about-page .gm-about-approach__heading::after {
    left: 4px !important;
    bottom: -6px !important;
    width: 175px !important;
    height: 230px !important;
    opacity: .18 !important;
    transform: none !important;
  }

  /* VOOR WIE IK ER BEN */
  .gm-about-page .gm-about-audience__heading::after {
    left: 0 !important;
    top: 118px !important;
    width: 180px !important;
    height: 240px !important;
    opacity: .22 !important;
    transform: none !important;
  }
}


/* =========================================================
   OVER MIJ — LUXE BOTANISCH ORNAMENT
   Code-only, geen afbeeldingen / geen SVG
========================================================= */

@media (min-width: 961px) {

  .gm-about-page .gm-about-story__label,
  .gm-about-page .gm-about-approach__heading,
  .gm-about-page .gm-about-audience__heading {
    position: relative;
  }

  .gm-about-page .gm-about-story__label::after,
  .gm-about-page .gm-about-approach__heading::after,
  .gm-about-page .gm-about-audience__heading::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 0;

    width: 180px;
    height: 250px;

    background-image:
      /* bladeren links */
      radial-gradient(
        ellipse 22px 48px at 34% 76%,
        rgba(201, 171, 112, .30) 0 48%,
        transparent 50%
      ),
      radial-gradient(
        ellipse 20px 43px at 44% 57%,
        rgba(226, 207, 169, .46) 0 48%,
        transparent 50%
      ),
      radial-gradient(
        ellipse 18px 40px at 55% 39%,
        rgba(196, 163, 103, .24) 0 48%,
        transparent 50%
      ),

      /* bladeren rechts */
      radial-gradient(
        ellipse 22px 47px at 64% 67%,
        rgba(225, 203, 160, .42) 0 48%,
        transparent 50%
      ),
      radial-gradient(
        ellipse 19px 41px at 72% 48%,
        rgba(193, 160, 101, .25) 0 48%,
        transparent 50%
      ),
      radial-gradient(
        ellipse 17px 37px at 77% 29%,
        rgba(226, 209, 173, .42) 0 48%,
        transparent 50%
      ),

      /* subtiele centrale tak */
      linear-gradient(
        64deg,
        transparent 48.8%,
        rgba(176, 143, 86, .42) 49.3%,
        rgba(176, 143, 86, .42) 50.2%,
        transparent 50.7%
      ) !important;

    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    opacity: 1 !important;

    filter: blur(.05px);
  }

  /* WIE IK BEN */
  .gm-about-page .gm-about-story__label::after {
    left: 6px !important;
    top: 62px !important;
    width: 165px !important;
    height: 230px !important;
    transform: rotate(-8deg) !important;
  }

  /* MIJN BENADERING */
  .gm-about-page .gm-about-approach__heading::after {
    left: 18px !important;
    bottom: -6px !important;
    width: 155px !important;
    height: 215px !important;
    transform: rotate(8deg) scaleX(-1) !important;
  }

  /* VOOR WIE IK ER BEN */
  .gm-about-page .gm-about-audience__heading::after {
    left: 10px !important;
    top: 135px !important;
    width: 165px !important;
    height: 225px !important;
    transform: rotate(-5deg) !important;
  }

  .gm-about-page .gm-about-story__label > *,
  .gm-about-page .gm-about-approach__heading > *,
  .gm-about-page .gm-about-audience__heading > * {
    position: relative;
    z-index: 1;
  }
}

@media (max-width: 960px) {
  .gm-about-page .gm-about-story__label::after,
  .gm-about-page .gm-about-approach__heading::after,
  .gm-about-page .gm-about-audience__heading::after {
    display: none !important;
  }
}


/* =========================================================
   OVER MIJ — SECTIE ACHTERGRONDEN
   Alleen de Over Mij-pagina
========================================================= */

/* WIE IK BEN */
.gm-about-page .gm-about-story {
  position: relative;
  background:
    linear-gradient(
      rgba(255, 252, 247, .88),
      rgba(255, 252, 247, .88)
    ),
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/wie-ik-ben-1.webp")
    center center / cover no-repeat;
}

/* MIJN BENADERING */
.gm-about-page .gm-about-approach {
  position: relative;
}

.gm-about-page .gm-about-approach__panel {
  background:
    linear-gradient(
      rgba(250, 245, 236, .84),
      rgba(250, 245, 236, .84)
    ),
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/mijn-benadering-1.webp")
    center center / cover no-repeat !important;
}

/* VOOR WIE IK ER BEN */
.gm-about-page .gm-about-audience {
  position: relative;
  background:
    linear-gradient(
      rgba(255, 252, 247, .88),
      rgba(255, 252, 247, .88)
    ),
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/voor-wie-ik-er-ben-1.webp")
    center center / cover no-repeat;
}

/* tekst altijd goed leesbaar */
.gm-about-page .gm-about-story__grid,
.gm-about-page .gm-about-approach__panel,
.gm-about-page .gm-about-audience__grid {
  position: relative;
  z-index: 1;
}

/* mobiel iets rustiger */
@media (max-width: 960px) {
  .gm-about-page .gm-about-story,
  .gm-about-page .gm-about-audience {
    background-position: center;
  }

  .gm-about-page .gm-about-approach__panel {
    background-position: center !important;
  }
}


/* =========================================================
   OVER MIJ — OUDE CODE-BLADEREN UIT
========================================================= */

.gm-about-page .gm-about-story__label::after,
.gm-about-page .gm-about-approach__heading::after,
.gm-about-page .gm-about-audience__heading::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}


/* =========================================================
   OVER MIJ — ECHTE ACHTERGRONDEN
========================================================= */

/* WIE IK BEN */
.gm-about-page .gm-about-story {
  background:
    linear-gradient(
      rgba(255, 252, 247, .78),
      rgba(255, 252, 247, .78)
    ),
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/wie-ik-ben-1.webp")
    center center / cover no-repeat !important;
}


/* MIJN BENADERING */
.gm-about-page .gm-about-approach__panel {
  background:
    linear-gradient(
      rgba(250, 245, 236, .76),
      rgba(250, 245, 236, .76)
    ),
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/mijn-benadering-1.webp")
    center center / cover no-repeat !important;
}


/* VOOR WIE IK ER BEN */
.gm-about-page .gm-about-audience {
  background:
    linear-gradient(
      rgba(255, 252, 247, .76),
      rgba(255, 252, 247, .76)
    ),
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/voor-wie-ik-er-ben-1.webp")
    center center / cover no-repeat !important;
  background-position: center center !important;
}


/* inhoud boven achtergrond */
.gm-about-page .gm-about-story__grid,
.gm-about-page .gm-about-approach__panel,
.gm-about-page .gm-about-audience__grid {
  position: relative;
  z-index: 1;
}


/* OVER MIJ — achtergrond Voor wie ik er ben naar links spiegelen */
.gm-about-page .gm-about-audience {
  position: relative;
  overflow: hidden;
  background: none !important;
}

.gm-about-page .gm-about-audience::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      rgba(255, 252, 247, .76),
      rgba(255, 252, 247, .76)
    ),
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/voor-wie-ik-er-ben-1.webp")
    center center / cover no-repeat;
  transform: scaleX(-1);
  z-index: 0;
  pointer-events: none;
}

.gm-about-page .gm-about-audience__grid {
  position: relative;
  z-index: 1;
}


/* OVER MIJ — achtergrond Voor wie ik er ben kleiner binnen sectie */
.gm-about-page .gm-about-audience::before {
  background-size: 82% auto !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
}


/* OVER MIJ — achtergrond Voor wie ik er ben links uitlijnen */
.gm-about-page .gm-about-audience::before {
  background-size: 82% auto !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
}


/* OVER MIJ — Voor wie ik er ben afbeelding helemaal links */
.gm-about-page .gm-about-audience::before {
  background-size: 70% auto !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
  transform: scaleX(-1) translateX(18%) !important;
  transform-origin: center !important;
}


/* OVER MIJ — blad-afbeelding volledig weg bij Voor wie ik er ben */
.gm-about-page .gm-about-audience {
  background: none !important;
}

.gm-about-page .gm-about-audience::before {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}


/* OVER MIJ — afbeelding onder titel Voor wie ik er ben */
.gm-about-page .gm-about-audience__heading {
  position: relative;
}

/* oud achtergrondgebruik uit */
.gm-about-page .gm-about-audience {
  background: none !important;
}

.gm-about-page .gm-about-audience::before {
  content: none !important;
  display: none !important;
}

/* apart beeldvak onder de kop */
.gm-about-page .gm-about-audience__heading::after {
  content: "";
  display: block !important;

  width: 100%;
  max-width: 320px;
  height: 300px;

  margin-top: 34px;

  background-image: url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/voor-wie-ik-er-ben-1.webp") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;

  opacity: .72;
  pointer-events: none;
}

/* mobiel */
@media (max-width: 960px) {
  .gm-about-page .gm-about-audience__heading::after {
    max-width: 280px;
    height: 240px;
    margin-top: 24px;
  }
}


/* OVER MIJ — afbeelding echt onder kop Voor wie ik er ben */
.gm-about-page .gm-about-audience__heading::after {
  content: "" !important;
  display: block !important;
  position: relative !important;

  width: 100% !important;
  max-width: 360px !important;
  height: 280px !important;

  margin: 32px 0 0 0 !important;

  background: url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/voor-wie-ik-er-ben-1.webp")
              left center / contain no-repeat !important;

  opacity: 1 !important;
  transform: none !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* eventuele oude verberg-regels overrulen */
@media (min-width: 0px) {
  .gm-about-page .gm-about-audience__heading::after {
    display: block !important;
  }
}


/* OVER MIJ — nieuwe afbeelding bij Voor wie ik er ben */
.gm-about-page .gm-about-audience__heading::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  max-width: 360px !important;
  height: 280px !important;
  margin-top: 32px !important;

  background:
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/voor-wie-ik-er-ben-2-1.webp")
    left center / contain no-repeat !important;

  opacity: 1 !important;
  transform: none !important;
  pointer-events: none !important;
}


/* =========================================================
   OVER MIJ — VOOR WIE IK ER BEN ALS ECHTE SECTIE-ACHTERGROND
========================================================= */

/* oude losse afbeelding onder de heading verwijderen */
.gm-about-page .gm-about-audience__heading::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

/* nieuwe afbeelding als achtergrond van de hele sectie */
.gm-about-page .gm-about-audience {
  position: relative;
  overflow: hidden;

  background:
    linear-gradient(
      90deg,
      rgba(255, 252, 247, .08) 0%,
      rgba(255, 252, 247, .28) 34%,
      rgba(255, 252, 247, .82) 58%,
      rgba(255, 252, 247, .96) 100%
    ),
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/voor-wie-ik-er-ben-2-1.webp")
    left center / cover no-repeat !important;
}

/* inhoud boven de achtergrond houden */
.gm-about-page .gm-about-audience__grid {
  position: relative;
  z-index: 1;
}

/* mobiel iets rustiger */
@media (max-width: 960px) {
  .gm-about-page .gm-about-audience {
    background:
      linear-gradient(
        rgba(255, 252, 247, .82),
        rgba(255, 252, 247, .90)
      ),
      url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/voor-wie-ik-er-ben-2-1.webp")
      left center / cover no-repeat !important;
  }
}


/* =========================================================
   OVER MIJ — MIJN BENADERING: LOS PLAATJE LINKS
========================================================= */

/* achtergrondafbeelding van paneel verwijderen */
.gm-about-page .gm-about-approach__panel {
  background: #f7f1e7 !important;

  display: grid !important;
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr) !important;
  gap: clamp(38px, 5vw, 72px) !important;
  align-items: stretch !important;
}

/* linker kolom */
.gm-about-page .gm-about-approach__heading {
  position: relative !important;
  min-height: 430px !important;
  padding-bottom: 280px !important;
}

/* los beeldvak onder de heading */
.gm-about-page .gm-about-approach__heading::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;

  left: 0 !important;
  bottom: 0 !important;

  width: 100% !important;
  max-width: 360px !important;
  height: 250px !important;

  background:
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/mijn-benadering-1.webp")
    center center / cover no-repeat !important;

  border-radius: 22px !important;

  opacity: 1 !important;
  transform: none !important;
}

/* tekst blijft rechts */
.gm-about-page .gm-about-approach__body {
  position: relative !important;
  z-index: 1 !important;
}

/* mobiel */
@media (max-width: 960px) {

  .gm-about-page .gm-about-approach__panel {
    grid-template-columns: 1fr !important;
  }

  .gm-about-page .gm-about-approach__heading {
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }

  .gm-about-page .gm-about-approach__heading::after {
    position: relative !important;
    width: 100% !important;
    max-width: 420px !important;
    height: 260px !important;
    margin-top: 28px !important;
  }
}


/* OVER MIJ — nieuwe losse afbeelding Mijn benadering */
.gm-about-page .gm-about-approach__heading::after {
  background:
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/mijn-benadering-2-1.webp")
    center center / cover no-repeat !important;
}


/* OVER MIJ — Mijn benadering geen kaart meer */
.gm-about-page .gm-about-approach__panel {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: clamp(28px, 3vw, 42px) !important;
  padding-right: clamp(28px, 3vw, 42px) !important;
}

/* sectie zelf gelijk laten lopen met pagina */
.gm-about-page .gm-about-approach {
  width: 100% !important;
}

@media (max-width: 640px) {
  .gm-about-page .gm-about-approach__panel {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}


/* OVER MIJ — Mijn benadering echt als gewone sectie */
.gm-about-page .gm-about-approach {
  background: #f7f1e7 !important;
  padding: 96px 0 !important;
}

.gm-about-page .gm-about-approach__panel {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 0 !important;

  max-width: 1200px !important;
  width: calc(100% - 56px) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr) !important;
  gap: clamp(48px, 6vw, 86px) !important;
  align-items: center !important;
}

@media (max-width: 960px) {
  .gm-about-page .gm-about-approach {
    padding: 72px 0 !important;
  }

  .gm-about-page .gm-about-approach__panel {
    width: calc(100% - 40px) !important;
    grid-template-columns: 1fr !important;
  }
}


/* OVER MIJ — quote compacter */
.gm-about-page .gm-about-quote {
  padding: 64px 0 !important;
}

.gm-about-page .gm-about-quote__inner {
  max-width: 900px !important;
}

.gm-about-page .gm-about-quote__mark {
  margin-bottom: 16px !important;
}

.gm-about-page .gm-about-quote p {
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.18 !important;
  max-width: 860px !important;
  margin: 0 auto !important;
}

@media (max-width: 640px) {
  .gm-about-page .gm-about-quote {
    padding: 44px 0 !important;
  }

  .gm-about-page .gm-about-quote p {
    font-size: 27px !important;
  }
}


/* OVER MIJ — hartje met lijnen boven quote */
.gm-about-page .gm-about-quote__mark {
  width: 300px !important;
  height: 46px !important;
  margin: 0 auto 24px !important;
  position: relative !important;
  font-size: 0 !important;
}

/* horizontale lijnen */
.gm-about-page .gm-about-quote__mark::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 22px;
  height: 1px;
  background: #d98900;
}

/* hartje */
.gm-about-page .gm-about-quote__mark::after {
  content: "♡";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 54px;
  height: 46px;
  line-height: 42px;
  text-align: center;
  font-family: Georgia, serif;
  font-size: 46px;
  font-weight: 400;
  color: #d98900;
  background: #fbf7f1;
}

/* mobiel iets kleiner */
@media (max-width: 640px) {
  .gm-about-page .gm-about-quote__mark {
    width: 220px !important;
    margin-bottom: 18px !important;
  }

  .gm-about-page .gm-about-quote__mark::after {
    font-size: 40px;
    width: 48px;
  }
}


/* OVER MIJ — quote tekst veel kleiner */
.gm-about-page .gm-about-quote p {
  font-size: clamp(18px, 1.6vw, 24px) !important;
  line-height: 1.45 !important;
  max-width: 760px !important;
}

@media (max-width: 640px) {
  .gm-about-page .gm-about-quote p {
    font-size: 18px !important;
  }
}


/* OVER MIJ — quote sectie minder hoog */
.gm-about-page .gm-about-quote {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.gm-about-page .gm-about-quote__mark {
  margin-bottom: 12px !important;
}

.gm-about-page .gm-about-quote p {
  margin-bottom: 0 !important;
}

@media (max-width: 640px) {
  .gm-about-page .gm-about-quote {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}


/* OVER MIJ — quote inhoud compacter en iets omhoog */
.gm-about-page .gm-about-quote {
  padding-top: 24px !important;
  padding-bottom: 30px !important;
}

.gm-about-page .gm-about-quote__inner {
  transform: translateY(-10px) !important;
}

.gm-about-page .gm-about-quote__mark {
  margin-bottom: 8px !important;
}


/* OVER MIJ — quote als compact geheel tussen secties */
.gm-about-page .gm-about-quote {
  padding: 20px 0 26px !important;
  margin: 0 !important;
  background: #fbf7f1 !important;
}

.gm-about-page .gm-about-quote__inner {
  max-width: 860px !important;
  margin: 0 auto !important;
  transform: none !important;
  text-align: center !important;
}

/* hartje + lijnen dichter op de tekst */
.gm-about-page .gm-about-quote__mark {
  width: 260px !important;
  height: 36px !important;
  margin: 0 auto 6px !important;
}

.gm-about-page .gm-about-quote__mark::before {
  top: 18px !important;
}

.gm-about-page .gm-about-quote__mark::after {
  width: 46px !important;
  height: 36px !important;
  line-height: 32px !important;
  font-size: 36px !important;
  background: #fbf7f1 !important;
}

/* quote zelf compact */
.gm-about-page .gm-about-quote p {
  max-width: 760px !important;
  margin: 0 auto !important;
  font-size: clamp(17px, 1.45vw, 22px) !important;
  line-height: 1.4 !important;
}

/* minder afstand met sectie erboven en eronder */
.gm-about-page .gm-about-values {
  padding-bottom: 34px !important;
}

.gm-about-page .gm-about-audience {
  padding-top: 34px !important;
}

@media (max-width: 640px) {
  .gm-about-page .gm-about-quote {
    padding: 16px 20px 22px !important;
  }

  .gm-about-page .gm-about-quote__mark {
    width: 210px !important;
  }

  .gm-about-page .gm-about-quote p {
    font-size: 17px !important;
  }

  .gm-about-page .gm-about-values {
    padding-bottom: 26px !important;
  }

  .gm-about-page .gm-about-audience {
    padding-top: 26px !important;
  }
}


/* OVER MIJ — wit blokje achter hartje verwijderen */
.gm-about-page .gm-about-quote__mark::after {
  background: transparent !important;
}


/* OVER MIJ — quote hartje groter en lijn achter hart uitsparen */
.gm-about-page .gm-about-quote__mark {
  width: 280px !important;
  height: 44px !important;
  margin: 0 auto 8px !important;
  position: relative !important;
}

/* linker lijn */
.gm-about-page .gm-about-quote__mark::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22px;
  width: calc(50% - 34px);
  height: 1px;
  background: #d98900;
}

/* hartje */
.gm-about-page .gm-about-quote__mark::after {
  content: "♡";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  width: 60px !important;
  height: 44px !important;
  line-height: 40px !important;

  text-align: center;
  font-family: Georgia, serif;
  font-size: 46px !important;
  font-weight: 400;
  color: #d98900;

  background: transparent !important;
  z-index: 2;
}

/* rechter lijn apart tekenen */
.gm-about-page .gm-about-quote__inner {
  position: relative !important;
}

.gm-about-page .gm-about-quote__inner::before {
  content: "";
  position: absolute;
  top: 22px;
  right: calc(50% - 140px);
  width: 106px;
  height: 1px;
  background: #d98900;
}


/* OVER MIJ — quote ornament definitief netjes herstellen */

/* alle eerdere losse lijn-code uitschakelen */
.gm-about-page .gm-about-quote__mark::before,
.gm-about-page .gm-about-quote__inner::before {
  content: none !important;
  display: none !important;
}

/* twee lijnen met perfecte uitsparing voor hartje */
.gm-about-page .gm-about-quote__mark {
  position: relative !important;
  display: block !important;

  width: 300px !important;
  height: 52px !important;

  margin: 0 auto 8px !important;

  background:
    linear-gradient(
      to right,
      #d98900 0,
      #d98900 calc(50% - 36px),
      transparent calc(50% - 36px),
      transparent calc(50% + 36px),
      #d98900 calc(50% + 36px),
      #d98900 100%
    )
    center / 100% 1px no-repeat !important;
}

/* hart exact in het midden */
.gm-about-page .gm-about-quote__mark::after {
  content: "♡" !important;

  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;

  width: auto !important;
  height: auto !important;

  color: #d98900 !important;
  background: transparent !important;

  font-family: Georgia, serif !important;
  font-size: 50px !important;
  font-weight: 400 !important;
  line-height: 1 !important;

  z-index: 2 !important;
}


/* OVER MIJ — waardenkaarten meer leven met botanische achtergrond */
.gm-about-page .gm-about-value-card {
  position: relative !important;
  overflow: hidden !important;

  background:
    linear-gradient(
      rgba(255,255,255,.88),
      rgba(255,255,255,.88)
    ),
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/voor-wie-ik-er-ben-1.webp")
    center center / cover no-repeat !important;

  border: 1px solid rgba(216, 181, 120, .22) !important;
  box-shadow:
    0 14px 34px rgba(49, 37, 24, .08),
    inset 0 1px 0 rgba(255,255,255,.75) !important;

  transform: translateY(0);
  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

.gm-about-page .gm-about-value-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 20px 42px rgba(49, 37, 24, .12),
    inset 0 1px 0 rgba(255,255,255,.85) !important;
}

/* subtiel verschil per kaart zodat ze niet identiek ogen */
.gm-about-page .gm-about-value-card:nth-child(1) {
  background-position: left center !important;
}

.gm-about-page .gm-about-value-card:nth-child(2) {
  background-position: center center !important;
}

.gm-about-page .gm-about-value-card:nth-child(3) {
  background-position: right center !important;
}


/* =========================================================
   AANBOD — STANDAARD CONTENTPAGINA
   Gebaseerd op de nieuwe Over Mij-layout
========================================================= */

/* Waarden op Aanbod bewust GEEN kaarten */
.gm-aanbod-page .gm-aanbod-values__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(32px, 5vw, 70px);
  margin-top: 48px;
}

.gm-aanbod-page .gm-aanbod-value {
  position: relative;
  padding: 28px 0 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.gm-aanbod-page .gm-aanbod-value::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 46px;
  height: 2px;
  background: var(--gold);
}

.gm-aanbod-page .gm-aanbod-value h3 {
  margin: 0 0 14px;
  color: #10233d;
}

.gm-aanbod-page .gm-aanbod-value p {
  margin: 0;
  line-height: 1.75;
}


/* dezelfde rustige beelden als de nieuwe standaard */

/* Wie ik ben */
.gm-aanbod-page .gm-about-story {
  background:
    linear-gradient(
      rgba(255, 252, 247, .78),
      rgba(255, 252, 247, .78)
    ),
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/wie-ik-ben-1.webp")
    center center / cover no-repeat !important;
}


/* Mijn benadering — gewone sectie, geen kaart */
.gm-aanbod-page .gm-about-approach {
  background: #f7f1e7 !important;
}

.gm-aanbod-page .gm-about-approach__panel {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}


/* Los beeld links */
.gm-aanbod-page .gm-about-approach__heading::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;

  left: 0 !important;
  bottom: 0 !important;

  width: 100% !important;
  max-width: 360px !important;
  height: 250px !important;

  background:
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/mijn-benadering-2-1.webp")
    center center / cover no-repeat !important;

  border-radius: 22px !important;
  opacity: 1 !important;
  transform: none !important;
}


/* Voor wie */
.gm-aanbod-page .gm-about-audience {
  background:
    linear-gradient(
      90deg,
      rgba(255,252,247,.08) 0%,
      rgba(255,252,247,.28) 34%,
      rgba(255,252,247,.82) 58%,
      rgba(255,252,247,.96) 100%
    ),
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/voor-wie-ik-er-ben-2-1.webp")
    left center / cover no-repeat !important;
}


/* Geen oud los pseudo-plaatje */
.gm-aanbod-page .gm-about-audience__heading::after {
  content: none !important;
  display: none !important;
}


/* Responsive */
@media (max-width: 960px) {

  .gm-aanbod-page .gm-aanbod-values__grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .gm-aanbod-page .gm-about-audience {
    background:
      linear-gradient(
        rgba(255,252,247,.84),
        rgba(255,252,247,.90)
      ),
      url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/voor-wie-ik-er-ben-2-1.webp")
      left center / cover no-repeat !important;
  }
}



/* =========================================================
   CONTACT — STANDAARD CONTENTPAGINA
   Alleen .gm-contact-page-new
========================================================= */


/* =========================================================
   CONTACTGEGEVENS INTRO
========================================================= */

.gm-contact-page-new .gm-contact-new-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;

  margin-top: 30px;
}

.gm-contact-page-new .gm-contact-new-meta__item {
  display: flex;
  align-items: center;
  gap: 12px;

  color: #10233d;

  font-size: 15px;
  line-height: 1.5;
}

.gm-contact-page-new .gm-contact-new-meta__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 38px;
  height: 38px;

  flex: 0 0 38px;

  border: 1px solid rgba(205, 125, 10, .24);
  border-radius: 50%;

  background: rgba(255,255,255,.72);
  color: var(--gold);
}

.gm-contact-page-new .gm-contact-new-meta a {
  color: #10233d;
  text-decoration: none;
}

.gm-contact-page-new .gm-contact-new-meta a:hover {
  color: var(--gold);
}


/* =========================================================
   FORMULIERSECTIE
========================================================= */

.gm-contact-page-new .gm-contact-new-form-section {
  position: relative;

  padding: 96px 0;

  background:
    linear-gradient(
      90deg,
      rgba(255,252,247,.15) 0%,
      rgba(255,252,247,.70) 48%,
      rgba(255,252,247,.96) 100%
    ),
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/voor-wie-ik-er-ben-1.webp")
    left center / cover no-repeat;
}


.gm-contact-page-new .gm-contact-new-form-layout {
  display: grid;
  grid-template-columns:
    minmax(250px, .72fr)
    minmax(0, 1.28fr);

  align-items: start;

  gap: clamp(50px, 7vw, 100px);
}


.gm-contact-page-new .gm-contact-new-form-heading {
  max-width: 390px;
}

.gm-contact-page-new .gm-contact-new-form-heading h2 {
  margin: 0 0 20px;

  color: #10233d;

  font-family: var(--serif);
  font-size: clamp(34px, 3.4vw, 50px);
  font-weight: 500;

  line-height: 1.08;
  letter-spacing: -.025em;
}

.gm-contact-page-new .gm-contact-new-form-intro {
  color: #536071;

  font-size: 16px;
  line-height: 1.8;
}

.gm-contact-page-new .gm-contact-new-form-intro p {
  margin: 0;
}


/* =========================================================
   FORMULIER ZELF
========================================================= */

.gm-contact-page-new .gm-contact-new-form {
  padding: clamp(30px, 4vw, 52px);

  border: 1px solid rgba(205, 125, 10, .13);
  border-radius: 24px;

  background: rgba(255,255,255,.88);

  box-shadow:
    0 18px 45px rgba(37, 31, 24, .07);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}


.gm-contact-page-new .gm-contact-form {
  display: flex;
  flex-direction: column;
  gap: 22px;
}


.gm-contact-page-new .gm-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 20px;
}


.gm-contact-page-new .gm-form-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}


.gm-contact-page-new .gm-form-field label {
  color: #10233d;

  font-size: 13px;
  font-weight: 700;
}


.gm-contact-page-new .gm-form-field input,
.gm-contact-page-new .gm-form-field textarea {
  width: 100%;

  border: 1px solid rgba(16, 35, 61, .14);
  border-radius: 13px;

  background: #fffdf9;

  color: #10233d;

  font: inherit;

  outline: none;

  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}


.gm-contact-page-new .gm-form-field input {
  min-height: 50px;
  padding: 0 15px;
}


.gm-contact-page-new .gm-form-field textarea {
  min-height: 165px;
  padding: 14px 15px;

  resize: vertical;
}


.gm-contact-page-new .gm-form-field input:focus,
.gm-contact-page-new .gm-form-field textarea:focus {
  border-color: rgba(205, 125, 10, .58);

  background: #fff;

  box-shadow:
    0 0 0 4px rgba(205, 125, 10, .08);
}


/* =========================================================
   PRIVACY
========================================================= */

.gm-contact-page-new .gm-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 11px;

  color: #657081;

  font-size: 13px;
  line-height: 1.55;

  cursor: pointer;
}

.gm-contact-page-new .gm-checkbox input {
  width: 17px;
  height: 17px;

  flex: 0 0 17px;

  margin-top: 2px;

  accent-color: #cd7d0a;
}


/* =========================================================
   MELDINGEN
========================================================= */

.gm-contact-page-new .gm-form-message {
  margin-bottom: 22px;
  padding: 14px 16px;

  border-radius: 12px;

  font-size: 14px;
  line-height: 1.6;
}

.gm-contact-page-new .gm-form-message--success {
  border: 1px solid rgba(45, 125, 74, .18);
  background: rgba(45, 125, 74, .08);
}

.gm-contact-page-new .gm-form-message--error {
  border: 1px solid rgba(170, 55, 55, .18);
  background: rgba(170, 55, 55, .07);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 960px) {

  .gm-contact-page-new .gm-contact-new-form-section {
    padding: 72px 0;

    background:
      linear-gradient(
        rgba(255,252,247,.86),
        rgba(255,252,247,.93)
      ),
      url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/voor-wie-ik-er-ben-1.webp")
      left center / cover no-repeat;
  }


  .gm-contact-page-new .gm-contact-new-form-layout {
    grid-template-columns: 1fr;
    gap: 36px;
  }


  .gm-contact-page-new .gm-contact-new-form-heading {
    max-width: 650px;
  }

}


/* =========================================================
   MOBIEL
========================================================= */

@media (max-width: 640px) {

  .gm-contact-page-new .gm-contact-new-form-section {
    padding: 58px 0;
  }


  .gm-contact-page-new .gm-form-grid {
    grid-template-columns: 1fr;
  }


  .gm-contact-page-new .gm-contact-new-form {
    padding: 24px 20px;

    border-radius: 19px;
  }


  .gm-contact-page-new .gm-contact-new-form-heading h2 {
    font-size: 34px;
  }

}



/* =========================================================
   GRENZELOOS MOEDIG — CENTRAAL PARAGRAAFSYSTEEM

   Normale lopende tekst:
   Poppins / 16px / 1.75 / #0B2348

   Bewust NIET:
   - kickers
   - quotes
   - labels
   - formuliermeldingen
   - footer microcopy
========================================================= */


/* =========================================================
   ALGEMENE CONTENTPAGINA'S
========================================================= */

.gm-page-copy p,
.gm-page-section p,
.gm-value-card p,
.gm-story p,
.gm-card p,
.gm-help p,
.gm-page-cta p,
.gm-cta p,

/* Blog / artikelen */
.gm-single-blog__content p,
.gm-single-article__content p,

/* Over Mij + Aanbod */
.gm-about-page .gm-about-lead,
.gm-about-page .gm-about-story__content p,
.gm-about-page .gm-about-approach__body > p,
.gm-about-page .gm-about-approach__note p,
.gm-about-page .gm-about-value-card p,
.gm-about-page .gm-about-audience__content > p,
.gm-about-page .gm-about-cta__copy p,
.gm-aanbod-page .gm-aanbod-value p,

/* Contact */
.gm-contact-page-new .gm-contact-new-form-intro p {

  color: #0B2348 !important;

  font-family: var(--sans) !important;
  font-size: 16px !important;
  font-weight: 400 !important;

  line-height: 1.75 !important;
}


/* =========================================================
   LEAD / INTRODUCTIETEKST

   Zelfde kleur + font.
   Iets groter voor duidelijke hiërarchie.
========================================================= */

.gm-page-lead,
.gm-hero__lead,
.gm-about-page .gm-about-lead {

  color: #0B2348 !important;

  font-family: var(--sans) !important;
  font-size: 17px !important;
  font-weight: 400 !important;

  line-height: 1.75 !important;
}


/* =========================================================
   BEWUSTE UITZONDERINGEN
========================================================= */

/* gouden kleine sectielabels */
p.gm-kicker {
  font-family: var(--sans) !important;
  /* bestaande goudkleur en formaat blijven behouden */
}


/* Quotes zijn een eigen typografisch element */
.gm-quote p,
.gm-about-page .gm-about-quote p {
  /* bestaande quote-grootte en vormgeving behouden */

  color: #0B2348 !important;
}


/* =========================================================
   MOBIEL

   Normale lopende tekst blijft 16px.
   Geen onverwachte 14/15/17px overrides meer.
========================================================= */

@media (max-width: 640px) {

  .gm-page-copy p,
  .gm-page-section p,
  .gm-value-card p,
  .gm-story p,
  .gm-card p,
  .gm-help p,
  .gm-page-cta p,
  .gm-cta p,
  .gm-single-blog__content p,
  .gm-single-article__content p,
  .gm-about-page .gm-about-story__content p,
  .gm-about-page .gm-about-approach__body > p,
  .gm-about-page .gm-about-approach__note p,
  .gm-about-page .gm-about-value-card p,
  .gm-about-page .gm-about-audience__content > p,
  .gm-about-page .gm-about-cta__copy p,
  .gm-aanbod-page .gm-aanbod-value p,
  .gm-contact-page-new .gm-contact-new-form-intro p {

    font-size: 16px !important;
    line-height: 1.75 !important;
  }

  .gm-page-lead,
  .gm-hero__lead,
  .gm-about-page .gm-about-lead {

    font-size: 16px !important;
    line-height: 1.75 !important;
  }
}




/* =========================================================
   BLOG — PARAGRAAFKLEUR CONSISTENT
========================================================= */

.gm-blog-featured__excerpt,
.gm-blog-row__excerpt,
.gm-blog-featured__content p,
.gm-blog-row__content p,
.gm-single-blog__content p,
.gm-single-article__content p {
  color: #0B2348 !important;
}




/* =========================================================
   HOME — TABLET STAAND + MOBIEL
   Alleen de hero-afbeelding netjes als contentbeeld tonen.

   Desktop >= 992px blijft volledig origineel.
========================================================= */

@media screen and (max-width: 991px) {

  /*
   * Hero mag op mobiel gewoon in normale documentflow.
   */
  #home .gm-hero {
    min-height: 0 !important;
    padding-bottom: 44px !important;
    overflow: hidden !important;
  }


  /*
   * Tekst boven, afbeelding eronder.
   */
  #home .gm-hero__grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }


  #home .gm-hero__copy {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
  }


  /*
   * De bestaande dynamische hero-afbeelding.
   * Geen leeg desktopcanvas meer.
   */
  #home .gm-hero__visual {
    position: relative !important;

    display: block !important;

    width: min(100%, 520px) !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 34px auto 0 !important;

    overflow: hidden !important;

    border-radius: 24px !important;

    background:
      linear-gradient(
        145deg,
        #f8eee2 0%,
        #f4e3d1 100%
      ) !important;

    box-shadow:
      0 18px 42px rgba(57,37,17,.10) !important;
  }


  /*
   * Desktop decoraties uitzetten.
   * De foto zelf wordt het beeld.
   */
  #home .gm-hero__visual .gm-circle,
  #home .gm-hero__visual .gm-leaves {
    display: none !important;
  }


  /*
   * BELANGRIJK:
   * .gm-owner gebruikt nog steeds exact dezelfde
   * dynamische afbeelding uit kavion_sec_0_img_0.
   */
  #home .gm-hero__visual .gm-owner {
    position: relative !important;

    display: block !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 auto !important;

    object-fit: contain !important;
    object-position: center bottom !important;
  }


  /*
   * De grote desktop-golf hoort niet bij deze mobiele compositie.
   */
  #home .gm-wave {
    display: none !important;
  }

}


/* =========================================================
   HOME — MOBIEL
========================================================= */

@media screen and (max-width: 640px) {

  #home .gm-hero__visual {
    width: 100% !important;

    margin-top: 28px !important;

    border-radius: 20px !important;
  }

}




/* =========================================================
   HOME — MOBIEL/TABLET STAAND INTRO
========================================================= */

@media screen and (max-width: 991px) {

  #home .gm-hero {
    min-height: 0 !important;

    padding-top: 105px !important;
    padding-bottom: 42px !important;

    background:
      linear-gradient(
        rgba(255,255,255,.58),
        rgba(255,255,255,.72)
      ),
      url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/hero-background.webp")
      center center / cover no-repeat !important;
  }

  #home .gm-hero::before {
    display: none !important;
  }

  #home .gm-hero__grid {
    min-height: 0 !important;
  }

  #home .gm-hero__copy {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  #home .gm-hero__visual {
    display: none !important;
  }

  #home .gm-wave {
    display: none !important;
  }

}


@media screen and (max-width: 640px) {

  #home .gm-hero {
    padding-top: 82px !important;
    padding-bottom: 34px !important;

    background:
      linear-gradient(
        rgba(255,255,255,.54),
        rgba(255,255,255,.70)
      ),
      url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/hero-background.webp")
      center center / cover no-repeat !important;
  }

}




/* =========================================================
   HOME — MOBIEL/TABLET
   HERO ACHTERGROND DOORTREKKEN ACHTER HEADER/NAVIGATIE
========================================================= */

@media screen and (max-width: 991px) {

  body:has(#home) .gm-header {
    background:
      linear-gradient(
        rgba(255,255,255,.50),
        rgba(255,255,255,.56)
      ),
      url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/hero-background.webp")
      center top / cover no-repeat !important;
  }

  body:has(#home) .gm-header__row {
    background: transparent !important;
  }

  #home .gm-hero {
    margin-top: 0 !important;
    padding-top: 88px !important;

    background:
      linear-gradient(
        rgba(255,255,255,.56),
        rgba(255,255,255,.72)
      ),
      url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/hero-background.webp")
      center top / cover no-repeat !important;
  }

}


@media screen and (max-width: 640px) {

  #home .gm-hero {
    padding-top: 72px !important;
  }

}




/* =========================================================
   HOME — MOBIEL/TABLET
   HEADER + HERO VISUEEL ALS ÉÉN GEHEEL
========================================================= */

@media screen and (max-width: 991px) {

  body:has(#home) {
    background:
      linear-gradient(
        rgba(255,255,255,.56),
        rgba(255,255,255,.70)
      ),
      url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/hero-background.webp")
      center top / 100% auto no-repeat !important;
  }

  body:has(#home) .gm-header,
  body:has(#home) .gm-header__row,
  #home .gm-hero {
    background: transparent !important;
  }

  body:has(#home) .gm-header {
    position: relative !important;
    z-index: 20 !important;
  }

  #home .gm-hero {
    min-height: 0 !important;
    margin-top: 0 !important;

    padding-top: 72px !important;
    padding-bottom: 42px !important;
  }

  #home .gm-hero::before {
    display: none !important;
  }

  #home .gm-hero__copy {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  #home .gm-hero__visual,
  #home .gm-wave {
    display: none !important;
  }

}


@media screen and (max-width: 640px) {

  #home .gm-hero {
    padding-top: 54px !important;
    padding-bottom: 34px !important;
  }

}




/* =========================================================
   HOME — MOBIEL/TABLET
   ACHTERGROND ALS ÉÉN GEHEEL OVER HEADER + HELE INTRO
========================================================= */

@media screen and (max-width: 991px) {

  body:has(#home) {
    background: #fff !important;
  }

  body:has(#home) .gm-header,
  body:has(#home) .gm-header__row {
    background: transparent !important;
  }

  body:has(#home) .gm-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 50 !important;
  }

  #home .gm-hero {
    position: relative !important;
    min-height: 0 !important;

    margin-top: 0 !important;

    padding-top: 118px !important;
    padding-bottom: 48px !important;

    background:
      linear-gradient(
        rgba(255,255,255,.48),
        rgba(255,255,255,.62)
      ),
      url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/hero-background.webp")
      center top / cover no-repeat !important;
  }

  #home .gm-hero::before,
  #home .gm-hero::after {
    display: none !important;
  }

  #home .gm-hero__grid,
  #home .gm-hero__copy {
    position: relative !important;
    z-index: 2 !important;
  }

  #home .gm-hero__copy {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  #home .gm-hero__visual,
  #home .gm-wave {
    display: none !important;
  }

}


@media screen and (max-width: 640px) {

  #home .gm-hero {
    padding-top: 108px !important;
    padding-bottom: 40px !important;

    background:
      linear-gradient(
        rgba(255,255,255,.48),
        rgba(255,255,255,.62)
      ),
      url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/hero-background.webp")
      center top / cover no-repeat !important;
  }

}




/* =========================================================
   HOME — MOBIEL/TABLET
   INTRO LAGER ZODAT TEKST NIET MET LOGO OVERLAPT
========================================================= */

@media screen and (max-width: 991px) {

  #home .gm-hero {
    padding-top: 245px !important;
  }

  #home .gm-hero__copy {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

}


@media screen and (max-width: 640px) {

  #home .gm-hero {
    padding-top: 225px !important;
  }

}




/* =========================================================
   BLOG — TABLET STAAND + MOBIEL
   AFBEELDINGEN MOOI EN DUIDELIJK BIJ DE ARTIKELEN
========================================================= */

@media screen and (max-width: 991px) {

  .gm-blog-featured,
  .gm-blog-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
  }

  .gm-blog-featured__image,
  .gm-blog-featured__media,
  .gm-blog-row__image,
  .gm-blog-row__media {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    overflow: hidden !important;

    border-radius: 20px !important;

    background: #f6eee5 !important;

    box-shadow:
      0 12px 32px rgba(11,35,72,.08) !important;
  }

  .gm-blog-featured__image img,
  .gm-blog-featured__media img,
  .gm-blog-row__image img,
  .gm-blog-row__media img,
  .gm-blog-featured > img,
  .gm-blog-row > img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 16 / 10 !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 20px !important;
  }

  .gm-blog-featured__content,
  .gm-blog-row__content {
    width: 100% !important;
    max-width: none !important;
  }

}


/* =========================================================
   BLOG — MOBIEL
========================================================= */

@media screen and (max-width: 640px) {

  .gm-blog-featured,
  .gm-blog-row {
    gap: 18px !important;
  }

  .gm-blog-featured__image,
  .gm-blog-featured__media,
  .gm-blog-row__image,
  .gm-blog-row__media,
  .gm-blog-featured__image img,
  .gm-blog-featured__media img,
  .gm-blog-row__image img,
  .gm-blog-row__media img,
  .gm-blog-featured > img,
  .gm-blog-row > img {
    border-radius: 16px !important;
  }

  .gm-blog-featured__image img,
  .gm-blog-featured__media img,
  .gm-blog-row__image img,
  .gm-blog-row__media img,
  .gm-blog-featured > img,
  .gm-blog-row > img {
    aspect-ratio: 4 / 3 !important;
  }

}




/* =========================================================
   BLOG — MOBIELE AFBEELDING NETJES SCHALEN
========================================================= */

@media screen and (max-width: 991px) {

  .gm-blog-featured__image,
  .gm-blog-featured__media,
  .gm-blog-row__image,
  .gm-blog-row__media {
    aspect-ratio: 16 / 10 !important;
    overflow: hidden !important;
  }

  .gm-blog-featured__image img,
  .gm-blog-featured__media img,
  .gm-blog-row__image img,
  .gm-blog-row__media img,
  .gm-blog-featured > img,
  .gm-blog-row > img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center 28% !important;

    display: block !important;
  }

}


@media screen and (max-width: 640px) {

  .gm-blog-featured__image,
  .gm-blog-featured__media,
  .gm-blog-row__image,
  .gm-blog-row__media {
    aspect-ratio: 4 / 3 !important;
  }

  .gm-blog-featured__image img,
  .gm-blog-featured__media img,
  .gm-blog-row__image img,
  .gm-blog-row__media img,
  .gm-blog-featured > img,
  .gm-blog-row > img {
    object-position: center 22% !important;
  }

}




/* ============================================================
   AANBOD — SCHONE RESPONSIVE VIEW
   Alleen <= 991px
   Desktop blijft onaangetast
============================================================ */

@media screen and (max-width: 991px) {

  /* ----------------------------------------------------------
     BASIS
  ---------------------------------------------------------- */

  .gm-aanbod-page {
    overflow: hidden !important;
  }

  .gm-aanbod-page .gm-shell {
    width: min(calc(100% - 40px), 720px) !important;
    max-width: 720px !important;
    margin-inline: auto !important;
  }


  /* ----------------------------------------------------------
     INTRO
     Tekst -> knoppen -> foto -> verhaal
     Alles normale document-flow.
  ---------------------------------------------------------- */

  .gm-aanbod-page .gm-about-intro {
    display: block !important;

    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 44px 0 0 !important;
  }

  .gm-aanbod-page .gm-about-intro__grid {
    display: flex !important;
    flex-direction: column !important;

    width: min(calc(100% - 40px), 720px) !important;
    max-width: 720px !important;

    min-height: 0 !important;
    height: auto !important;

    gap: 28px !important;

    margin: 0 auto !important;
    padding: 0 !important;
  }

  .gm-aanbod-page .gm-about-intro__copy {
    position: static !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
  }


  /* knoppen onder elkaar op smallere breedte */

  .gm-aanbod-page .gm-about-intro__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;

    margin-top: 24px !important;
  }


  /* FOTO
     figure heeft standaard browser margin:
     die verwijderen we expliciet.
  */

  .gm-aanbod-page figure.gm-about-intro__visual {
    position: static !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    align-self: auto !important;

    transform: none !important;
  }

  .gm-aanbod-page .gm-about-intro__image-frame {
    position: static !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .gm-aanbod-page .gm-about-intro__image-frame img {
    position: static !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: 16 / 9 !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center 38% !important;

    transform: none !important;
  }


  /* ----------------------------------------------------------
     MIJN VERHAAL
     DIRECT NA FOTO.
     Geen negatieve margins.
     Geen vaste/min heights.
  ---------------------------------------------------------- */

  .gm-aanbod-page #mijn-verhaal.gm-about-story {
    position: static !important;

    display: block !important;
    clear: both !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 36px 0 58px !important;

    transform: none !important;
  }

  .gm-aanbod-page #mijn-verhaal .gm-about-story__grid {
    display: block !important;

    width: min(calc(100% - 40px), 720px) !important;
    max-width: 720px !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;
  }

  .gm-aanbod-page #mijn-verhaal .gm-about-story__label {
    position: static !important;

    width: 100% !important;

    margin: 0 0 16px !important;
    padding: 0 !important;

    transform: none !important;
  }

  .gm-aanbod-page #mijn-verhaal .gm-about-story__content {
    position: static !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
  }


  /* ----------------------------------------------------------
     BENADERING
     Hier zit de vaas als ::after op de heading.
     Op mobiel maken we die gewoon onderdeel van de flow.
  ---------------------------------------------------------- */

  .gm-aanbod-page .gm-about-approach {
    display: block !important;

    width: 100% !important;

    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 54px 0 !important;
  }

  .gm-aanbod-page .gm-about-approach__panel {
    display: block !important;

    width: min(calc(100% - 40px), 720px) !important;
    max-width: 720px !important;

    min-height: 0 !important;
    height: auto !important;

    margin: 0 auto !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .gm-aanbod-page .gm-about-approach__heading {
    position: static !important;

    width: 100% !important;

    margin: 0 0 28px !important;
    padding: 0 !important;

    min-height: 0 !important;
    height: auto !important;
  }


  /* VAAS
     Dit is daadwerkelijk een pseudo-element in de bestaande CSS.
     Niet zoeken naar een img die niet bestaat.
  */

  .gm-aanbod-page .gm-about-approach__heading::after {
    content: "" !important;

    position: static !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    aspect-ratio: 16 / 9 !important;

    margin: 28px 0 0 !important;

    background:
      url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/mijn-benadering-2-1.webp")
      center center / cover no-repeat !important;

    border-radius: 18px !important;

    transform: none !important;
  }

  .gm-aanbod-page .gm-about-approach__body {
    position: static !important;

    width: 100% !important;
    max-width: none !important;

    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
  }

  .gm-aanbod-page .gm-about-approach__note {
    margin-top: 28px !important;
  }


  /* ----------------------------------------------------------
     WAARDEN
  ---------------------------------------------------------- */

  .gm-aanbod-page .gm-about-values {
    min-height: 0 !important;
    height: auto !important;

    padding: 54px 0 !important;
  }

  .gm-aanbod-page .gm-aanbod-values__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;

    gap: 30px !important;

    margin-top: 30px !important;
  }


  /* ----------------------------------------------------------
     QUOTE
  ---------------------------------------------------------- */

  .gm-aanbod-page .gm-about-quote {
    min-height: 0 !important;
    height: auto !important;
  }


  /* ----------------------------------------------------------
     PROFESSIONALS
  ---------------------------------------------------------- */

  .gm-aanbod-page .gm-about-audience {
    min-height: 0 !important;
    height: auto !important;

    padding: 54px 0 !important;

    background:
      linear-gradient(
        rgba(255,252,247,.88),
        rgba(255,252,247,.94)
      ),
      url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/voor-wie-ik-er-ben-2-1.webp")
      left center / cover no-repeat !important;
  }

  .gm-aanbod-page .gm-about-audience__grid {
    display: block !important;

    width: min(calc(100% - 40px), 720px) !important;
    max-width: 720px !important;

    min-height: 0 !important;
    height: auto !important;

    margin: 0 auto !important;
    padding: 0 !important;
  }

  .gm-aanbod-page .gm-about-audience__heading,
  .gm-aanbod-page .gm-about-audience__content {
    position: static !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
  }

  .gm-aanbod-page .gm-about-audience__heading {
    margin-bottom: 24px !important;
  }


  /* ----------------------------------------------------------
     CTA
  ---------------------------------------------------------- */

  .gm-aanbod-page .gm-about-cta {
    min-height: 0 !important;
    height: auto !important;
  }

}


/* ============================================================
   TELEFOON
============================================================ */

@media screen and (max-width: 640px) {

  .gm-aanbod-page .gm-shell,
  .gm-aanbod-page .gm-about-intro__grid,
  .gm-aanbod-page #mijn-verhaal .gm-about-story__grid,
  .gm-aanbod-page .gm-about-approach__panel,
  .gm-aanbod-page .gm-about-audience__grid {
    width: calc(100% - 32px) !important;
  }

  .gm-aanbod-page .gm-about-intro {
    padding-top: 28px !important;
  }

  .gm-aanbod-page .gm-about-intro__grid {
    gap: 22px !important;
  }

  .gm-aanbod-page .gm-about-intro__actions {
    flex-direction: column !important;
    gap: 10px !important;
  }

  .gm-aanbod-page .gm-about-intro__actions .gm-btn {
    width: 100% !important;
  }

  .gm-aanbod-page .gm-about-intro__image-frame,
  .gm-aanbod-page .gm-about-intro__image-frame img {
    border-radius: 15px !important;
  }

  .gm-aanbod-page #mijn-verhaal.gm-about-story {
    padding-top: 28px !important;
    padding-bottom: 46px !important;
  }

  .gm-aanbod-page .gm-about-approach,
  .gm-aanbod-page .gm-about-values,
  .gm-aanbod-page .gm-about-audience {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }

  .gm-aanbod-page .gm-about-approach__heading::after {
    margin-top: 22px !important;
    border-radius: 14px !important;
  }

}




/* =========================================================
   AANBOD — MINDER WITRUIMTE ONDER INTROFOTO
========================================================= */

@media screen and (max-width: 991px) {

  .gm-aanbod-page .gm-about-intro {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .gm-aanbod-page .gm-about-intro__grid,
  .gm-aanbod-page figure.gm-about-intro__visual,
  .gm-aanbod-page .gm-about-intro__image-frame {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .gm-aanbod-page #mijn-verhaal.gm-about-story {
    margin-top: 0 !important;
    padding-top: 18px !important;
  }

}


@media screen and (max-width: 640px) {

  .gm-aanbod-page #mijn-verhaal.gm-about-story {
    padding-top: 12px !important;
  }

}




/* =========================================================
   AANBOD CLEAN
   Layout komt volledig van de werkende .gm-about-page CSS.
   Alleen Aanbod-specifieke visuele verschillen hieronder.
========================================================= */

.gm-aanbod-clean-page .gm-aanbod-values__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(32px, 5vw, 70px);
  margin-top: 48px;
}

.gm-aanbod-clean-page .gm-aanbod-value {
  position: relative;
  padding: 28px 0 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.gm-aanbod-clean-page .gm-aanbod-value::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 46px;
  height: 2px;
  background: var(--gold);
}

.gm-aanbod-clean-page .gm-aanbod-value h3 {
  margin: 0 0 14px;
  color: #10233d;
}

.gm-aanbod-clean-page .gm-aanbod-value p {
  margin: 0;
  line-height: 1.75;
}


/* verhaal — zelfde rustige achtergrond */
.gm-aanbod-clean-page .gm-about-story {
  background:
    linear-gradient(
      rgba(255,252,247,.78),
      rgba(255,252,247,.78)
    ),
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/wie-ik-ben-1.webp")
    center center / cover no-repeat;
}


/* benadering */
.gm-aanbod-clean-page .gm-about-approach {
  background: #f7f1e7;
}

.gm-aanbod-clean-page .gm-about-approach__panel {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}


/* vaasbeeld */
.gm-aanbod-clean-page .gm-about-approach__heading {
  position: relative;
}

.gm-aanbod-clean-page .gm-about-approach__heading::after {
  content: "";
  display: block;

  width: 100%;
  max-width: 360px;
  height: 250px;

  margin-top: 34px;

  background:
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/mijn-benadering-2-1.webp")
    center center / cover no-repeat;

  border-radius: 22px;
}


/* professionals */
.gm-aanbod-clean-page .gm-about-audience {
  background:
    linear-gradient(
      90deg,
      rgba(255,252,247,.08) 0%,
      rgba(255,252,247,.28) 34%,
      rgba(255,252,247,.82) 58%,
      rgba(255,252,247,.96) 100%
    ),
    url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/voor-wie-ik-er-ben-2-1.webp")
    left center / cover no-repeat;
}


/* =========================================================
   TABLET STAAND
========================================================= */

@media (max-width: 960px) {

  .gm-aanbod-clean-page .gm-aanbod-values__grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .gm-aanbod-clean-page .gm-about-approach__heading::after {
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    margin-top: 28px;
  }

  .gm-aanbod-clean-page .gm-about-audience {
    background:
      linear-gradient(
        rgba(255,252,247,.88),
        rgba(255,252,247,.94)
      ),
      url("https://grenzeloosmoedig.nl/wp-content/uploads/2026/08/voor-wie-ik-er-ben-2-1.webp")
      left center / cover no-repeat;
  }

}


/* =========================================================
   MOBIEL
========================================================= */

@media (max-width: 640px) {

  .gm-aanbod-clean-page .gm-aanbod-values__grid {
    margin-top: 30px;
    gap: 26px;
  }

  .gm-aanbod-clean-page .gm-about-approach__heading::after {
    margin-top: 22px;
    border-radius: 16px;
  }

}




/* =========================================================
   AANBOD — GEEN HORIZONTAAL SCROLLEN
========================================================= */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.gm-aanbod-clean-page {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

.gm-aanbod-clean-page *,
.gm-aanbod-clean-page *::before,
.gm-aanbod-clean-page *::after {
  box-sizing: border-box;
}

.gm-aanbod-clean-page section,
.gm-aanbod-clean-page .gm-shell,
.gm-aanbod-clean-page .gm-about-intro__grid,
.gm-aanbod-clean-page .gm-about-intro__copy,
.gm-aanbod-clean-page .gm-about-intro__visual,
.gm-aanbod-clean-page .gm-about-intro__image-frame,
.gm-aanbod-clean-page .gm-about-story__grid,
.gm-aanbod-clean-page .gm-about-story__content,
.gm-aanbod-clean-page .gm-about-approach__panel,
.gm-aanbod-clean-page .gm-about-approach__heading,
.gm-aanbod-clean-page .gm-about-approach__body,
.gm-aanbod-clean-page .gm-aanbod-values__grid,
.gm-aanbod-clean-page .gm-about-audience__grid,
.gm-aanbod-clean-page .gm-about-audience__content,
.gm-aanbod-clean-page .gm-about-cta__panel {
  max-width: 100%;
}

.gm-aanbod-clean-page img {
  max-width: 100%;
  height: auto;
}


/* =========================================================
   TABLET STAAND + MOBIEL
========================================================= */

@media screen and (max-width: 991px) {

  .gm-aanbod-clean-page .gm-shell,
  .gm-aanbod-clean-page .gm-about-intro__grid,
  .gm-aanbod-clean-page .gm-about-story__grid,
  .gm-aanbod-clean-page .gm-about-approach__panel,
  .gm-aanbod-clean-page .gm-about-audience__grid {
    width: calc(100% - 40px) !important;
    max-width: 720px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    left: auto !important;
    right: auto !important;

    transform: none !important;
  }

  .gm-aanbod-clean-page .gm-about-intro__visual,
  .gm-aanbod-clean-page .gm-about-intro__image-frame,
  .gm-aanbod-clean-page .gm-about-intro__image-frame img,
  .gm-aanbod-clean-page .gm-about-story__content,
  .gm-aanbod-clean-page .gm-about-approach__heading,
  .gm-aanbod-clean-page .gm-about-approach__body,
  .gm-aanbod-clean-page .gm-about-audience__content {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    left: auto !important;
    right: auto !important;

    transform: none !important;
  }

  .gm-aanbod-clean-page .gm-about-approach__heading::after {
    max-width: 100% !important;
  }

}


@media screen and (max-width: 640px) {

  .gm-aanbod-clean-page .gm-shell,
  .gm-aanbod-clean-page .gm-about-intro__grid,
  .gm-aanbod-clean-page .gm-about-story__grid,
  .gm-aanbod-clean-page .gm-about-approach__panel,
  .gm-aanbod-clean-page .gm-about-audience__grid {
    width: calc(100% - 32px) !important;
  }

}




/* =========================================================
   AANBOD — MOBIEL/TABLET GOED SCHALEN
========================================================= */

@media screen and (max-width: 991px) {

  .gm-aanbod-clean-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .gm-aanbod-clean-page .gm-shell,
  .gm-aanbod-clean-page .gm-about-intro__grid,
  .gm-aanbod-clean-page .gm-about-story__grid,
  .gm-aanbod-clean-page .gm-about-approach__panel,
  .gm-aanbod-clean-page .gm-about-audience__grid {
    width: calc(100% - 40px) !important;
    max-width: 720px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .gm-aanbod-clean-page .gm-about-intro__copy,
  .gm-aanbod-clean-page .gm-about-story__content,
  .gm-aanbod-clean-page .gm-about-approach__heading,
  .gm-aanbod-clean-page .gm-about-approach__body,
  .gm-aanbod-clean-page .gm-about-approach__note,
  .gm-aanbod-clean-page .gm-about-audience__heading,
  .gm-aanbod-clean-page .gm-about-audience__content,
  .gm-aanbod-clean-page .gm-about-cta__copy {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
  }

  .gm-aanbod-clean-page p,
  .gm-aanbod-clean-page h1,
  .gm-aanbod-clean-page h2,
  .gm-aanbod-clean-page h3,
  .gm-aanbod-clean-page li {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
  }

  .gm-aanbod-clean-page .gm-about-approach__heading::after {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    aspect-ratio: 16 / 9 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    background-size: cover !important;
    background-position: center center !important;
  }

}


@media screen and (max-width: 640px) {

  .gm-aanbod-clean-page .gm-shell,
  .gm-aanbod-clean-page .gm-about-intro__grid,
  .gm-aanbod-clean-page .gm-about-story__grid,
  .gm-aanbod-clean-page .gm-about-approach__panel,
  .gm-aanbod-clean-page .gm-about-audience__grid {
    width: calc(100% - 32px) !important;
  }

  .gm-aanbod-clean-page .gm-about-approach__heading::after {
    aspect-ratio: 4 / 3 !important;
  }

}




/* =========================================================
   AANBOD — MOBIEL VERTICALE BLAUWE LIJN WEG
========================================================= */

@media screen and (max-width: 640px) {

  .gm-aanbod-clean-page .gm-about-approach__note,
  .gm-aanbod-clean-page .gm-about-approach__body blockquote,
  .gm-aanbod-clean-page blockquote {
    border-left: 0 !important;
    padding-left: 0 !important;
  }

}




/* =========================================================
   GRENSZELOOS MOEDIG
   SITEBREED — TABLET STAAND HEADER + INTRO NORMALISATIE

   Bereik:
   641px t/m 991px
   portrait only

   Doel:
   - overal exact dezelfde headerhoogte
   - overal exact hetzelfde logoformaat
   - logo niet meer omhoog/omlaag verschoven
   - eerste intro overal dezelfde afstand onder header
   - mobiel en desktop niet wijzigen
========================================================= */

@media screen
  and (min-width: 641px)
  and (max-width: 991px)
  and (orientation: portrait) {

  /* ---------------------------------------------------------
     HEADER
  --------------------------------------------------------- */

  .gm-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;

    width: 100% !important;
    min-height: 118px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff !important;
    transform: none !important;
  }

  .gm-header .gm-shell.gm-header__row,
  .gm-header .gm-header__row,
  .gm-header .gm-header__shell {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: min(calc(100% - 48px), 760px) !important;
    max-width: 760px !important;
    min-height: 118px !important;

    margin: 0 auto !important;
    padding: 8px 0 !important;

    box-sizing: border-box !important;
  }


  /* ---------------------------------------------------------
     LOGO — OP ELKE PAGINA IDENTIEK
  --------------------------------------------------------- */

  .gm-header .gm-logo {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: 190px !important;
    max-width: 190px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    flex: 0 0 190px !important;
  }

  .gm-header .gm-logo img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 !important;
  }


  /* ---------------------------------------------------------
     EERSTE CONTENTBLOK
     Eén vaste afstand onder de header.
  --------------------------------------------------------- */

  main > section:first-child {
    margin-top: 0 !important;
  }


  /* Over mij / Aanbod */
  .gm-about-page > .gm-about-intro:first-child {
    padding-top: 56px !important;
  }


  /* Editorial/contentpagina's */
  .gm-content-page > .gm-page-editorial-intro:first-child {
    padding-top: 56px !important;
  }


  /* Eventuele klassieke content hero */
  main > .gm-page-hero:first-child {
    padding-top: 56px !important;
  }


  /* Homepage */
  #home > .gm-hero:first-child,
  main#home > .gm-hero:first-child {
    padding-top: 56px !important;
  }


  /* ---------------------------------------------------------
     OUDE LOSSE VERSCHUIVINGEN NEUTRALISEREN
  --------------------------------------------------------- */

  .gm-about-intro__copy,
  .gm-page-editorial-intro__copy,
  .gm-page-hero__copy {
    margin-top: 0 !important;
  }

  .gm-header .gm-logo,
  .gm-header__row,
  .gm-header__shell {
    translate: none !important;
  }

}




/* =========================================================
   SITEBREED — TABLET LIGGEND
   Zelfde afstand logo -> eerste content op iedere pagina
========================================================= */

@media screen
  and (min-width: 992px)
  and (max-width: 1366px)
  and (orientation: landscape) {

  /* Header/logo ongemoeid laten */
  .gm-header {
    margin-bottom: 0 !important;
  }


  /* =======================================================
     HOME
  ======================================================= */

  main#home > .gm-hero:first-child,
  #home > .gm-hero:first-child {
    padding-top: 52px !important;
  }

  .gm-hero__grid {
    align-items: start !important;
  }


  /* =======================================================
     OVER MIJ + AANBOD
  ======================================================= */

  .gm-about-page > .gm-about-intro:first-child {
    min-height: 0 !important;

    padding-top: 52px !important;
    padding-bottom: 72px !important;

    margin-top: 0 !important;
  }

  .gm-about-page .gm-about-intro__grid {
    align-items: start !important;
  }

  .gm-about-page .gm-about-intro__copy,
  .gm-about-page .gm-about-intro__visual {
    align-self: start !important;
  }

  .gm-about-page .gm-about-intro__visual {
    padding-top: 0 !important;
  }


  /* =======================================================
     OVERIGE CONTENTPAGINA'S
  ======================================================= */

  main > .gm-page-hero:first-child,
  main > .gm-page-editorial-intro:first-child,
  .gm-content-page > .gm-page-editorial-intro:first-child {
    min-height: 0 !important;

    padding-top: 52px !important;

    margin-top: 0 !important;
  }

}




/* =========================================================
   TABLET LIGGEND — INTRO ONDER LOGO, ZONDER OVERLAP
========================================================= */

@media screen
  and (min-width: 992px)
  and (max-width: 1366px)
  and (orientation: landscape) {

  /* Aanbod + Over mij */
  .gm-about-page > .gm-about-intro:first-child {
    padding-top: 170px !important;
    min-height: 0 !important;
  }

  .gm-about-page .gm-about-intro__grid {
    align-items: start !important;
  }

  .gm-about-page .gm-about-intro__copy,
  .gm-about-page .gm-about-intro__visual {
    align-self: start !important;
  }

  .gm-about-page .gm-about-intro__visual {
    padding-top: 0 !important;
  }

  /* overige contentpagina's */
  main > .gm-page-hero:first-child,
  main > .gm-page-editorial-intro:first-child,
  .gm-content-page > .gm-page-editorial-intro:first-child {
    padding-top: 170px !important;
  }

}




/* =========================================================
   HOME — TABLET LIGGEND ZONDER OVERLAP
========================================================= */

@media screen
  and (min-width: 992px)
  and (max-width: 1366px)
  and (orientation: landscape) {

  main#home > .gm-hero:first-child,
  #home > .gm-hero:first-child {
    padding-top: 170px !important;
    min-height: 0 !important;
  }

  #home .gm-hero__grid {
    align-items: start !important;
  }

  #home .gm-hero__copy,
  #home .gm-hero__visual {
    align-self: start !important;
  }

}


/* =========================================================
   CONTENTPAGINA'S — TABLET LIGGEND GEEN OVERLAP
   Home blijft ongemoeid
========================================================= */

@media screen
  and (min-width: 992px)
  and (max-width: 1366px)
  and (orientation: landscape) {

  /* Over mij + Aanbod */
  .gm-about-page > .gm-about-intro:first-child {
    padding-top: 200px !important;
    margin-top: 0 !important;
    min-height: 0 !important;
  }

  .gm-about-page .gm-about-intro__grid {
    align-items: start !important;
  }

  .gm-about-page .gm-about-intro__copy,
  .gm-about-page .gm-about-intro__visual {
    align-self: start !important;
  }

  .gm-about-page .gm-about-intro__visual {
    padding-top: 0 !important;
  }

  /* andere contenttemplates */
  .gm-content-page > .gm-page-editorial-intro:first-child,
  main > .gm-page-editorial-intro:first-child,
  main > .gm-page-hero:first-child {
    padding-top: 200px !important;
    margin-top: 0 !important;
    min-height: 0 !important;
  }

}


/* =========================================================
   BLOG — TABLET LIGGEND ZONDER LOGO-OVERLAP
========================================================= */

@media screen
  and (min-width: 992px)
  and (max-width: 1366px)
  and (orientation: landscape) {

  body.blog .gm-blog-hero {
    padding-top: 200px !important;
    margin-top: 0 !important;
    min-height: 0 !important;
  }

  body.blog .gm-blog-hero > .gm-shell {
    align-items: start !important;
  }

}




/* HOME — mobiel staand: alleen introtekst iets lager */
@media screen
  and (max-width: 640px)
  and (orientation: portrait) {

  #home .gm-hero__copy {
    padding-top: 18px !important;
  }

}




/* =========================================================
   SITEBREED — ULTRAWIDE DESKTOP
   Alleen schermen vanaf 1600px
========================================================= */

@media screen and (min-width: 1600px) {

  /* algemene contentbreedte */
  .gm-shell {
    width: min(calc(100% - 120px), 1440px) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* header */
  .gm-header .gm-shell,
  .gm-header__row,
  .gm-header__shell {
    max-width: 1440px !important;
  }


  /* homepage hero */
  #home .gm-hero__grid {
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #home .gm-hero__copy {
    max-width: 680px !important;
  }


  /* Over mij / Aanbod */
  .gm-about-page .gm-about-intro__grid,
  .gm-about-page .gm-about-story__grid,
  .gm-about-page .gm-about-approach__panel,
  .gm-about-page .gm-about-audience__grid {
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .gm-about-page .gm-about-intro__copy,
  .gm-about-page .gm-about-story__content,
  .gm-about-page .gm-about-audience__content {
    max-width: 720px !important;
  }


  /* blog / editorial */
  .gm-blog-hero .gm-shell,
  .gm-content-page .gm-shell,
  .gm-page-editorial-intro .gm-shell,
  .gm-page-hero .gm-shell {
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* kaarten en secties niet overdreven breed */
  .gm-cards,
  .gm-about-values__grid,
  .gm-aanbod-values__grid {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* CTA compact houden */
  .gm-cta,
  .gm-about-cta__panel {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

}


/* =========================================================
   EXTRA BREDE SCHERMEN — 2200px+
========================================================= */

@media screen and (min-width: 2200px) {

  .gm-shell {
    width: min(calc(100% - 180px), 1500px) !important;
    max-width: 1500px !important;
  }

  .gm-header .gm-shell,
  .gm-header__row,
  .gm-header__shell,
  #home .gm-hero__grid,
  .gm-about-page .gm-about-intro__grid,
  .gm-about-page .gm-about-story__grid,
  .gm-about-page .gm-about-approach__panel,
  .gm-about-page .gm-about-audience__grid,
  .gm-blog-hero .gm-shell,
  .gm-content-page .gm-shell,
  .gm-page-editorial-intro .gm-shell,
  .gm-page-hero .gm-shell {
    max-width: 1500px !important;
  }

}




/* =========================================================
   ULTRAWIDE — ALLEEN HEADER / LOGO STARTPOSITIE
   Rest van de site blijft ongemoeid
========================================================= */

@media screen and (min-width: 1600px) {

  .gm-header > .gm-shell.gm-header__row {
    width: calc(100% - 120px) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .gm-header .gm-logo {
    left: 0 !important;
  }

}


/* extra brede schermen */
@media screen and (min-width: 2200px) {

  .gm-header > .gm-shell.gm-header__row {
    width: calc(100% - 180px) !important;
    max-width: 1560px !important;
  }

}




/* =========================================================
   OVER MIJ + AANBOD — BREED DESKTOP GELIJK UITLIJNEN
   Alleen vanaf 1367px
========================================================= */

@media screen and (min-width: 1367px) {

  /* Header altijd dezelfde 1180px basis als de content */
  .gm-header > .gm-shell.gm-header__row {
    width: min(calc(100% - 48px), 1180px) !important;
    max-width: 1180px !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }

  .gm-header .gm-logo {
    left: 0 !important;
    top: 14px !important;
    width: 215px !important;

    margin: 0 !important;
    transform: none !important;
  }


  /* Over Mij + Aanbod exact dezelfde desktop-start */
  .gm-about-page > .gm-about-intro:first-child {
    min-height: 0 !important;

    margin: 0 !important;

    padding-top: 270px !important;
    padding-bottom: 100px !important;
  }


  /* exact dezelfde container als header */
  .gm-about-page .gm-about-intro__grid {
    width: min(calc(100% - 48px), 1180px) !important;
    max-width: 1180px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    align-items: start !important;
  }


  /* geen afzonderlijke verticale verschuivingen */
  .gm-about-page .gm-about-intro__copy,
  .gm-about-page .gm-about-intro__visual {
    align-self: start !important;

    margin-top: 0 !important;
    transform: none !important;
  }

  .gm-about-page .gm-about-intro__visual {
    padding-top: 0 !important;
  }

}




/* =========================================================
   WIDE SCREEN — BACKGROUND NIET UITREKKEN
   Over Mij + Aanbod verhaal-secties
========================================================= */

@media screen and (min-width: 1367px) {

  .gm-about-page .gm-about-story {
    background-size: 1600px auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

}


/* extra brede schermen */
@media screen and (min-width: 2200px) {

  .gm-about-page .gm-about-story {
    background-size: 1700px auto !important;
  }

}




/* =========================================================
   SITEBREED — WIDE SCREEN VASTE BREEDTE
   Vanaf 1600px blijft de complete site 1440px breed
========================================================= */

@media screen and (min-width: 1600px) {

  body {
    background: #f3f3f3 !important;
  }

  .site,
  #page,
  .gm-site,
  .site-content {
    width: 1440px !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
    background: #fffaf4;
  }

  .gm-header,
  main,
  footer,
  .gm-footer {
    width: 1440px !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .gm-shell {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* voorkom full-width secties buiten de vaste sitebreedte */
  .gm-hero,
  .gm-about-intro,
  .gm-about-story,
  .gm-about-approach,
  .gm-about-values,
  .gm-about-quote,
  .gm-about-audience,
  .gm-about-cta,
  .gm-blog-hero,
  .gm-page-hero,
  .gm-page-editorial-intro,
  .gm-help,
  .gm-quote,
  .gm-story,
  .gm-cta {
    width: 1440px !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* backgrounds blijven binnen dezelfde vaste breedte */
  .gm-about-page .gm-about-story {
    background-size: cover !important;
    background-position: center center !important;
  }

}



/* ==========================================================
   STANDARD PAGE - HEADER/LOGO OVERLAP FIX
   Alleen page.php via .gm-standard-page
========================================================== */

.gm-standard-page > .gm-standard-page__intro:first-child {
}

@media screen and (max-width: 991px) {
  .gm-standard-page > .gm-standard-page__intro:first-child {
  }
}

@media screen and (max-width: 640px) {
  .gm-standard-page > .gm-standard-page__intro:first-child {
  }
}


/* ==========================================================
   FORUM PAGE ONLY - HEADER/LOGO OVERLAP
   WordPress page ID: 249
========================================================== */

body.page-id-249 main {
}

body.page-id-249 .gm-page-intro,
body.page-id-249 .gm-standard-page__intro,
body.page-id-249 .gm-forum-intro {
}

@media screen and (max-width: 991px) {
    body.page-id-249 main {
    }
}

@media screen and (max-width: 640px) {
    body.page-id-249 main {
    }
}



/* ==========================================================
   GRENZELOOS MOEDIG — BBPRESS FORUM
   Alleen binnen page-forum.php
========================================================== */

body.page-id-253 .gm-default-page #bbpress-forums {
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    font-family:var(--sans);
    font-size:15px;
    line-height:1.65;
    color:#0b2348;
}


/* ----------------------------------------------------------
   ALGEMEEN
---------------------------------------------------------- */

body.page-id-253 .gm-default-page #bbpress-forums *,
body.page-id-253 .gm-default-page #bbpress-forums *::before,
body.page-id-253 .gm-default-page #bbpress-forums *::after {
    box-sizing:border-box;
}

body.page-id-253 .gm-default-page #bbpress-forums a {
    color:#0b2348;
    text-decoration:none;
    transition:color .2s ease;
}

body.page-id-253 .gm-default-page #bbpress-forums a:hover {
    color:#c87500;
}

body.page-id-253 .gm-default-page #bbpress-forums p {
    color:#0b2348;
    font-size:15px;
    line-height:1.7;
}


/* ----------------------------------------------------------
   BREADCRUMB
---------------------------------------------------------- */

body.page-id-253 .gm-default-page .bbp-breadcrumb {
    margin:0 0 24px !important;
    padding:0 !important;
    font-size:13px !important;
    color:#6e7684;
}

body.page-id-253 .gm-default-page .bbp-breadcrumb p {
    margin:0 !important;
    font-size:13px !important;
    color:#6e7684 !important;
}

body.page-id-253 .gm-default-page .bbp-breadcrumb a {
    color:#9a6700 !important;
}


/* ----------------------------------------------------------
   FORUM / TOPIC LIJST ALS KAART
---------------------------------------------------------- */

body.page-id-253 .gm-default-page #bbpress-forums ul.bbp-forums,
body.page-id-253 .gm-default-page #bbpress-forums ul.bbp-topics {
    margin:0 0 28px !important;
    padding:0 !important;
    overflow:hidden;
    border:1px solid rgba(11,35,72,.10) !important;
    border-radius:20px !important;
    background:#ffffff !important;
    box-shadow:0 12px 36px rgba(11,35,72,.06);
}


/* kopregel */

body.page-id-253 .gm-default-page #bbpress-forums li.bbp-header {
    padding:16px 20px !important;
    border:0 !important;
    background:#0b2348 !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:600 !important;
    letter-spacing:.05em;
    text-transform:uppercase;
}

body.page-id-253 .gm-default-page #bbpress-forums li.bbp-header a,
body.page-id-253 .gm-default-page #bbpress-forums li.bbp-header div {
    color:#fff !important;
}


/* footer regel van bbPress-tabellen */

body.page-id-253 .gm-default-page #bbpress-forums li.bbp-footer {
    padding:12px 20px !important;
    border:0 !important;
    border-top:1px solid rgba(11,35,72,.08) !important;
    background:#fbf6ee !important;
}


/* afzonderlijke forum/topic regels */

body.page-id-253 .gm-default-page #bbpress-forums li.bbp-body ul.forum,
body.page-id-253 .gm-default-page #bbpress-forums li.bbp-body ul.topic {
    padding:20px !important;
    border:0 !important;
    border-bottom:1px solid rgba(11,35,72,.08) !important;
    background:#fff !important;
    transition:background .2s ease;
}

body.page-id-253 .gm-default-page #bbpress-forums li.bbp-body ul.forum:last-child,
body.page-id-253 .gm-default-page #bbpress-forums li.bbp-body ul.topic:last-child {
    border-bottom:0 !important;
}

body.page-id-253 .gm-default-page #bbpress-forums li.bbp-body ul.forum:hover,
body.page-id-253 .gm-default-page #bbpress-forums li.bbp-body ul.topic:hover {
    background:#fffaf4 !important;
}


/* forumtitel */

body.page-id-253 .gm-default-page .bbp-forum-title,
body.page-id-253 .gm-default-page .bbp-topic-permalink {
    color:#0b2348 !important;
    font-family:Georgia, "Times New Roman", serif;
    font-size:19px !important;
    font-weight:600 !important;
    line-height:1.3 !important;
}

body.page-id-253 .gm-default-page .bbp-forum-title:hover,
body.page-id-253 .gm-default-page .bbp-topic-permalink:hover {
    color:#c87500 !important;
}


/* omschrijving */

body.page-id-253 .gm-default-page .bbp-forum-content,
body.page-id-253 .gm-default-page .bbp-topic-meta {
    margin-top:6px !important;
    color:#667085 !important;
    font-size:13px !important;
    line-height:1.6 !important;
}


/* aantallen */

body.page-id-253 .gm-default-page .bbp-forum-topic-count,
body.page-id-253 .gm-default-page .bbp-forum-reply-count,
body.page-id-253 .gm-default-page .bbp-topic-voice-count,
body.page-id-253 .gm-default-page .bbp-topic-reply-count {
    color:#0b2348 !important;
    font-weight:600;
}


/* ----------------------------------------------------------
   SINGLE TOPIC / REPLIES
---------------------------------------------------------- */

body.page-id-253 .gm-default-page #bbpress-forums div.bbp-reply-header,
body.page-id-253 .gm-default-page #bbpress-forums div.bbp-topic-header {
    padding:12px 18px !important;
    border:1px solid rgba(11,35,72,.08) !important;
    border-bottom:0 !important;
    border-radius:16px 16px 0 0;
    background:#f7f0e6 !important;
    color:#0b2348 !important;
}

body.page-id-253 .gm-default-page #bbpress-forums div.reply,
body.page-id-253 .gm-default-page #bbpress-forums div.topic {
    margin:0 0 22px !important;
    border:1px solid rgba(11,35,72,.09) !important;
    border-radius:0 0 16px 16px;
    background:#fff !important;
    overflow:hidden;
}

body.page-id-253 .gm-default-page #bbpress-forums div.bbp-reply-author,
body.page-id-253 .gm-default-page #bbpress-forums div.bbp-topic-author {
    padding:20px !important;
    background:#fffaf4;
}

body.page-id-253 .gm-default-page #bbpress-forums div.bbp-reply-content,
body.page-id-253 .gm-default-page #bbpress-forums div.bbp-topic-content {
    padding:22px !important;
    color:#0b2348 !important;
    font-size:15px;
    line-height:1.75;
}


/* avatars */

body.page-id-253 .gm-default-page #bbpress-forums img.avatar {
    border:0 !important;
    border-radius:50% !important;
    box-shadow:none !important;
}


/* ----------------------------------------------------------
   FORMULIEREN
---------------------------------------------------------- */

body.page-id-253 .gm-default-page #bbpress-forums fieldset.bbp-form {
    margin:32px 0 !important;
    padding:26px !important;
    border:1px solid rgba(11,35,72,.10) !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 12px 36px rgba(11,35,72,.05);
}

body.page-id-253 .gm-default-page #bbpress-forums fieldset.bbp-form legend {
    padding:0 10px !important;
    color:#0b2348 !important;
    font-family:Georgia, "Times New Roman", serif;
    font-size:22px !important;
    font-weight:600;
}

body.page-id-253 .gm-default-page #bbpress-forums label {
    display:block;
    margin-bottom:7px;
    color:#0b2348 !important;
    font-size:13px !important;
    font-weight:600;
}

body.page-id-253 .gm-default-page #bbpress-forums input[type="text"],
body.page-id-253 .gm-default-page #bbpress-forums input[type="email"],
body.page-id-253 .gm-default-page #bbpress-forums input[type="password"],
body.page-id-253 .gm-default-page #bbpress-forums input[type="url"],
body.page-id-253 .gm-default-page #bbpress-forums select,
body.page-id-253 .gm-default-page #bbpress-forums textarea {
    width:100% !important;
    max-width:100% !important;
    padding:13px 15px !important;
    border:1px solid rgba(11,35,72,.16) !important;
    border-radius:12px !important;
    outline:none !important;
    background:#fffdf9 !important;
    color:#0b2348 !important;
    font-family:var(--sans) !important;
    font-size:15px !important;
    line-height:1.5;
    box-shadow:none !important;
}

body.page-id-253 .gm-default-page #bbpress-forums textarea {
    min-height:170px;
    resize:vertical;
}

body.page-id-253 .gm-default-page #bbpress-forums input:focus,
body.page-id-253 .gm-default-page #bbpress-forums select:focus,
body.page-id-253 .gm-default-page #bbpress-forums textarea:focus {
    border-color:#d79224 !important;
    box-shadow:0 0 0 3px rgba(215,146,36,.10) !important;
}


/* ----------------------------------------------------------
   KNOPPEN
---------------------------------------------------------- */

body.page-id-253 .gm-default-page #bbpress-forums button,
body.page-id-253 .gm-default-page #bbpress-forums input[type="submit"],
body.page-id-253 .gm-default-page #bbpress-forums .button {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:0 22px !important;
    border:0 !important;
    border-radius:8px !important;
    background:linear-gradient(135deg,#0b2348,#163d72) !important;
    color:#fff !important;
    font-family:var(--sans) !important;
    font-size:13px !important;
    font-weight:600 !important;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(11,35,72,.16);
    transition:transform .2s ease, box-shadow .2s ease;
}

body.page-id-253 .gm-default-page #bbpress-forums button:hover,
body.page-id-253 .gm-default-page #bbpress-forums input[type="submit"]:hover,
body.page-id-253 .gm-default-page #bbpress-forums .button:hover {
    transform:translateY(-1px);
    box-shadow:0 14px 28px rgba(11,35,72,.20);
}


/* ----------------------------------------------------------
   PAGINERING
---------------------------------------------------------- */

body.page-id-253 .gm-default-page .bbp-pagination {
    margin:24px 0 !important;
}

body.page-id-253 .gm-default-page .bbp-pagination-links a,
body.page-id-253 .gm-default-page .bbp-pagination-links span.current {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:38px;
    min-height:38px;
    margin:0 4px 4px 0 !important;
    padding:6px 10px !important;
    border:1px solid rgba(11,35,72,.12) !important;
    border-radius:50px !important;
    background:#fff !important;
    color:#0b2348 !important;
}

body.page-id-253 .gm-default-page .bbp-pagination-links span.current {
    border-color:#0b2348 !important;
    background:#0b2348 !important;
    color:#fff !important;
}


/* ----------------------------------------------------------
   MELDINGEN
---------------------------------------------------------- */

body.page-id-253 .gm-default-page #bbpress-forums div.bbp-template-notice,
body.page-id-253 .gm-default-page #bbpress-forums div.indicator-hint {
    margin:20px 0 !important;
    padding:15px 18px !important;
    border:1px solid rgba(200,117,0,.22) !important;
    border-radius:14px !important;
    background:#fff7e9 !important;
    color:#0b2348 !important;
}

body.page-id-253 .gm-default-page #bbpress-forums div.bbp-template-notice p {
    margin:0 !important;
    color:#0b2348 !important;
}


/* ----------------------------------------------------------
   ZOEKVELD
---------------------------------------------------------- */

body.page-id-253 .gm-default-page #bbpress-forums .bbp-search-form {
    margin:0 0 26px;
}

body.page-id-253 .gm-default-page #bbpress-forums #bbp-search-form {
    display:flex;
    gap:10px;
    align-items:center;
}

body.page-id-253 .gm-default-page #bbpress-forums #bbp_search {
    flex:1;
}


/* ----------------------------------------------------------
   GEEN FORUMS / LEGE STATUS
---------------------------------------------------------- */

body.page-id-253 .gm-default-page #bbpress-forums .bbp-template-notice.info {
    padding:24px !important;
    text-align:left;
}


/* ==========================================================
   TABLET
========================================================== */

@media screen and (max-width:991px) {

    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-header,
    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-body ul.forum,
    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-body ul.topic {
        padding:16px !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums fieldset.bbp-form {
        padding:20px !important;
    }
}


/* ==========================================================
   MOBIEL
========================================================== */

@media screen and (max-width:640px) {

    body.page-id-253 .gm-default-page #bbpress-forums {
        font-size:14px;
    }

    body.page-id-253 .gm-default-page #bbpress-forums ul.bbp-forums,
    body.page-id-253 .gm-default-page #bbpress-forums ul.bbp-topics {
        border-radius:14px !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-header {
        display:none !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-body ul.forum,
    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-body ul.topic {
        display:block !important;
        padding:18px !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-forum-info,
    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-topic-title {
        width:100% !important;
        float:none !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-forum-topic-count,
    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-forum-reply-count,
    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-forum-freshness,
    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-topic-voice-count,
    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-topic-reply-count,
    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-topic-freshness {
        width:auto !important;
        float:none !important;
        display:inline-block;
        margin:10px 14px 0 0;
        text-align:left !important;
        font-size:12px !important;
    }

    body.page-id-253 .gm-default-page .bbp-forum-title,
    body.page-id-253 .gm-default-page .bbp-topic-permalink {
        font-size:18px !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums fieldset.bbp-form {
        padding:17px !important;
        border-radius:14px !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums div.bbp-reply-author,
    body.page-id-253 .gm-default-page #bbpress-forums div.bbp-topic-author,
    body.page-id-253 .gm-default-page #bbpress-forums div.bbp-reply-content,
    body.page-id-253 .gm-default-page #bbpress-forums div.bbp-topic-content {
        width:100% !important;
        float:none !important;
        margin:0 !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums div.bbp-reply-author,
    body.page-id-253 .gm-default-page #bbpress-forums div.bbp-topic-author {
        padding:15px !important;
        text-align:left !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums div.bbp-reply-content,
    body.page-id-253 .gm-default-page #bbpress-forums div.bbp-topic-content {
        padding:18px !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums #bbp-search-form {
        display:block;
    }

    body.page-id-253 .gm-default-page #bbpress-forums #bbp_search {
        margin-bottom:10px;
    }
}



/* ==========================================================
   FORUM — VISUELE REDESIGN OVERRIDE
   Grenzeloos Moedig
========================================================== */


/* ---------- ruimte tussen paginatitel en forum ---------- */

body.page-id-253 .gm-default-page__header {
    margin-bottom: 42px !important;
}


/* ---------- bbPress basis volledig opschonen ---------- */

body.page-id-253 .gm-default-page #bbpress-forums {
    font-family: var(--sans) !important;
    color: #0b2348 !important;
}

body.page-id-253 .gm-default-page #bbpress-forums ul {
    list-style: none !important;
}


/* ==========================================================
   BOVENBALK: BREADCRUMB + SEARCH
========================================================== */

body.page-id-253 .gm-default-page #bbpress-forums .bbp-breadcrumb {
    margin: 0 0 22px !important;
}

body.page-id-253 .gm-default-page #bbpress-forums .bbp-breadcrumb p {
    margin: 0 !important;
    color: #7a6d5c !important;
    font-size: 13px !important;
    font-weight: 500;
}

body.page-id-253 .gm-default-page #bbpress-forums .bbp-breadcrumb a {
    color: #c87800 !important;
    font-weight: 600;
}


/* zoekformulier */

body.page-id-253 .gm-default-page #bbpress-forums .bbp-search-form {
    float: none !important;
    width: 100% !important;
    margin: 0 0 24px !important;
}

body.page-id-253 .gm-default-page #bbpress-forums #bbp-search-form > div {
    display: flex !important;
    justify-content: flex-end;
    gap: 10px;
}

body.page-id-253 .gm-default-page #bbpress-forums #bbp_search {
    width: 290px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 18px !important;

    border: 1px solid rgba(11,35,72,.14) !important;
    border-radius: 8px !important;

    background: #ffffff !important;
    color: #0b2348 !important;

    font-size: 14px !important;

    box-shadow:
        0 6px 20px rgba(11,35,72,.05) !important;
}

body.page-id-253 .gm-default-page #bbpress-forums #bbp_search:focus {
    border-color: #d58a11 !important;
    outline: none !important;
    box-shadow:
        0 0 0 3px rgba(213,138,17,.10) !important;
}


/* search knop */

body.page-id-253 .gm-default-page #bbpress-forums #bbp_search_submit {
    height: 46px !important;
    min-height: 46px !important;

    padding: 0 22px !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: #d98600 !important;
    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    box-shadow:
        0 9px 22px rgba(217,134,0,.18) !important;
}


/* ==========================================================
   HOOFD FORUMKAART
========================================================== */

body.page-id-253 .gm-default-page #bbpress-forums ul.bbp-forums {
    position: relative;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    border: 1px solid rgba(11,35,72,.08) !important;
    border-radius: 22px !important;

    background: #ffffff !important;

    box-shadow:
        0 18px 55px rgba(11,35,72,.08) !important;
}


/* ==========================================================
   DONKERBLAUWE KOLOMKOP
========================================================== */

body.page-id-253 .gm-default-page #bbpress-forums ul.bbp-forums > li.bbp-header {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: #0b2348 !important;
    color: #ffffff !important;
}

body.page-id-253 .gm-default-page #bbpress-forums li.bbp-header ul {
    display: flex !important;
    align-items: center;

    margin: 0 !important;
    padding: 18px 24px !important;

    background: transparent !important;
}

body.page-id-253 .gm-default-page #bbpress-forums li.bbp-header li {
    color: rgba(255,255,255,.82) !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    letter-spacing: .09em;
    text-transform: uppercase;
}


/* ==========================================================
   FORUM RIJ
========================================================== */

body.page-id-253 .gm-default-page #bbpress-forums li.bbp-body {
    background: #ffffff !important;
}

body.page-id-253 .gm-default-page #bbpress-forums li.bbp-body ul.forum {
    display: flex !important;
    align-items: center;

    min-height: 115px;

    margin: 0 !important;
    padding: 24px !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(11,35,72,.07) !important;

    background: #ffffff !important;

    transition:
        background .2s ease,
        transform .2s ease;
}

body.page-id-253 .gm-default-page #bbpress-forums li.bbp-body ul.forum:hover {
    background: #fffaf3 !important;
}


/* ==========================================================
   FORUM TITEL
========================================================== */

body.page-id-253 .gm-default-page #bbpress-forums .bbp-forum-title {
    display: inline-block;

    margin-bottom: 7px;

    color: #0b2348 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;

    text-decoration: none !important;
}

body.page-id-253 .gm-default-page #bbpress-forums .bbp-forum-title:hover {
    color: #d18100 !important;
}


/* forum beschrijving */

body.page-id-253 .gm-default-page #bbpress-forums .bbp-forum-content {
    max-width: 700px;

    margin: 0 !important;

    color: #746b60 !important;

    font-size: 14px !important;
    line-height: 1.65 !important;
}


/* ==========================================================
   TOPIC / POSTS COUNTERS
========================================================== */

body.page-id-253 .gm-default-page #bbpress-forums .bbp-forum-topic-count,
body.page-id-253 .gm-default-page #bbpress-forums .bbp-forum-reply-count {
    color: #0b2348 !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    text-align: center !important;
}


/* ==========================================================
   LAATSTE BERICHT
========================================================== */

body.page-id-253 .gm-default-page #bbpress-forums .bbp-forum-freshness {
    color: #746b60 !important;

    font-size: 13px !important;
    line-height: 1.5 !important;
}

body.page-id-253 .gm-default-page #bbpress-forums .bbp-forum-freshness a {
    color: #0b2348 !important;
    font-weight: 600 !important;
}

body.page-id-253 .gm-default-page #bbpress-forums .bbp-forum-freshness .bbp-author-name {
    color: #c87800 !important;
}


/* avatar */

body.page-id-253 .gm-default-page #bbpress-forums img.avatar {
    width: 24px !important;
    height: 24px !important;

    margin-right: 6px !important;

    border-radius: 50% !important;
}


/* ==========================================================
   ONNODIGE GRIJZE FOOTER VAN BBPRESS WEG
========================================================== */

body.page-id-253 .gm-default-page #bbpress-forums ul.bbp-forums > li.bbp-footer {
    display: none !important;
}


/* ==========================================================
   TOPICS — ZELFDE LOOK
========================================================== */

body.page-id-253 .gm-default-page #bbpress-forums ul.bbp-topics {
    overflow: hidden;

    border: 1px solid rgba(11,35,72,.08) !important;
    border-radius: 22px !important;

    background: #ffffff !important;

    box-shadow:
        0 18px 55px rgba(11,35,72,.07) !important;
}

body.page-id-253 .gm-default-page #bbpress-forums ul.bbp-topics > li.bbp-header {
    background: #0b2348 !important;
}

body.page-id-253 .gm-default-page #bbpress-forums ul.bbp-topics > li.bbp-header ul {
    padding: 18px 24px !important;
}

body.page-id-253 .gm-default-page #bbpress-forums li.bbp-body ul.topic {
    min-height: 88px;

    padding: 20px 24px !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(11,35,72,.07) !important;

    background: #ffffff !important;
}

body.page-id-253 .gm-default-page #bbpress-forums li.bbp-body ul.topic:hover {
    background: #fffaf3 !important;
}

body.page-id-253 .gm-default-page #bbpress-forums .bbp-topic-permalink {
    color: #0b2348 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

body.page-id-253 .gm-default-page #bbpress-forums .bbp-topic-permalink:hover {
    color: #d18100 !important;
}


/* ==========================================================
   FORUM FORMULIEREN
========================================================== */

body.page-id-253 .gm-default-page #bbpress-forums fieldset.bbp-form {
    margin-top: 34px !important;
    padding: 28px !important;

    border: 1px solid rgba(11,35,72,.08) !important;
    border-radius: 22px !important;

    background: #ffffff !important;

    box-shadow:
        0 16px 45px rgba(11,35,72,.06) !important;
}

body.page-id-253 .gm-default-page #bbpress-forums fieldset.bbp-form legend {
    padding: 0 12px !important;

    color: #0b2348 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media screen and (max-width: 991px) {

    body.page-id-253 .gm-default-page #bbpress-forums #bbp_search {
        width: 240px !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-body ul.forum {
        padding: 20px !important;
    }

}


/* ==========================================================
   MOBIEL — KAART I.P.V. TABEL
========================================================== */

@media screen and (max-width: 640px) {

    body.page-id-253 .gm-default-page #bbpress-forums #bbp-search-form > div {
        display: flex !important;
        width: 100%;
    }

    body.page-id-253 .gm-default-page #bbpress-forums #bbp_search {
        width: auto !important;
        min-width: 0;
        flex: 1;
    }

    body.page-id-253 .gm-default-page #bbpress-forums ul.bbp-forums {
        border-radius: 16px !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums ul.bbp-forums > li.bbp-header {
        display: none !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-body ul.forum {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 12px;

        padding: 20px !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-forum-info {
        grid-column: 1 / -1;

        width: 100% !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums .bbp-forum-title {
        font-size: 20px !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-forum-topic-count,
    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-forum-reply-count {
        width: auto !important;
        margin: 0 !important;
        padding: 10px 12px;

        border-radius: 10px;

        background: #f8f2e9;

        text-align: left !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums li.bbp-forum-freshness {
        grid-column: 1 / -1;

        width: 100% !important;

        margin-top: 5px;
        padding-top: 14px;

        border-top: 1px solid rgba(11,35,72,.07);

        text-align: left !important;
    }

}



/* =========================================================
   GM DYNAMIC PAGE IMAGE OVERRIDES — CORRECT
   Alleen bestaande beeldbronnen dynamisch.
   Geen layoutwijzigingen.
========================================================= */


/* =========================
   OVER MIJ
========================= */

/* Wie ik ben */
.gm-about-page .gm-about-story {
  background:
    linear-gradient(
      rgba(255, 252, 247, .78),
      rgba(255, 252, 247, .78)
    ),
    var(--gm-over-story-image)
    center center / cover no-repeat !important;
}


/* Mijn benadering — bestaand plaatje exact behouden */
.gm-about-page .gm-about-approach__heading::after {
  background:
    var(--gm-over-approach-image)
    center center / cover no-repeat !important;
}


/* Waardenkaarten */
.gm-about-page .gm-about-value-card {
  background:
    linear-gradient(
      rgba(255,255,255,.88),
      rgba(255,255,255,.88)
    ),
    var(--gm-over-values-image)
    center center / cover no-repeat !important;
}


/* Voor wie ik er ben */
.gm-about-page .gm-about-audience {
  background:
    linear-gradient(
      90deg,
      rgba(255, 252, 247, .08) 0%,
      rgba(255, 252, 247, .28) 34%,
      rgba(255, 252, 247, .82) 58%,
      rgba(255, 252, 247, .96) 100%
    ),
    var(--gm-over-audience-image)
    left center / cover no-repeat !important;
}

@media (max-width:960px){

  .gm-about-page .gm-about-audience {
    background:
      linear-gradient(
        rgba(255,252,247,.82),
        rgba(255,252,247,.90)
      ),
      var(--gm-over-audience-image)
      left center / cover no-repeat !important;
  }

}


/* =========================
   AANBOD
========================= */

/* Verhaal */
.gm-aanbod-page .gm-about-story {
  background:
    linear-gradient(
      rgba(255, 252, 247, .78),
      rgba(255, 252, 247, .78)
    ),
    var(--gm-aanbod-story-image)
    center center / cover no-repeat !important;
}


/*
 * Samenwerking met instanties.
 * Zelfde bestaande pseudo-element, alleen bron dynamisch.
 */
.gm-aanbod-page .gm-about-approach__heading::after {
  background:
    var(--gm-aanbod-approach-image)
    center center / cover no-repeat !important;
}


/* Voor wie */
.gm-aanbod-page .gm-about-audience {
  background:
    linear-gradient(
      90deg,
      rgba(255,252,247,.08) 0%,
      rgba(255,252,247,.28) 34%,
      rgba(255,252,247,.82) 58%,
      rgba(255,252,247,.96) 100%
    ),
    var(--gm-aanbod-audience-image)
    left center / cover no-repeat !important;
}

@media (max-width:960px){

  .gm-aanbod-page .gm-about-audience {
    background:
      linear-gradient(
        rgba(255,252,247,.84),
        rgba(255,252,247,.90)
      ),
      var(--gm-aanbod-audience-image)
      left center / cover no-repeat !important;
  }

}


/* =========================================================
   GM FINAL DYNAMIC IMAGE CASCADE FIX
   Alleen beeldbron dynamisch.
   GEEN positie, maat, spacing of layout aanpassen.
========================================================= */


/* =========================================================
   OVER MIJ
========================================================= */

/* Wie ik ben */
.gm-about-page .gm-about-story {
  background-image:
    linear-gradient(
      rgba(255, 252, 247, .78),
      rgba(255, 252, 247, .78)
    ),
    var(--gm-over-story-image) !important;
}


/* Mijn benadering
   Bestaand pseudo-element blijft exact op dezelfde plek.
*/
.gm-about-page .gm-about-approach__heading::after {
  background-image:
    var(--gm-over-approach-image) !important;
}


/* Waardenkaarten */
.gm-about-page .gm-about-value-card {
  background-image:
    linear-gradient(
      rgba(255,255,255,.88),
      rgba(255,255,255,.88)
    ),
    var(--gm-over-values-image) !important;
}


/* Voor wie ik er ben */
.gm-about-page .gm-about-audience {
  background-image:
    linear-gradient(
      90deg,
      rgba(255,252,247,.08) 0%,
      rgba(255,252,247,.28) 34%,
      rgba(255,252,247,.82) 58%,
      rgba(255,252,247,.96) 100%
    ),
    var(--gm-over-audience-image) !important;
}


@media (max-width:960px) {

  .gm-about-page .gm-about-audience {
    background-image:
      linear-gradient(
        rgba(255,252,247,.82),
        rgba(255,252,247,.90)
      ),
      var(--gm-over-audience-image) !important;
  }

}


/* =========================================================
   AANBOD
========================================================= */

/* Verhaalsectie */
.gm-aanbod-page .gm-about-story {
  background-image:
    linear-gradient(
      rgba(255,252,247,.78),
      rgba(255,252,247,.78)
    ),
    var(--gm-aanbod-story-image) !important;
}


/* Samenwerking met instanties
   Alleen foto vervangen.
   De bestaande afmetingen/positie/ronding blijven staan.
*/
body .gm-aanbod-page .gm-about-approach__heading::after {
  background-image:
    var(--gm-aanbod-approach-image) !important;
}


/* Voor wie */
.gm-aanbod-page .gm-about-audience {
  background-image:
    linear-gradient(
      90deg,
      rgba(255,252,247,.08) 0%,
      rgba(255,252,247,.28) 34%,
      rgba(255,252,247,.82) 58%,
      rgba(255,252,247,.96) 100%
    ),
    var(--gm-aanbod-audience-image) !important;
}


@media (max-width:960px) {

  .gm-aanbod-page .gm-about-audience {
    background-image:
      linear-gradient(
        rgba(255,252,247,.84),
        rgba(255,252,247,.90)
      ),
      var(--gm-aanbod-audience-image) !important;
  }

}



/* =========================================================
   GM AANBOD DYNAMIC SELECTOR FIX
   Werkelijke template-class = gm-aanbod-clean-page
   Alleen afbeeldingsbronnen; geen layoutwijzigingen.
========================================================= */


/* Verhaalsectie */
.gm-about-page.gm-aanbod-clean-page .gm-about-story {
  background-image:
    linear-gradient(
      rgba(255,252,247,.78),
      rgba(255,252,247,.78)
    ),
    var(--gm-aanbod-story-image) !important;
}


/* Samenwerking met instanties */
.gm-about-page.gm-aanbod-clean-page .gm-about-approach__heading::after {
  background-image:
    var(--gm-aanbod-approach-image) !important;
}


/* Voor wie */
.gm-about-page.gm-aanbod-clean-page .gm-about-audience {
  background-image:
    linear-gradient(
      90deg,
      rgba(255,252,247,.08) 0%,
      rgba(255,252,247,.28) 34%,
      rgba(255,252,247,.82) 58%,
      rgba(255,252,247,.96) 100%
    ),
    var(--gm-aanbod-audience-image) !important;
}


@media (max-width:960px) {

  .gm-about-page.gm-aanbod-clean-page .gm-about-audience {
    background-image:
      linear-gradient(
        rgba(255,252,247,.84),
        rgba(255,252,247,.90)
      ),
      var(--gm-aanbod-audience-image) !important;
  }

}



/* =========================================================
   GM OVER MIJ DYNAMIC SELECTOR FIX
   Alleen dynamische afbeeldingen.
   Geen layoutwijzigingen.
========================================================= */


/* Wie ik ben */
.gm-about-page.gm-over-mij-page .gm-about-story {
  background-image:
    linear-gradient(
      rgba(255,252,247,.78),
      rgba(255,252,247,.78)
    ),
    var(--gm-over-story-image) !important;
}


/* Mijn benadering */
.gm-about-page.gm-over-mij-page .gm-about-approach__heading::after {
  background-image:
    var(--gm-over-approach-image) !important;
}


/* Waarden */
.gm-about-page.gm-over-mij-page .gm-about-value-card {
  background-image:
    linear-gradient(
      rgba(255,255,255,.88),
      rgba(255,255,255,.88)
    ),
    var(--gm-over-values-image) !important;
}


/* Voor wie ik er ben */
.gm-about-page.gm-over-mij-page .gm-about-audience {
  background-image:
    linear-gradient(
      90deg,
      rgba(255,252,247,.08) 0%,
      rgba(255,252,247,.28) 34%,
      rgba(255,252,247,.82) 58%,
      rgba(255,252,247,.96) 100%
    ),
    var(--gm-over-audience-image) !important;
}


@media (max-width:960px) {

  .gm-about-page.gm-over-mij-page .gm-about-audience {
    background-image:
      linear-gradient(
        rgba(255,252,247,.82),
        rgba(255,252,247,.90)
      ),
      var(--gm-over-audience-image) !important;
  }

}



/* =========================================================
   GM FORUM LOCAL NAV 20260829
========================================================= */

.gm-forum-local-nav {
    margin: 20px 0 24px;
}

.gm-forum-local-nav__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.gm-forum-local-nav__list li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.gm-forum-local-nav__list a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 18px;
    border: 1px solid rgba(11,35,72,.18);
    border-radius: 8px;
    background: #fff;
    color: #0b2348;
    font-weight: 700;
    text-decoration: none;
    transition: .2s ease;
}

.gm-forum-local-nav__list a:hover,
.gm-forum-local-nav__list .current-menu-item > a {
    background: #0b2348;
    border-color: #0b2348;
    color: #fff;
}

@media (max-width:640px) {
    .gm-forum-local-nav__list {
        gap: 8px;
    }

    .gm-forum-local-nav__list a {
        min-height: 40px;
        padding: 8px 14px;
        font-size: 14px;
    }
}



/* =========================================================
   GM FORUM CLEAN NAV 20260829
========================================================= */

/* bbPress breadcrumb weg op forum */
body.page-id-253 .bbp-breadcrumb {
    display: none !important;
}


/* Lokale forum acties */
body.page-id-253 .gm-forum-local-nav {
    margin: 18px 0 30px;
}

body.page-id-253 .gm-forum-local-nav__list {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.page-id-253 .gm-forum-local-nav__list li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.page-id-253 .gm-forum-local-nav__list a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 22px;
    border: 1px solid rgba(11,35,72,.12);
    border-radius: 8px;
    background: #ffffff;
    color: #0b2348;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(11,35,72,.05);
}

body.page-id-253 .gm-forum-local-nav__list a:hover {
    background: #0b2348;
    border-color: #0b2348;
    color: #ffffff;
}

@media (max-width:640px) {

    body.page-id-253 .gm-forum-local-nav__list {
        gap: 8px;
    }

    body.page-id-253 .gm-forum-local-nav__list a {
        min-height: 40px;
        padding: 9px 16px;
        font-size: 14px;
    }
}


/* =========================================================
   GM FORUM SEARCH FINAL 20260829
========================================================= */

/* Zoekformulier links */
body.page-id-253 .gm-default-page #bbpress-forums .bbp-search-form {
    float: none !important;
    width: auto !important;
    margin: 0 0 10px !important;
}

body.page-id-253 .gm-default-page #bbpress-forums #bbp-search-form {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;

    position: static !important;
    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-253 .gm-default-page #bbpress-forums #bbp-search-form > div {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Definitief klein zoekveld */
body.page-id-253 .gm-default-page #bbpress-forums #bbp_search {
    flex: none !important;

    box-sizing: border-box !important;

    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;

    height: 30px !important;
    min-height: 30px !important;

    margin: 0 !important;
    padding: 4px 10px !important;

    border: 1px solid rgba(11,35,72,.16) !important;
    border-radius: 15px !important;

    background: #fff !important;
    box-shadow: none !important;

    font-size: 12px !important;
}


/* Definitief kleine zoekknop */
body.page-id-253 .gm-default-page #bbpress-forums #bbp_search_submit {
    box-sizing: border-box !important;

    height: 30px !important;
    min-height: 30px !important;

    margin: 0 !important;
    padding: 0 11px !important;

    border: 0 !important;
    border-radius: 15px !important;

    background: #e58a00 !important;
    color: #fff !important;

    box-shadow: none !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
}


/* Inloggen / registreren er rustig onder */
body.page-id-253 .gm-forum-local-nav {
    display: block !important;
    min-height: 0 !important;

    margin: 10px 0 24px !important;
    padding: 0 !important;
}

body.page-id-253 .gm-forum-local-nav__list {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 22px !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-253 .gm-forum-local-nav__list a {
    min-height: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    color: #0b2348 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

body.page-id-253 .gm-forum-local-nav__list a:hover {
    background: transparent !important;
    color: #d88400 !important;
}


/* Ook mobiel klein houden */
@media (max-width:640px) {

    body.page-id-253 .gm-default-page #bbpress-forums #bbp_search {
        flex: none !important;
        width: 110px !important;
        min-width: 110px !important;
        max-width: 110px !important;
    }

}



/* =========================================================
   GM FORUM ACCOUNT + SEARCH ROW 20260829
   Desktop: account links links, zoeken rechts
   Mobiel: netjes onder elkaar
========================================================= */

/* Zoekblok rechts */
body.page-id-253 .gm-default-page #bbpress-forums .bbp-search-form {
    float: right !important;
    width: auto !important;
    margin: 0 0 22px !important;
}

body.page-id-253 .gm-default-page #bbpress-forums #bbp-search-form,
body.page-id-253 .gm-default-page #bbpress-forums #bbp-search-form > div {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* klein zoekveld */
body.page-id-253 .gm-default-page #bbpress-forums #bbp_search {
    flex: none !important;

    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;

    height: 30px !important;
    min-height: 30px !important;

    margin: 0 !important;
    padding: 4px 10px !important;

    border-radius: 15px !important;
}


/* kleine Search-knop */
body.page-id-253 .gm-default-page #bbpress-forums #bbp_search_submit {
    height: 30px !important;
    min-height: 30px !important;

    padding: 0 11px !important;
    margin: 0 !important;

    border-radius: 15px !important;

    font-size: 11px !important;
    line-height: 30px !important;
}


/* Inloggen / Registreren links op dezelfde hoogte */
body.page-id-253 .gm-forum-local-nav {
    float: left !important;

    display: block !important;
    width: auto !important;
    min-height: 30px !important;

    margin: 0 0 22px !important;
    padding: 0 !important;
}

body.page-id-253 .gm-forum-local-nav__list {
    display: flex !important;
    align-items: center !important;

    height: 30px !important;
    gap: 22px !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-253 .gm-forum-local-nav__list a {
    display: inline-flex !important;
    align-items: center !important;

    height: 30px !important;
    min-height: 30px !important;

    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font-size: 14px !important;
    line-height: 30px !important;
}


/* forumlijst altijd onder de toolbar */
body.page-id-253 .gm-default-page #bbpress-forums ul.bbp-forums {
    clear: both !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width:640px) {

    body.page-id-253 .gm-default-page #bbpress-forums .bbp-search-form {
        float: none !important;
        width: 100% !important;
        margin: 0 0 12px !important;
    }

    body.page-id-253 .gm-default-page #bbpress-forums #bbp-search-form,
    body.page-id-253 .gm-default-page #bbpress-forums #bbp-search-form > div {
        justify-content: flex-start !important;
    }

    body.page-id-253 .gm-forum-local-nav {
        float: none !important;
        width: 100% !important;
        margin: 0 0 20px !important;
    }

}



/* =========================================================
   GM FORUM RUIMTE ONDER LOGO 20260829
========================================================= */

body.page-id-253 .gm-default-page #bbpress-forums {
    padding-top: 28px !important;
}

@media (max-width:640px) {
    body.page-id-253 .gm-default-page #bbpress-forums {
        padding-top: 18px !important;
    }
}



/* =========================================================
   GM FORUM ALLEEN TITEL TONEN 20260829
========================================================= */

body.page-id-253 .gm-default-page__header .gm-kicker {
    display: none !important;
}

body.page-id-253 .gm-default-page__header,
body.page-id-253 .gm-default-page__header h1 {
    display: block !important;
}



/* =========================================================
   GM FORUM TITEL IETS LAGER 20260829
========================================================= */

body.page-id-253 .gm-default-page__header h1 {
    margin-top: 18px !important;
}

@media (max-width:640px) {
    body.page-id-253 .gm-default-page__header h1 {
        margin-top: 12px !important;
    }
}



/* =========================================================
   GM HEADER CTA UIT 20260829
========================================================= */

.gm-header .gm-header__cta {
    display: none !important;
}



/* =========================================================
   GM FORUM LOGIN + REGISTREREN DESIGN 20260829
========================================================= */

/* formulier als rustige kaart */
.bbp-login-form,
.bbp-register-form {
    width: 100% !important;
    max-width: 720px !important;

    margin: 26px 0 60px !important;
    padding: 34px 38px !important;

    border: 1px solid rgba(11,35,72,.08) !important;
    border-radius: 22px !important;

    background: rgba(255,255,255,.82) !important;

    box-shadow:
        0 14px 45px rgba(11,35,72,.06) !important;
}


/* oude bbPress veldset-rand verwijderen */
.bbp-login-form fieldset,
.bbp-register-form fieldset {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* formulierregels */
.bbp-login-form .bbp-username,
.bbp-login-form .bbp-password,
.bbp-register-form .bbp-username,
.bbp-register-form .bbp-email {
    display: grid !important;
    grid-template-columns: 140px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 18px !important;

    margin: 0 0 18px !important;
}


/* labels */
.bbp-login-form label,
.bbp-register-form label {
    color: #0b2348 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}


/* invoervelden */
.bbp-login-form input[type="text"],
.bbp-login-form input[type="password"],
.bbp-login-form input[type="email"],
.bbp-register-form input[type="text"],
.bbp-register-form input[type="password"],
.bbp-register-form input[type="email"] {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: 420px !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 10px 15px !important;

    border: 1px solid rgba(11,35,72,.16) !important;
    border-radius: 12px !important;

    background: #fff !important;
    color: #0b2348 !important;

    box-shadow: none !important;

    font-size: 15px !important;
}


.bbp-login-form input:focus,
.bbp-register-form input:focus {
    border-color: #d88900 !important;
    outline: none !important;

    box-shadow:
        0 0 0 3px rgba(216,137,0,.09) !important;
}


/* ingelogd blijven */
.bbp-login-form .bbp-remember-me {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    margin: 4px 0 24px 158px !important;
}

.bbp-login-form .bbp-remember-me label {
    font-weight: 500 !important;
}


/* checkbox */
.bbp-login-form input[type="checkbox"] {
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;

    accent-color: #d88900;
}


/* knoppengebied */
.bbp-login-form .bbp-submit-wrapper,
.bbp-register-form .bbp-submit-wrapper {
    float: none !important;

    display: flex !important;
    justify-content: flex-start !important;

    margin: 8px 0 0 158px !important;
}


/* login / register knop */
.bbp-login-form button,
.bbp-register-form button,
.bbp-login-form input[type="submit"],
.bbp-register-form input[type="submit"] {
    min-height: 44px !important;

    padding: 10px 22px !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: #df8700 !important;
    color: #fff !important;

    box-shadow: none !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    cursor: pointer !important;
}


.bbp-login-form button:hover,
.bbp-register-form button:hover,
.bbp-login-form input[type="submit"]:hover,
.bbp-register-form input[type="submit"]:hover {
    background: #0b2348 !important;
    color: #fff !important;
}


/* gele standaard registratiemelding veranderen */
.bbp-register-form .bbp-template-notice,
.bbp-register-form .bbp-template-notice.info {
    margin: 0 0 28px !important;
    padding: 18px 20px !important;

    border: 0 !important;
    border-left: 3px solid #d88900 !important;
    border-radius: 12px !important;

    background: rgba(216,137,0,.07) !important;
    color: #0b2348 !important;
}


.bbp-register-form .bbp-template-notice ul {
    margin: 0 !important;
    padding-left: 20px !important;
}

.bbp-register-form .bbp-template-notice li {
    margin: 4px 0 !important;
    color: #536071 !important;
}


/* =========================================================
   MOBIEL
========================================================= */

@media (max-width:640px) {

    .bbp-login-form,
    .bbp-register-form {
        padding: 24px 20px !important;
        border-radius: 18px !important;
    }

    .bbp-login-form .bbp-username,
    .bbp-login-form .bbp-password,
    .bbp-register-form .bbp-username,
    .bbp-register-form .bbp-email {
        display: block !important;
    }

    .bbp-login-form label,
    .bbp-register-form label {
        display: block !important;
        margin: 0 0 7px !important;
    }

    .bbp-login-form input[type="text"],
    .bbp-login-form input[type="password"],
    .bbp-login-form input[type="email"],
    .bbp-register-form input[type="text"],
    .bbp-register-form input[type="password"],
    .bbp-register-form input[type="email"] {
        max-width: none !important;
    }

    .bbp-login-form .bbp-remember-me,
    .bbp-login-form .bbp-submit-wrapper,
    .bbp-register-form .bbp-submit-wrapper {
        margin-left: 0 !important;
    }

}



/* =========================================================
   GM LOGIN + REGISTREREN CENTREREN 20260829
========================================================= */

.bbp-login-form,
.bbp-register-form {
    margin-left: auto !important;
    margin-right: auto !important;
}



/* =========================================================
   GM LOGIN + REGISTREREN GELIJKE RUIMTE BOVEN/ONDER
========================================================= */

.bbp-login-form,
.bbp-register-form {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width:640px) {
    .bbp-login-form,
    .bbp-register-form {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
}



/* =========================================================
   GM LOGIN TITEL ONZICHTBAAR - RUIMTE BEHOUDEN
========================================================= */

/* Alleen pagina Inloggen */
body.page-id-255 .gm-default-page__header {
    visibility: hidden !important;
}

/* ruimte blijft behouden */
body.page-id-255 .gm-default-page__header {
    display: block !important;
}


/* =========================================================
   GM REGISTREREN PAGE 292 FINAL 20260829
========================================================= */

/*
 * Titel niet tonen, maar hoogte behouden.
 * Daardoor blijft het formulier op dezelfde verticale positie.
 */
body.page-id-292 .gm-default-page__header {
    visibility: hidden !important;
}


/* contentgebied */
body.page-id-292 .gm-default-page__content {
    width: 100% !important;
}


/* bbPress fieldset wordt de kaart */
body.page-id-292 .gm-default-page__content fieldset {
    box-sizing: border-box !important;

    width: calc(100% - 40px) !important;
    max-width: 720px !important;

    margin: 48px auto !important;
    padding: 40px !important;

    border: 1px solid rgba(11,35,72,.08) !important;
    border-radius: 22px !important;

    background: rgba(255,255,255,.82) !important;

    box-shadow: 0 14px 45px rgba(11,35,72,.06) !important;
}


/* melding bovenaan */
body.page-id-292 .bbp-template-notice {
    box-sizing: border-box !important;

    width: 100% !important;
    margin: 0 0 30px !important;
    padding: 18px 20px !important;

    border: 0 !important;
    border-left: 3px solid #df8700 !important;
    border-radius: 12px !important;

    background: rgba(223,135,0,.07) !important;
}


/* username + email netjes onder elkaar uitgelijnd */
body.page-id-292 .bbp-username,
body.page-id-292 .bbp-email {
    display: grid !important;
    grid-template-columns: 125px minmax(0,1fr) !important;
    align-items: center !important;
    column-gap: 22px !important;

    width: 100% !important;
    margin: 0 0 20px !important;
}


/* labels */
body.page-id-292 .bbp-username label,
body.page-id-292 .bbp-email label {
    margin: 0 !important;

    color: #0b2348 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
}


/* velden exact gelijk */
body.page-id-292 .bbp-username input,
body.page-id-292 .bbp-email input {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;
    height: 48px !important;

    margin: 0 !important;
    padding: 10px 15px !important;

    border: 1px solid rgba(11,35,72,.16) !important;
    border-radius: 12px !important;

    background: #fff !important;
}


/* knop onder begin van invoervelden */
body.page-id-292 .bbp-submit-wrapper {
    float: none !important;

    display: flex !important;
    justify-content: flex-start !important;

    margin: 8px 0 0 147px !important;
}


/* registerknop */
body.page-id-292 .bbp-submit-wrapper button,
body.page-id-292 .bbp-submit-wrapper input[type="submit"] {
    min-height: 44px !important;
    padding: 10px 24px !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: #df8700 !important;
    color: #fff !important;

    font-weight: 700 !important;
}


/* mobiel */
@media (max-width:640px) {

    body.page-id-292 .gm-default-page__content fieldset {
        width: calc(100% - 28px) !important;
        margin: 30px auto !important;
        padding: 24px 20px !important;
        border-radius: 18px !important;
    }

    body.page-id-292 .bbp-username,
    body.page-id-292 .bbp-email {
        display: block !important;
    }

    body.page-id-292 .bbp-username label,
    body.page-id-292 .bbp-email label {
        display: block !important;
        margin-bottom: 7px !important;
    }

    body.page-id-292 .bbp-submit-wrapper {
        margin-left: 0 !important;
    }
}



/* =========================================================
   GM AUTH CLEAN FINAL 20260829
========================================================= */


/* ---------------------------------------------------------
   BUITENSTE LOGIN / REGISTRATIE WRAPPER GEEN KAART MEER
--------------------------------------------------------- */

.bbp-login-form,
.bbp-register-form {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
}


/* ---------------------------------------------------------
   ALLEEN HET FIELDSET WORDT DE ENKELE KAART
--------------------------------------------------------- */

body.page-id-292 .gm-default-page__content fieldset,
body.bbp-shortcode .bbp-login-form fieldset {
    box-sizing: border-box !important;

    width: calc(100% - 40px) !important;
    max-width: 650px !important;

    margin: 48px auto !important;
    padding: 40px 42px !important;

    border: 1px solid rgba(11,35,72,.08) !important;
    border-radius: 22px !important;

    background: rgba(255,255,255,.88) !important;

    box-shadow: 0 14px 45px rgba(11,35,72,.06) !important;
}


/* ---------------------------------------------------------
   REGISTREREN
--------------------------------------------------------- */

body.page-id-292 .bbp-template-notice {
    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 0 30px !important;
    padding: 18px 20px !important;

    border: 0 !important;
    border-left: 3px solid #df8700 !important;
    border-radius: 12px !important;

    background: rgba(223,135,0,.07) !important;
    color: #0b2348 !important;
}


body.page-id-292 .bbp-template-notice ul {
    margin: 0 !important;
    padding-left: 20px !important;
}


body.page-id-292 .bbp-template-notice li {
    margin: 5px 0 !important;
    color: #536071 !important;
}


body.page-id-292 .bbp-username,
body.page-id-292 .bbp-email {
    display: grid !important;

    grid-template-columns: 125px minmax(0,1fr) !important;

    align-items: center !important;
    column-gap: 22px !important;

    width: 100% !important;

    margin: 0 0 20px !important;
}


body.page-id-292 .bbp-username input,
body.page-id-292 .bbp-email input {
    width: 100% !important;
    max-width: none !important;

    height: 48px !important;

    margin: 0 !important;
}


body.page-id-292 .bbp-submit-wrapper {
    float: none !important;

    display: flex !important;
    justify-content: flex-start !important;

    margin: 8px 0 0 147px !important;
}


/* ---------------------------------------------------------
   LOGIN DEZELFDE OPBOUW
--------------------------------------------------------- */

.bbp-login-form .bbp-username,
.bbp-login-form .bbp-password {
    display: grid !important;

    grid-template-columns: 125px minmax(0,1fr) !important;

    align-items: center !important;
    column-gap: 22px !important;

    width: 100% !important;

    margin: 0 0 20px !important;
}


.bbp-login-form .bbp-username input,
.bbp-login-form .bbp-password input {
    width: 100% !important;
    max-width: none !important;

    height: 48px !important;

    margin: 0 !important;
}


.bbp-login-form .bbp-remember-me {
    margin: 4px 0 24px 147px !important;
}


.bbp-login-form .bbp-submit-wrapper {
    float: none !important;

    display: flex !important;
    justify-content: flex-start !important;

    margin: 8px 0 0 147px !important;
}


/* ---------------------------------------------------------
   VELDEN
--------------------------------------------------------- */

body.page-id-292 input[type="text"],
body.page-id-292 input[type="email"],
.bbp-login-form input[type="text"],
.bbp-login-form input[type="password"] {
    box-sizing: border-box !important;

    padding: 10px 15px !important;

    border: 1px solid rgba(11,35,72,.16) !important;
    border-radius: 12px !important;

    background: #fff !important;
    color: #0b2348 !important;

    box-shadow: none !important;
}


body.page-id-292 input:focus,
.bbp-login-form input:focus {
    outline: none !important;

    border-color: #df8700 !important;

    box-shadow:
        0 0 0 3px rgba(223,135,0,.09) !important;
}


/* ---------------------------------------------------------
   KNOPPEN
--------------------------------------------------------- */

body.page-id-292 .bbp-submit-wrapper button,
body.page-id-292 .bbp-submit-wrapper input[type="submit"],
.bbp-login-form .bbp-submit-wrapper button,
.bbp-login-form .bbp-submit-wrapper input[type="submit"] {
    min-height: 44px !important;

    padding: 10px 24px !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: #df8700 !important;
    color: #fff !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   MOBIEL
--------------------------------------------------------- */

@media (max-width:640px) {

    body.page-id-292 .gm-default-page__content fieldset,
    body.bbp-shortcode .bbp-login-form fieldset {
        width: calc(100% - 28px) !important;

        margin: 30px auto !important;
        padding: 26px 20px !important;

        border-radius: 18px !important;
    }


    body.page-id-292 .bbp-username,
    body.page-id-292 .bbp-email,
    .bbp-login-form .bbp-username,
    .bbp-login-form .bbp-password {
        display: block !important;
    }


    body.page-id-292 label,
    .bbp-login-form label {
        display: block !important;

        margin: 0 0 7px !important;
    }


    body.page-id-292 .bbp-submit-wrapper,
    .bbp-login-form .bbp-submit-wrapper,
    .bbp-login-form .bbp-remember-me {
        margin-left: 0 !important;
    }

}



/* =========================================================
   GM LOGIN TITEL VERBERGEN - RUIMTE BEHOUDEN 20260829
========================================================= */

body.bbp-shortcode .gm-default-page__header {
    visibility: hidden !important;
}



/* =========================================================
   GM REGISTER PRIVACY CHECKBOX 20260829
========================================================= */

body.page-id-292 .gm-register-privacy {
    width: 100% !important;

    margin: 6px 0 24px 147px !important;

    max-width: calc(100% - 147px) !important;
}


body.page-id-292 .gm-register-privacy label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;

    margin: 0 !important;

    color: #536071 !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    cursor: pointer;
}


body.page-id-292 .gm-register-privacy input[type="checkbox"] {
    flex: 0 0 auto !important;

    width: 17px !important;
    height: 17px !important;

    margin: 2px 0 0 !important;

    accent-color: #df8700;
}


body.page-id-292 .gm-register-privacy a {
    color: #0b2348 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(223,135,0,.55) !important;
    text-underline-offset: 2px;
}


body.page-id-292 .gm-register-privacy a:hover {
    color: #df8700 !important;
}


/* Mobiel */
@media (max-width:640px) {

    body.page-id-292 .gm-register-privacy {
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}



/* =========================================================
   GM REGISTER PRIVACY ZICHTBAAR FIX 20260829
========================================================= */

body.page-id-292 .gm-register-privacy {
    display: block !important;

    box-sizing: border-box !important;

    width: calc(100% - 147px) !important;
    max-width: none !important;

    margin: 4px 0 24px 147px !important;

    padding: 0 !important;
}


body.page-id-292 .gm-register-privacy label {
    display: flex !important;
    align-items: flex-start !important;

    gap: 10px !important;

    margin: 0 !important;

    cursor: pointer !important;

    color: #536071 !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}


body.page-id-292 .gm-register-privacy input[type="checkbox"] {
    display: block !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;

    flex: 0 0 17px !important;

    width: 17px !important;
    min-width: 17px !important;
    max-width: 17px !important;

    height: 17px !important;
    min-height: 17px !important;

    margin: 2px 0 0 !important;
    padding: 0 !important;

    opacity: 1 !important;

    accent-color: #df8700;
}


body.page-id-292 .gm-register-privacy span {
    display: block !important;
    flex: 1 1 auto !important;
}


@media (max-width:640px) {

    body.page-id-292 .gm-register-privacy {
        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}



/* =========================================================
   GM REGISTER PRIVACY NETTE UITLIJNING 20260829
========================================================= */

/* privacyregel exact onder de invoervelden */
body.page-id-292 .gm-register-privacy {
    box-sizing: border-box !important;

    width: auto !important;
    max-width: none !important;

    margin: 4px 0 24px 147px !important;
    padding: 0 !important;
}


/* checkbox + tekst horizontaal */
body.page-id-292 .gm-register-privacy label {
    display: flex !important;
    align-items: flex-start !important;

    width: 100% !important;

    gap: 10px !important;

    margin: 0 !important;

    color: #536071 !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}


/* checkbox vaste maat */
body.page-id-292 .gm-register-privacy input[type="checkbox"] {
    flex: 0 0 17px !important;

    width: 17px !important;
    min-width: 17px !important;
    max-width: 17px !important;

    height: 17px !important;

    margin: 2px 0 0 !important;
}


/* tekst mag volledige resterende breedte gebruiken */
body.page-id-292 .gm-register-privacy span {
    display: block !important;

    flex: 1 1 auto !important;

    width: auto !important;
    max-width: 420px !important;
}


/* link subtiel */
body.page-id-292 .gm-register-privacy a {
    color: #0b2348 !important;
    font-weight: 700 !important;
    text-decoration-color: rgba(223,135,0,.6) !important;
}


/* knop exact onder dezelfde lijn */
body.page-id-292 .bbp-submit-wrapper {
    margin: 8px 0 0 147px !important;
}


/* mobiel */
@media (max-width:640px) {

    body.page-id-292 .gm-register-privacy,
    body.page-id-292 .bbp-submit-wrapper {
        margin-left: 0 !important;
    }

    body.page-id-292 .gm-register-privacy span {
        max-width: none !important;
    }

}



/* =========================================================
   GM FOOTER LEGAL LINKS 20260829
========================================================= */

.gm-footer-legal-links {
    white-space: nowrap;
}

.gm-footer-legal-links a {
    color: inherit !important;
    text-decoration: none !important;
    transition: color .2s ease;
}

.gm-footer-legal-links a:hover {
    color: #d88900 !important;
}


/* mobiel mag het rustig afbreken */
@media (max-width:640px) {

    .gm-footer-legal-links {
        display: block;
        margin-top: 6px;
        white-space: normal;
    }

}



/* =========================================================
   GM LEGAL PAGES RUIMTE ONDER LOGO 20260829
========================================================= */

body.page-id-297 .gm-default-page__header,
body.page-id-298 .gm-default-page__header {
    padding-top: 34px !important;
}

@media (max-width:640px) {
    body.page-id-297 .gm-default-page__header,
    body.page-id-298 .gm-default-page__header {
        padding-top: 20px !important;
    }
}


/* =========================================================
   GM LEGAL TITELS VERBERGEN - RUIMTE BEHOUDEN 20260829
========================================================= */

body.page-id-297 .gm-default-page__header,
body.page-id-298 .gm-default-page__header {
    visibility: hidden !important;
}


/* =========================================================
   GM LEGAL CONTENT IETS OMHOOG 20260829
========================================================= */

body.page-id-293 .gm-default-page__header,
body.page-id-294 .gm-default-page__header {
    margin-bottom: -18px !important;
}



/* =========================================================
   GM LEGAL CONTENT DICHTER BIJ LOGO 20260829
========================================================= */

body.page-id-297 .gm-default-page__header,
body.page-id-298 .gm-default-page__header {
    visibility: hidden !important;
    box-sizing: border-box !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    margin: 0 0 18px !important;
    overflow: hidden !important;
}

@media (max-width:640px) {
    body.page-id-297 .gm-default-page__header,
    body.page-id-298 .gm-default-page__header {
        height: 28px !important;
        min-height: 28px !important;
        margin-bottom: 14px !important;
    }
}


/* =========================================================
   GM REGISTRATION SUCCESS PAGE 20260829
========================================================= */

/* standaard paginatitel verbergen, ruimte onder header behouden */
body.page-id-299 .gm-default-page__header {
    visibility: hidden !important;

    height: 44px !important;
    min-height: 44px !important;

    margin: 0 0 20px !important;
    padding: 0 !important;

    overflow: hidden !important;
}


/* succeskaart */
body.page-id-299 .gm-registration-success {
    box-sizing: border-box;

    width: calc(100% - 40px);
    max-width: 650px;

    margin: 0 auto 70px;
    padding: 46px 48px;

    text-align: center;

    border: 1px solid rgba(11,35,72,.08);
    border-radius: 24px;

    background: rgba(255,255,255,.88);

    box-shadow: 0 18px 50px rgba(11,35,72,.07);
}


/* vinkje */
body.page-id-299 .gm-registration-success__icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 54px;
    height: 54px;

    margin: 0 auto 22px;

    border-radius: 50%;

    background: rgba(223,135,0,.10);
    color: #df8700;

    font-size: 25px;
    font-weight: 700;
}


/* titel */
body.page-id-299 .gm-registration-success h1 {
    margin: 0 0 18px;

    color: #0b2348;

    font-size: clamp(28px,3vw,38px);
    line-height: 1.15;
}


/* tekst */
body.page-id-299 .gm-registration-success p {
    max-width: 510px;

    margin: 0 auto 14px;

    color: #536071;

    font-size: 16px;
    line-height: 1.7;
}


body.page-id-299 .gm-registration-success__hint {
    margin-top: 22px !important;

    font-size: 14px !important;
    color: #738093 !important;
}


/* acties */
body.page-id-299 .gm-registration-success__actions {
    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 14px;

    margin-top: 30px;
}


/* gouden knop */
body.page-id-299 .gm-registration-success__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 46px;

    padding: 10px 26px;

    border-radius: 8px;

    background: #df8700;
    color: #fff !important;

    text-decoration: none !important;

    font-weight: 700;
}


body.page-id-299 .gm-registration-success__button:hover {
    background: #0b2348;
}


/* forum teruglink */
body.page-id-299 .gm-registration-success__back {
    color: #0b2348 !important;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none !important;
}


body.page-id-299 .gm-registration-success__back:hover {
    color: #df8700 !important;
}


/* mobiel */
@media (max-width:640px) {

    body.page-id-299 .gm-registration-success {
        width: calc(100% - 28px);

        padding: 32px 22px;

        border-radius: 20px;
    }

}



/* =========================================================
   GM SIMPLE PROFILE PAGE 20260829
========================================================= */

.gm-profile-card {
    box-sizing: border-box;

    width: calc(100% - 40px);
    max-width: 650px;

    margin: 48px auto 70px;
    padding: 42px 46px;

    border: 1px solid rgba(11,35,72,.08);
    border-radius: 24px;

    background: rgba(255,255,255,.88);

    box-shadow:
        0 16px 50px rgba(11,35,72,.06);
}


.gm-profile-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;

    margin: 0 auto 18px;

    border-radius: 50%;

    background: rgba(223,135,0,.10);
    color: #df8700;

    font-size: 24px;
    font-weight: 700;
}


.gm-profile-card h1,
.gm-profile-card h2 {
    margin: 0 0 10px;

    text-align: center;

    color: #0b2348;
}


.gm-profile-intro {
    margin: 0 0 30px !important;

    text-align: center;

    color: #677487 !important;
}


.gm-profile-details {
    overflow: hidden;

    margin: 0 0 30px;

    border: 1px solid rgba(11,35,72,.08);
    border-radius: 16px;

    background: rgba(250,248,244,.7);
}


.gm-profile-row {
    display: grid;
    grid-template-columns: 150px 1fr;

    gap: 20px;

    padding: 16px 18px;

    border-bottom: 1px solid rgba(11,35,72,.07);
}


.gm-profile-row:last-child {
    border-bottom: 0;
}


.gm-profile-row span {
    color: #728093;

    font-size: 14px;
}


.gm-profile-row strong {
    color: #0b2348;

    font-size: 14px;
    font-weight: 700;

    overflow-wrap: anywhere;
}


.gm-profile-actions {
    display: flex;
    align-items: center;
    justify-content: center;

    flex-wrap: wrap;

    gap: 16px;
}


.gm-profile-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;

    padding: 10px 24px;

    border-radius: 8px;

    background: #df8700;
    color: #fff !important;

    text-decoration: none !important;

    font-weight: 700;
}


.gm-profile-btn:hover {
    background: #0b2348;
}


.gm-profile-link {
    color: #0b2348 !important;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none !important;
}


.gm-profile-link:hover {
    color: #df8700 !important;
}


.gm-profile-logout {
    opacity: .72;
}


@media (max-width:640px) {

    .gm-profile-card {
        width: calc(100% - 28px);

        margin-top: 30px;

        padding: 30px 22px;

        border-radius: 20px;
    }

    .gm-profile-row {
        display: block;
    }

    .gm-profile-row span {
        display: block;

        margin-bottom: 5px;
    }

}



/* =========================================================
   GM PROFILE EDIT + DELETE 20260829
========================================================= */

.gm-profile-edit-form {
    margin: 0 0 28px;
}


.gm-profile-field {
    margin-bottom: 20px;
}


.gm-profile-field label {
    display: block;

    margin-bottom: 7px;

    color: #0b2348;

    font-size: 14px;
    font-weight: 700;
}


.gm-profile-field input {
    box-sizing: border-box;

    width: 100%;
    height: 48px;

    padding: 10px 15px;

    border: 1px solid rgba(11,35,72,.16);
    border-radius: 12px;

    background: #fff;
    color: #0b2348;

    font-size: 15px;

    box-shadow: none;
}


.gm-profile-field input:focus {
    outline: none;

    border-color: #df8700;

    box-shadow:
        0 0 0 3px rgba(223,135,0,.09);
}


.gm-profile-message {
    margin: 0 0 24px;
    padding: 14px 16px;

    border-left: 3px solid #df8700;
    border-radius: 10px;

    background: rgba(223,135,0,.07);

    color: #0b2348;

    font-size: 14px;
}


.gm-profile-message--error {
    border-left-color: #a84343;

    background: rgba(168,67,67,.06);
}


.gm-profile-actions--secondary {
    justify-content: flex-start;

    padding-top: 4px;
}


/* =========================================================
   ACCOUNT VERWIJDEREN
========================================================= */

.gm-profile-danger {
    margin-top: 38px;
    padding-top: 28px;

    border-top: 1px solid rgba(11,35,72,.09);
}


.gm-profile-danger h2 {
    margin: 0 0 8px;

    text-align: left;

    color: #0b2348;

    font-size: 20px;
}


.gm-profile-danger p {
    margin: 0 0 18px;

    color: #697689;

    font-size: 14px;
    line-height: 1.6;
}


.gm-profile-delete-confirm {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin: 0 0 18px;

    color: #536071;

    font-size: 13px;
    line-height: 1.5;
}


.gm-profile-delete-confirm input {
    flex: 0 0 17px;

    width: 17px;
    height: 17px;

    margin: 2px 0 0;

    accent-color: #a84343;
}


.gm-profile-delete-btn {
    min-height: 42px;

    padding: 9px 19px;

    border: 1px solid rgba(168,67,67,.28);
    border-radius: 8px;

    background: transparent;
    color: #983c3c;

    font-family: inherit;
    font-size: 13px;
    font-weight: 700;

    cursor: pointer;
}


.gm-profile-delete-btn:hover {
    background: #983c3c;
    color: #fff;
}


@media (max-width:640px) {

    .gm-profile-actions--secondary {
        align-items: flex-start;
    }

}



/* =========================================================
   GM LOGGED IN FORUM NAV 20260829
========================================================= */

/*
 * Een ingelogde gebruiker hoeft op het forum niet meer
 * Inloggen / Registreren te zien.
 */
body.logged-in.page-id-253 .gm-forum-local-nav {
    display: none !important;
}


/*
 * Mijn account in hoofdmenu dezelfde stijl als menu.
 */
.gm-header .gm-menu-account > a {
    color: #0b2348 !important;
    font-weight: 700 !important;
}


/* subtiel goud accent bij hover */
.gm-header .gm-menu-account > a:hover {
    color: #d88900 !important;
}


/* mobiel */
@media (max-width:991px) {

    .gm-header .gm-menu-account {
        width: 100%;
    }

}



/* =========================================================
   GM FORUM IETS DICHTER BIJ LOGO 20260829
========================================================= */

@media (min-width: 992px) {

    body.page-id-253 .gm-default-page {
        padding-top: 145px !important;
    }

}



/* =========================================================
   GM BBPRESS SINGLE FORUM + TOPIC 20260829
========================================================= */


/* Alleen echte bbPress forum/topic pagina's */
body.single-forum #bbpress-forums,
body.single-topic #bbpress-forums {
    color: #0b2348;
    font-family: var(--sans);
}


/* Breadcrumb */
body.single-forum .bbp-breadcrumb,
body.single-topic .bbp-breadcrumb {
    margin: 0 0 24px !important;
    color: #68758a;
    font-size: 14px;
}

body.single-forum .bbp-breadcrumb a,
body.single-topic .bbp-breadcrumb a {
    color: #0b2348;
    text-decoration: none;
}

body.single-forum .bbp-breadcrumb a:hover,
body.single-topic .bbp-breadcrumb a:hover {
    color: #d88900;
}


/* =========================================================
   MELDINGEN
========================================================= */

body.single-forum #bbpress-forums div.bbp-template-notice,
body.single-topic #bbpress-forums div.bbp-template-notice {
    margin: 18px 0 !important;
    padding: 13px 16px !important;

    border: 1px solid rgba(11,35,72,.10) !important;
    border-radius: 12px !important;

    background: #fff !important;
    color: #536176 !important;

    box-shadow: 0 5px 20px rgba(11,35,72,.04);
}

body.single-forum #bbpress-forums div.bbp-template-notice.info,
body.single-topic #bbpress-forums div.bbp-template-notice.info {
    border-left: 3px solid #d88900 !important;
}


/* =========================================================
   TOPICLIJST
========================================================= */

body.single-forum #bbpress-forums ul.bbp-topics {
    overflow: hidden;

    margin: 24px 0 34px !important;
    padding: 0 !important;

    border: 1px solid rgba(11,35,72,.09) !important;
    border-radius: 20px !important;

    background: #fff !important;
}


body.single-forum #bbpress-forums li.bbp-header {
    padding: 17px 24px !important;

    border: 0 !important;
    background: #0b2348 !important;

    color: #fff !important;
}


body.single-forum #bbpress-forums li.bbp-body ul.topic {
    padding: 22px 24px !important;

    border-top: 1px solid rgba(11,35,72,.08) !important;
    background: #fff !important;
}


body.single-forum #bbpress-forums li.bbp-body ul.topic:hover {
    background: #fffaf4 !important;
}


body.single-forum #bbpress-forums .bbp-topic-title a {
    color: #0b2348 !important;

    font-family: var(--serif);
    font-size: 18px;
    font-weight: 700;

    text-decoration: none !important;
}


body.single-forum #bbpress-forums .bbp-topic-title a:hover {
    color: #d88900 !important;
}


/* =========================================================
   TOPIC / REPLIES
========================================================= */

body.single-topic #bbpress-forums .bbp-replies {
    overflow: hidden;

    margin: 25px 0 35px !important;

    border: 1px solid rgba(11,35,72,.09) !important;
    border-radius: 20px !important;

    background: #fff !important;
}


body.single-topic #bbpress-forums li.bbp-header {
    padding: 16px 22px !important;

    border: 0 !important;
    background: #0b2348 !important;

    color: #fff !important;
}


body.single-topic #bbpress-forums div.reply,
body.single-topic #bbpress-forums div.topic {
    background: #fff !important;
}


body.single-topic #bbpress-forums .bbp-reply-content,
body.single-topic #bbpress-forums .bbp-topic-content {
    color: #243852 !important;

    font-size: 16px;
    line-height: 1.7;
}


/* =========================================================
   NIEUW TOPIC / REACTIE FORMULIER
========================================================= */

body.single-forum #new-post,
body.single-topic #new-post {
    margin-top: 30px !important;
}


body.single-forum #new-post fieldset.bbp-form,
body.single-topic #new-post fieldset.bbp-form {
    margin: 0 !important;
    padding: 30px !important;

    border: 1px solid rgba(11,35,72,.09) !important;
    border-radius: 20px !important;

    background: #fff !important;

    box-shadow: 0 10px 35px rgba(11,35,72,.05);
}


body.single-forum #new-post fieldset.bbp-form legend,
body.single-topic #new-post fieldset.bbp-form legend {
    padding: 0 8px !important;

    color: #0b2348 !important;

    font-family: var(--serif);
    font-size: 21px;
    font-weight: 700;
}


/* Labels */
body.single-forum #new-post label,
body.single-topic #new-post label {
    display: block;

    margin: 0 0 8px !important;

    color: #0b2348 !important;

    font-weight: 700;
}


/* Titel + selects */
body.single-forum #new-post input[type="text"],
body.single-forum #new-post select,
body.single-topic #new-post input[type="text"],
body.single-topic #new-post select {
    box-sizing: border-box;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 46px;

    padding: 10px 13px !important;

    border: 1px solid #d8dde5 !important;
    border-radius: 10px !important;

    background: #fff !important;
    color: #0b2348 !important;

    font: inherit !important;

    outline: none !important;
}


body.single-forum #new-post input[type="text"]:focus,
body.single-forum #new-post select:focus,
body.single-topic #new-post input[type="text"]:focus,
body.single-topic #new-post select:focus {
    border-color: #d88900 !important;

    box-shadow: 0 0 0 3px rgba(216,137,0,.10) !important;
}


/* Editor */
body.single-forum #new-post .wp-editor-container,
body.single-topic #new-post .wp-editor-container {
    overflow: hidden;

    border: 1px solid #d8dde5 !important;
    border-radius: 12px !important;

    background: #fff !important;
}


body.single-forum #new-post textarea,
body.single-topic #new-post textarea {
    min-height: 180px !important;

    padding: 14px !important;

    border: 0 !important;

    color: #0b2348 !important;

    font: inherit !important;
    line-height: 1.6 !important;
}


/* Toolbar */
body.single-forum #new-post .quicktags-toolbar,
body.single-topic #new-post .quicktags-toolbar {
    padding: 8px 10px !important;

    border-bottom: 1px solid #e6e9ee !important;

    background: #fffaf4 !important;
}


body.single-forum #new-post .quicktags-toolbar input,
body.single-topic #new-post .quicktags-toolbar input {
    border: 0 !important;
    background: transparent !important;

    color: #0b2348 !important;

    font-weight: 600 !important;
}


/* Submit */
body.single-forum #new-post button[type="submit"],
body.single-forum #new-post input[type="submit"],
body.single-topic #new-post button[type="submit"],
body.single-topic #new-post input[type="submit"] {
    min-height: 44px;

    padding: 11px 24px !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: #df8700 !important;
    color: #fff !important;

    font-weight: 700 !important;

    cursor: pointer;
}


body.single-forum #new-post button[type="submit"]:hover,
body.single-forum #new-post input[type="submit"]:hover,
body.single-topic #new-post button[type="submit"]:hover,
body.single-topic #new-post input[type="submit"]:hover {
    background: #c97800 !important;
}


/* =========================================================
   MOBIEL
========================================================= */

@media (max-width:640px) {

    body.single-forum #new-post fieldset.bbp-form,
    body.single-topic #new-post fieldset.bbp-form {
        padding: 20px !important;
        border-radius: 16px !important;
    }

    body.single-forum #bbpress-forums li.bbp-header,
    body.single-forum #bbpress-forums li.bbp-body ul.topic {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

}



/* =========================================================
   GM SINGLE FORUM OPSCHONEN 20260829
========================================================= */

body.single-forum #bbpress-forums {
    margin-top: 6px !important;
}


/* Breadcrumb rustiger */
body.single-forum .bbp-breadcrumb {
    margin: 0 0 20px !important;
    font-size: 14px !important;
    color: #718096 !important;
}


/* Subscribe subtiel */
body.single-forum .bbp-subscription,
body.single-forum .bbp-forum-subscription {
    font-size: 13px !important;
}

body.single-forum .bbp-subscription a,
body.single-forum .bbp-forum-subscription a {
    color: #0b2348 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}


/* Technische infomelding boven topiclijst weg */
body.single-forum #bbpress-forums .bbp-template-notice.info {
    display: none !important;
}


/* Viewing ... regels weg */
body.single-forum #bbpress-forums .bbp-pagination-count {
    display: none !important;
}


/* Topiclijst compacter */
body.single-forum #bbpress-forums ul.bbp-topics {
    margin: 18px 0 38px !important;
}


body.single-forum #bbpress-forums li.bbp-header {
    min-height: 52px !important;
    padding: 0 24px !important;
}


body.single-forum #bbpress-forums li.bbp-body ul.topic {
    min-height: 100px !important;

    padding-top: 22px !important;
    padding-bottom: 22px !important;
}


body.single-forum #bbpress-forums .bbp-topic-title {
    padding-right: 24px !important;
}


body.single-forum #bbpress-forums .bbp-topic-title a {
    font-size: 18px !important;
    line-height: 1.35 !important;
}


/* Kleine metadata onder titel */
body.single-forum #bbpress-forums .bbp-topic-started-by {
    display: block !important;

    margin-top: 8px !important;

    color: #718096 !important;
    font-size: 12px !important;
}


/* Formulier verder los van topiclijst */
body.single-forum #new-post {
    margin-top: 48px !important;
}


/* Formulier rustiger */
body.single-forum #new-post fieldset.bbp-form {
    padding: 28px 32px 32px !important;

    border-radius: 18px !important;

    box-shadow: none !important;
}


/* Titel formulier */
body.single-forum #new-post fieldset.bbp-form legend {
    font-size: 20px !important;
    line-height: 1.3 !important;
}


/* Technische HTML melding in formulier weg */
body.single-forum #new-post .bbp-template-notice {
    display: none !important;
}


/* Minder verticale rommel tussen velden */
body.single-forum #new-post p {
    margin: 0 0 20px !important;
}


/* Editor iets lager */
body.single-forum #new-post .wp-editor-container,
body.single-forum #new-post textarea {
    min-height: 150px !important;
}


/* Mobiel */
@media (max-width:640px) {

    body.single-forum #bbpress-forums li.bbp-body ul.topic {
        min-height: auto !important;
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }

    body.single-forum #new-post {
        margin-top: 32px !important;
    }

    body.single-forum #new-post fieldset.bbp-form {
        padding: 20px !important;
    }

}



/* =========================================================
   GM BBPRESS TITELS KLEINER + PAGINATITEL VERBERGEN
   20260829
========================================================= */


/*
 * Titelblok direct onder logo onzichtbaar,
 * maar ruimte blijft volledig bestaan.
 */
body.single-forum .gm-default-page__header,
body.single-topic .gm-default-page__header {
    visibility: hidden !important;
}


/*
 * Forum/topic inhoud kleiner en rustiger.
 */
body.single-forum #bbpress-forums,
body.single-topic #bbpress-forums {
    font-size: 14px !important;
}


/* Topictitels in forumlijst */
body.single-forum #bbpress-forums .bbp-topic-title a {
    font-size: 16px !important;
    line-height: 1.35 !important;
}


/* Metadata */
body.single-forum #bbpress-forums .bbp-topic-started-by,
body.single-forum #bbpress-forums .bbp-topic-freshness,
body.single-forum #bbpress-forums .bbp-topic-voice-count,
body.single-forum #bbpress-forums .bbp-topic-reply-count {
    font-size: 12px !important;
}


/* Breadcrumb */
body.single-forum .bbp-breadcrumb,
body.single-topic .bbp-breadcrumb {
    font-size: 13px !important;
}


/* Formuliertitel */
body.single-forum #new-post fieldset.bbp-form legend,
body.single-topic #new-post fieldset.bbp-form legend {
    font-size: 18px !important;
}


/* Labels formulier */
body.single-forum #new-post label,
body.single-topic #new-post label {
    font-size: 14px !important;
}


/* Formulier tekst/inputs */
body.single-forum #new-post input,
body.single-forum #new-post textarea,
body.single-forum #new-post select,
body.single-topic #new-post input,
body.single-topic #new-post textarea,
body.single-topic #new-post select {
    font-size: 14px !important;
}


/* Reactie-/topictekst */
body.single-topic #bbpress-forums .bbp-reply-content,
body.single-topic #bbpress-forums .bbp-topic-content {
    font-size: 14px !important;
    line-height: 1.65 !important;
}


/* Auteurs/meta */
body.single-topic #bbpress-forums .bbp-reply-author,
body.single-topic #bbpress-forums .bbp-topic-author,
body.single-topic #bbpress-forums .bbp-reply-post-date,
body.single-topic #bbpress-forums .bbp-topic-post-date {
    font-size: 12px !important;
}


/* Mobiel nog iets compacter */
@media (max-width:640px) {

    body.single-forum #bbpress-forums .bbp-topic-title a {
        font-size: 15px !important;
    }

    body.single-forum #new-post fieldset.bbp-form legend,
    body.single-topic #new-post fieldset.bbp-form legend {
        font-size: 17px !important;
    }

}



/* =========================================================
   GM TOPIC FORM TITEL NETJES IN KAART 20260829
========================================================= */

body.single-forum #new-post fieldset.bbp-form,
body.single-topic #new-post fieldset.bbp-form {
    position: relative !important;
    padding-top: 38px !important;
}


/*
 * Legend niet meer op de rand laten hangen.
 * Titel wordt normaal blok binnen de kaart.
 */
body.single-forum #new-post fieldset.bbp-form legend,
body.single-topic #new-post fieldset.bbp-form legend {
    position: static !important;

    display: block !important;

    width: auto !important;

    margin: 0 0 24px !important;
    padding: 0 !important;

    background: transparent !important;

    color: #0b2348 !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}


/* eerste veld daarna netjes laten aansluiten */
body.single-forum #new-post fieldset.bbp-form > div:first-of-type,
body.single-topic #new-post fieldset.bbp-form > div:first-of-type {
    margin-top: 0 !important;
}


@media (max-width:640px) {

    body.single-forum #new-post fieldset.bbp-form,
    body.single-topic #new-post fieldset.bbp-form {
        padding-top: 26px !important;
    }

    body.single-forum #new-post fieldset.bbp-form legend,
    body.single-topic #new-post fieldset.bbp-form legend {
        margin-bottom: 18px !important;
        font-size: 17px !important;
    }

}



/* =========================================================
   GM BBPRESS FORM TITEL SPACING + RESPONSIVE 20260829
========================================================= */

body.single-forum #new-post fieldset.bbp-form,
body.single-topic #new-post fieldset.bbp-form {
    padding-top: 54px !important;
}


/*
 * Titel echt binnen het vlak en iets lager.
 */
body.single-forum #new-post fieldset.bbp-form legend,
body.single-topic #new-post fieldset.bbp-form legend {
    position: absolute !important;

    top: 24px !important;
    left: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    width: calc(100% - 64px) !important;

    font-size: 17px !important;
    line-height: 1.35 !important;

    background: transparent !important;
}


/*
 * Eerste veld voldoende afstand van titel.
 */
body.single-forum #new-post fieldset.bbp-form > div,
body.single-topic #new-post fieldset.bbp-form > div {
    margin-top: 12px;
}


/* Inputs netjes responsive */
body.single-forum #new-post input[type="text"],
body.single-forum #new-post textarea,
body.single-forum #new-post select,
body.single-topic #new-post input[type="text"],
body.single-topic #new-post textarea,
body.single-topic #new-post select {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}


/* Tablet */
@media (max-width:991px) {

    body.single-forum #new-post fieldset.bbp-form,
    body.single-topic #new-post fieldset.bbp-form {
        padding: 50px 24px 26px !important;
    }

    body.single-forum #new-post fieldset.bbp-form legend,
    body.single-topic #new-post fieldset.bbp-form legend {
        top: 20px !important;
        left: 24px !important;

        width: calc(100% - 48px) !important;

        font-size: 16px !important;
    }

}


/* Mobiel */
@media (max-width:640px) {

    body.single-forum #new-post fieldset.bbp-form,
    body.single-topic #new-post fieldset.bbp-form {
        padding: 48px 18px 22px !important;
    }

    body.single-forum #new-post fieldset.bbp-form legend,
    body.single-topic #new-post fieldset.bbp-form legend {
        top: 18px !important;
        left: 18px !important;

        width: calc(100% - 36px) !important;

        font-size: 15px !important;
    }

    body.single-forum #new-post textarea,
    body.single-topic #new-post textarea {
        min-height: 140px !important;
    }

}



/* =========================================================
   GM BBPRESS LEGE FOOTERBALK WEG 20260829
========================================================= */

/*
 * Dit is de grijze lege balk onder de topics.
 */
body.single-forum #bbpress-forums ul.bbp-topics > li.bbp-footer {
    display: none !important;
}


/*
 * Onderkant van de laatste topicregel netjes afronden
 * nu de bbPress-footer verdwenen is.
 */
body.single-forum #bbpress-forums ul.bbp-topics {
    padding-bottom: 0 !important;
}

body.single-forum #bbpress-forums li.bbp-body ul.topic:last-child {
    border-radius: 0 0 18px 18px !important;
}



/* =========================================================
   GM FORUM ZOEKVELD + KNOP GEEN PILL MEER
========================================================= */

body.page-id-253 #bbpress-forums #bbp_search,
body.page-id-253 .gm-default-page #bbpress-forums #bbp_search {
    border-radius: 8px !important;
}

body.page-id-253 #bbpress-forums #bbp_search_submit,
body.page-id-253 .gm-default-page #bbpress-forums #bbp_search_submit {
    border-radius: 8px !important;
}


/* Ook eventuele generieke bbPress zoekvelden */
#bbpress-forums #bbp_search {
    border-radius: 8px !important;
}

#bbpress-forums #bbp_search_submit {
    border-radius: 8px !important;
}



/* =========================================================
   GM FORUM MOBIEL HOGER + COMPACTERE TOOLBAR
========================================================= */

@media (max-width: 640px) {

    /* Forum dichter richting logo */
    body.page-id-253 .gm-default-page {
        padding-top: 92px !important;
    }

    /* Lokale forumknoppen compacter */
    body.page-id-253 .gm-forum-local-nav {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }

    body.page-id-253 .gm-forum-local-nav__list {
        gap: 6px !important;
    }

    body.page-id-253 .gm-forum-local-nav a {
        min-height: 34px !important;
        padding: 6px 10px !important;
        border-radius: 8px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
    }

    /* Zoekgedeelte minder hoog */
    body.page-id-253 #bbpress-forums .bbp-search-form {
        margin-top: 8px !important;
        margin-bottom: 12px !important;
    }

    body.page-id-253 #bbpress-forums #bbp_search {
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 10px !important;
        border-radius: 8px !important;
    }

    body.page-id-253 #bbpress-forums #bbp_search_submit {
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 12px !important;
        border-radius: 8px !important;
    }

}



/* =========================================================
   GM FORUM MOBIEL - TOOLBAR OP 1 REGEL
========================================================= */

@media (max-width: 640px) {

    body.page-id-253 .gm-default-page {
        padding-top: 88px !important;
    }

    /* bbPress bovenkant als compacte horizontale toolbar */
    body.page-id-253 #bbpress-forums {
        position: relative;
    }

    body.page-id-253 .gm-forum-local-nav,
    body.page-id-253 #bbpress-forums .bbp-search-form {
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-253 .gm-forum-local-nav {
        float: left !important;
        width: auto !important;
        display: block !important;
    }

    body.page-id-253 .gm-forum-local-nav__list {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-253 .gm-forum-local-nav li {
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-253 .gm-forum-local-nav a {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 30px !important;
        padding: 4px 8px !important;
        border-radius: 6px !important;
        font-size: 11px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    /* zoeken rechts op dezelfde regel */
    body.page-id-253 #bbpress-forums .bbp-search-form {
        float: right !important;
        width: auto !important;
        display: block !important;
    }

    body.page-id-253 #bbpress-forums .bbp-search-form > div {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-253 #bbpress-forums #bbp_search {
        width: 105px !important;
        height: 30px !important;
        min-height: 30px !important;
        margin: 0 !important;
        padding: 0 8px !important;
        border-radius: 6px !important;
        font-size: 11px !important;
    }

    body.page-id-253 #bbpress-forums #bbp_search_submit {
        width: auto !important;
        height: 30px !important;
        min-height: 30px !important;
        margin: 0 !important;
        padding: 0 8px !important;
        border-radius: 6px !important;
        font-size: 11px !important;
        line-height: 1 !important;
    }

    /* toolbar clearfix, daarna direct forumlijst */
    body.page-id-253 #bbpress-forums::after {
        content: "";
        display: table;
        clear: both;
    }

    body.page-id-253 #bbpress-forums ul.bbp-forums {
        clear: both !important;
        margin-top: 8px !important;
    }

}



/* =========================================================
   GM FORUM MOBIEL - TOOLBAR UIT DOCUMENT FLOW 20260829
   Inloggen/registreren + zoeken nemen geen extra hoogte in
========================================================= */

@media (max-width:640px) {

    /* Hele forumpagina dichter onder mobiele header */
    body.page-id-253 .gm-default-page {
        padding-top: 78px !important;
    }

    /* Geen extra bbPress ruimte meer */
    body.page-id-253 .gm-default-page #bbpress-forums {
        position: relative !important;
        padding-top: 0 !important;
    }

    /* Paginatitel compacter */
    body.page-id-253 .gm-default-page__header {
        margin-bottom: 10px !important;
    }

    body.page-id-253 .gm-default-page__header h1 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /*
     * Toolbar uit normale flow.
     * Hierdoor drukt hij de forumkaart NIET meer naar beneden.
     */
    body.page-id-253 .gm-forum-local-nav {
        position: absolute !important;
        z-index: 5 !important;
        top: 0 !important;
        left: 0 !important;

        float: none !important;
        width: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-253 #bbpress-forums .bbp-search-form {
        position: absolute !important;
        z-index: 5 !important;
        top: 0 !important;
        right: 0 !important;

        float: none !important;
        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Accountlinks zeer compact */
    body.page-id-253 .gm-forum-local-nav__list {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;

        width: auto !important;
        height: 30px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-253 .gm-forum-local-nav__list a {
        height: 30px !important;
        min-height: 0 !important;

        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;
        box-shadow: none !important;

        font-size: 11px !important;
        line-height: 30px !important;
        white-space: nowrap !important;
    }

    /* Zoekblok compact */
    body.page-id-253 #bbpress-forums #bbp-search-form,
    body.page-id-253 #bbpress-forums #bbp-search-form > div {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;

        width: auto !important;
        height: 30px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-253 #bbpress-forums #bbp_search {
        flex: none !important;

        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;

        height: 30px !important;
        min-height: 30px !important;

        margin: 0 !important;
        padding: 0 7px !important;

        border-radius: 8px !important;

        font-size: 11px !important;
    }

    body.page-id-253 #bbpress-forums #bbp_search_submit {
        height: 30px !important;
        min-height: 30px !important;

        margin: 0 !important;
        padding: 0 7px !important;

        border-radius: 8px !important;

        font-size: 10px !important;
        line-height: 30px !important;
    }

    /*
     * Alleen 36px ruimte reserveren binnen bbPress.
     * Geen aparte login/search rijen meer.
     */
    body.page-id-253 #bbpress-forums ul.bbp-forums {
        clear: none !important;
        margin-top: 36px !important;
    }

}



/* =========================================================
   GM FORUM MOBIEL - LEGE RUIMTE ONDER LOGO WEG 20260829
========================================================= */

@media (max-width:640px) {

    /*
     * De lege titel/header-reservering volledig verwijderen.
     */
    body.page-id-253 .gm-default-page__header {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /*
     * Pagina begint vrijwel direct onder de mobiele header.
     * Alleen ruimte voor de compacte toolbar.
     */
    body.page-id-253 .gm-default-page {
        position: relative !important;
        padding-top: 54px !important;
    }

    /*
     * bbPress zelf mag geen extra bovenruimte reserveren.
     * position static zorgt dat toolbar t.o.v. gm-default-page staat.
     */
    body.page-id-253 .gm-default-page #bbpress-forums {
        position: static !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /*
     * Inloggen / Registreren in de vrije ruimte direct boven forum.
     */
    body.page-id-253 .gm-forum-local-nav {
        position: absolute !important;
        z-index: 10 !important;

        top: 12px !important;
        left: 30px !important;

        float: none !important;
        width: auto !important;
        height: 30px !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-253 .gm-forum-local-nav__list {
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 10px !important;
    }

    body.page-id-253 .gm-forum-local-nav__list a {
        height: 30px !important;
        min-height: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;
        box-shadow: none !important;

        font-size: 11px !important;
        line-height: 30px !important;
    }

    /*
     * Search rechts op exact dezelfde hoogte.
     */
    body.page-id-253 #bbpress-forums .bbp-search-form {
        position: absolute !important;
        z-index: 10 !important;

        top: 12px !important;
        right: 30px !important;

        float: none !important;
        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-253 #bbpress-forums #bbp-search-form,
    body.page-id-253 #bbpress-forums #bbp-search-form > div {
        width: auto !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
    }

    body.page-id-253 #bbpress-forums #bbp_search {
        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;

        height: 30px !important;
        min-height: 30px !important;

        margin: 0 !important;
        padding: 0 7px !important;

        border-radius: 8px !important;
        font-size: 11px !important;
    }

    body.page-id-253 #bbpress-forums #bbp_search_submit {
        height: 30px !important;
        min-height: 30px !important;

        margin: 0 !important;
        padding: 0 7px !important;

        border-radius: 8px !important;
        font-size: 10px !important;
        line-height: 30px !important;
    }

    /*
     * Forumkaart direct daarna.
     */
    body.page-id-253 #bbpress-forums ul.bbp-forums {
        clear: none !important;
        margin-top: 0 !important;
    }

}



/* =========================================================
   GM FORUM MOBIEL - NETTE ACCOUNT + SEARCH REGEL 20260829
========================================================= */

@media (max-width:640px) {

    /* Crème achtergrond op forum mobiel gewoon wit */
    body.page-id-253 .gm-default-page {
        background: #ffffff !important;
        padding-top: 58px !important;
    }

    /* account links links */
    body.page-id-253 .gm-forum-local-nav {
        position: absolute !important;
        top: 14px !important;
        left: 22px !important;
        right: auto !important;

        width: auto !important;
        height: 30px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.page-id-253 .gm-forum-local-nav__list {
        display: flex !important;
        align-items: center !important;

        width: auto !important;
        height: 30px !important;
        gap: 12px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-253 .gm-forum-local-nav__list li {
        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-253 .gm-forum-local-nav__list a {
        display: inline !important;

        width: auto !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        color: #0b2348 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 30px !important;
        white-space: nowrap !important;
    }

    /* zoekblok rechts */
    body.page-id-253 #bbpress-forums .bbp-search-form {
        position: absolute !important;
        top: 14px !important;
        right: 22px !important;
        left: auto !important;

        width: auto !important;
        height: 30px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-253 #bbpress-forums #bbp-search-form,
    body.page-id-253 #bbpress-forums #bbp-search-form > div {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 4px !important;

        width: auto !important;
        height: 30px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* compact zoekveld */
    body.page-id-253 #bbpress-forums #bbp_search {
        flex: none !important;

        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;

        height: 30px !important;
        min-height: 30px !important;

        margin: 0 !important;
        padding: 0 7px !important;

        background: #ffffff !important;
        border: 1px solid rgba(11,35,72,.18) !important;
        border-radius: 8px !important;
        box-shadow: none !important;

        color: #0b2348 !important;
        font-size: 11px !important;
    }

    /* nette kleine searchknop */
    body.page-id-253 #bbpress-forums #bbp_search_submit {
        width: 58px !important;
        height: 30px !important;
        min-height: 30px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 8px !important;

        background: #0b2348 !important;
        box-shadow: none !important;

        color: #ffffff !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 30px !important;
    }

    /* Forumkaart netjes onder toolbar */
    body.page-id-253 #bbpress-forums ul.bbp-forums {
        margin-top: 0 !important;
    }

}



/* =========================================================
   GM MOBIEL FORUM TOOLBAR DEFINITIEF 20260829
========================================================= */

@media (max-width:640px) {

    /* Logo iets verder naar rechts */
    .gm-header .gm-logo {
        transform: translateX(10px) !important;
    }


    /* Forum achtergrond wit */
    body.page-id-253 .gm-default-page {
        background:#fff !important;
        padding-top:54px !important;
    }


    /* Geen verborgen paginatitel-ruimte */
    body.page-id-253 .gm-default-page__header {
        display:none !important;
        height:0 !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
    }


    /* bbPress normale flow herstellen */
    body.page-id-253 .gm-default-page #bbpress-forums {
        position:relative !important;
        padding-top:0 !important;
        margin-top:0 !important;
    }


    /* LOGIN + REGISTREREN */
    body.page-id-253 .gm-forum-local-nav {
        position:static !important;
        float:left !important;

        display:block !important;
        width:auto !important;
        height:32px !important;
        min-height:32px !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
    }

    body.page-id-253 .gm-forum-local-nav__list {
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:center !important;

        width:auto !important;
        height:32px !important;

        gap:12px !important;

        margin:0 !important;
        padding:0 !important;
    }

    body.page-id-253 .gm-forum-local-nav__list li {
        width:auto !important;
        margin:0 !important;
        padding:0 !important;
    }

    body.page-id-253 .gm-forum-local-nav__list a {
        display:inline-flex !important;
        align-items:center !important;

        width:auto !important;
        height:32px !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;
        border-radius:0 !important;

        background:transparent !important;
        box-shadow:none !important;

        color:#0b2348 !important;
        font-size:11px !important;
        font-weight:700 !important;
        line-height:1 !important;
        white-space:nowrap !important;
    }


    /* SEARCH RECHTS OP DEZELFDE REGEL */
    body.page-id-253 #bbpress-forums .bbp-search-form {
        position:static !important;
        float:right !important;

        display:block !important;
        width:auto !important;
        height:32px !important;

        margin:0 !important;
        padding:0 !important;
    }

    body.page-id-253 #bbpress-forums #bbp-search-form,
    body.page-id-253 #bbpress-forums #bbp-search-form > div {
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        justify-content:flex-end !important;

        width:auto !important;
        height:32px !important;

        gap:4px !important;

        margin:0 !important;
        padding:0 !important;
    }


    /* Zoekveld */
    body.page-id-253 #bbpress-forums #bbp_search {
        flex:none !important;

        width:68px !important;
        min-width:68px !important;
        max-width:68px !important;

        height:32px !important;
        min-height:32px !important;

        margin:0 !important;
        padding:0 7px !important;

        border:1px solid rgba(11,35,72,.18) !important;
        border-radius:8px !important;

        background:#fff !important;
        box-shadow:none !important;

        font-size:11px !important;
    }


    /* Zoekknop */
    body.page-id-253 #bbpress-forums #bbp_search_submit {
        flex:none !important;

        width:52px !important;
        height:32px !important;
        min-height:32px !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;
        border-radius:8px !important;

        background:#0b2348 !important;
        box-shadow:none !important;

        color:#fff !important;
        font-size:10px !important;
        font-weight:700 !important;
        line-height:32px !important;
    }


    /* Forumkaart onder de ene toolbarregel */
    body.page-id-253 #bbpress-forums ul.bbp-forums {
        clear:both !important;
        margin-top:42px !important;
    }

}



/* =========================================================
   GM HOME - LICHTE STREEP BOVEN HERO WEG 20260829
========================================================= */

/*
 * De extra ruimte mag niet als losse witte strook vóór
 * de homepage-hero verschijnen.
 */
body.home .kavion-main-content,
body.front-page .kavion-main-content {
    padding-top: 0 !important;
}

/*
 * Behoud ongeveer dezelfde visuele verticale ruimte,
 * maar nu BINNEN de hero zodat de achtergrond doorloopt.
 */
body.home .gm-hero,
body.front-page .gm-hero {
    padding-top: 24px;
}


/* Mobiel idem */
@media (max-width:640px) {

    body.home .kavion-main-content,
    body.front-page .kavion-main-content {
        padding-top: 0 !important;
    }

}



/* =========================================================
   GM HOME MOBIEL - MINDER RUIMTE ONDER LOGO 20260829
========================================================= */

@media (max-width:640px) {

    body.home .gm-hero,
    body.front-page .gm-hero {
        padding-top: 6px !important;
    }

}



/* =========================================================
   GM LOGIN + REGISTREREN MOBIEL STABIEL 20260829
========================================================= */

@media (max-width:640px) {

    /* Geen horizontaal schuiven */
    body.page-id-292,
    body.page-id-292 html,
    body.page-id-292 .kavion-main-content,
    body.page-id-292 .gm-default-page,
    body.page-id-292 .gm-shell,

    body.page-id-291,
    body.page-id-291 html,
    body.page-id-291 .kavion-main-content,
    body.page-id-291 .gm-default-page,
    body.page-id-291 .gm-shell {
        max-width:100% !important;
        overflow-x:hidden !important;
    }

    /* Pagina iets hoger laten beginnen */
    body.page-id-291 .gm-default-page,
    body.page-id-292 .gm-default-page {
        padding-top:76px !important;
    }

    /* Titelblok compacter */
    body.page-id-291 .gm-default-page__header,
    body.page-id-292 .gm-default-page__header {
        margin-bottom:14px !important;
    }

    /* Formuliercontainer altijd binnen scherm */
    body.page-id-291 .bbp-login-form,
    body.page-id-292 .bbp-register-form,
    body.page-id-291 #bbpress-forums,
    body.page-id-292 #bbpress-forums {
        box-sizing:border-box !important;
        width:100% !important;
        max-width:100% !important;

        margin-left:0 !important;
        margin-right:0 !important;

        transform:none !important;
        left:auto !important;
        right:auto !important;
    }

    /* Formulierkaart netjes gecentreerd */
    body.page-id-291 fieldset.bbp-form,
    body.page-id-292 fieldset.bbp-form {
        box-sizing:border-box !important;

        width:100% !important;
        max-width:100% !important;

        margin:0 auto !important;
        padding:18px !important;

        transform:none !important;
    }

    /* Inputs mogen nooit scherm breder maken */
    body.page-id-291 input,
    body.page-id-292 input,
    body.page-id-291 textarea,
    body.page-id-292 textarea,
    body.page-id-291 select,
    body.page-id-292 select {
        box-sizing:border-box !important;
        max-width:100% !important;
    }

}



/* =========================================================
   GM INLOGGEN MOBIEL - GEEN HORIZONTAAL SCHUIVEN 20260829
========================================================= */

@media (max-width:640px) {

    html,
    body {
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden !important;
    }

    body.page-template-default .kavion-main-content,
    body.page-template-default .gm-default-page,
    body.page-template-default .gm-default-page > .gm-shell,
    body.page-template-default .gm-default-page__content,
    body.page-template-default #bbpress-forums,
    body.page-template-default .bbp-login-form,
    body.page-template-default fieldset.bbp-form {
        box-sizing:border-box !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        left:auto !important;
        right:auto !important;

        margin-left:0 !important;
        margin-right:0 !important;

        transform:none !important;
    }

    body.page-template-default .gm-shell {
        width:100% !important;
        max-width:100% !important;
        padding-left:20px !important;
        padding-right:20px !important;
    }

    body.page-template-default .bbp-login-form input[type="text"],
    body.page-template-default .bbp-login-form input[type="password"],
    body.page-template-default .bbp-login-form input[type="email"] {
        box-sizing:border-box !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }

    body.page-template-default fieldset.bbp-form {
        padding:18px !important;
        overflow:hidden !important;
    }

}



/* =========================================================
   GM LOGIN PAGE 255 - MOBIEL DEFINITIEVE BREEDTE 20260829
========================================================= */

@media (max-width:640px) {

    /* Loginpagina zelf nooit breder dan scherm */
    body.page-id-255 {
        width:100% !important;
        max-width:100% !important;
        overflow-x:clip !important;
    }

    body.page-id-255 .kavion-main-content,
    body.page-id-255 .gm-default-page,
    body.page-id-255 .gm-default-page > .gm-shell,
    body.page-id-255 .gm-default-page__content {
        box-sizing:border-box !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    /* Normale mobiele zijmarge */
    body.page-id-255 .gm-default-page > .gm-shell {
        padding-left:14px !important;
        padding-right:14px !important;
    }

    /*
     * Verborgen titel mag mobiel geen grote lege hoogte
     * meer reserveren.
     */
    body.page-id-255 .gm-default-page__header {
        display:none !important;
        visibility:hidden !important;
        height:0 !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    /* Formulier hoger */
    body.page-id-255 .gm-default-page {
        padding-top:76px !important;
    }

    /* Buitenste bbPress wrapper */
    body.page-id-255 .bbp-login-form {
        box-sizing:border-box !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        transform:none !important;
    }

    /* De eigenlijke formulierkaart */
    body.page-id-255 .bbp-login-form fieldset {
        box-sizing:border-box !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:12px 0 24px !important;
        padding:22px 18px !important;

        transform:none !important;
    }

    /* Formulierrijen */
    body.page-id-255 .bbp-login-form .bbp-username,
    body.page-id-255 .bbp-login-form .bbp-password {
        box-sizing:border-box !important;
        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin-left:0 !important;
        margin-right:0 !important;
    }

    /* DIT overschrijft de oude max-width:none */
    body.page-id-255 .bbp-login-form input[type="text"],
    body.page-id-255 .bbp-login-form input[type="password"],
    body.page-id-255 .bbp-login-form input[type="email"] {
        box-sizing:border-box !important;

        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin-left:0 !important;
        margin-right:0 !important;
    }

    body.page-id-255 .bbp-login-form .bbp-remember-me,
    body.page-id-255 .bbp-login-form .bbp-submit-wrapper {
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
}



/* =========================================================
   GM LOGIN 255 - MOBIEL HORIZONTAAL VOLLEDIG LOCKEN
   20260829
========================================================= */

@media (max-width:640px) {

    body.page-id-255 {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        overflow-x: hidden !important;
        overscroll-behavior-x: none !important;

        /* Alleen verticaal vegen toestaan */
        touch-action: pan-y !important;
    }

    body.page-id-255 .kavion-main-content,
    body.page-id-255 .gm-default-page,
    body.page-id-255 .gm-default-page > .gm-shell,
    body.page-id-255 .gm-default-page__content,
    body.page-id-255 .bbp-login-form,
    body.page-id-255 .bbp-login-form fieldset {
        position: relative !important;

        box-sizing: border-box !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        left: 0 !important;
        right: auto !important;

        transform: none !important;

        overflow-x: hidden !important;
        touch-action: pan-y !important;
    }

    /*
     * Mobiele uitklapnavigatie mag buiten beeld bestaan,
     * maar mag de loginpagina niet breder maken.
     */
    body.page-id-255 .gm-header {
        max-width: 100vw !important;
        overflow-x: clip !important;
    }

    /*
     * Formulier zelf absoluut stabiel.
     */
    body.page-id-255 .bbp-login-form fieldset {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.page-id-255 .bbp-login-form input,
    body.page-id-255 .bbp-login-form label,
    body.page-id-255 .bbp-login-form p {
        box-sizing: border-box !important;
        max-width: 100% !important;
    }

}



/* =========================================================
   GM LOGIN 255 - MOBIEL SCHONE LAYOUT 20260829
========================================================= */

@media (max-width:640px) {

    body.page-id-255 .gm-default-page {
        padding-top:72px !important;
    }

    body.page-id-255 .gm-default-page__header {
        display:none !important;
        height:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    body.page-id-255 .gm-default-page__content {
        width:100% !important;
        max-width:100% !important;
    }

    /* Buitenste shortcode-wrapper doet niets */
    body.page-id-255 .bbp-login-form {
        box-sizing:border-box !important;

        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;
        background:transparent !important;
        box-shadow:none !important;
    }

    /* Eén vaste login-kaart */
    body.page-id-255 .bbp-login-form fieldset {
        box-sizing:border-box !important;

        display:block !important;

        width:calc(100% - 28px) !important;
        max-width:520px !important;
        min-width:0 !important;

        margin:12px auto 30px !important;
        padding:22px 20px !important;

        border:1px solid rgba(11,35,72,.08) !important;
        border-radius:18px !important;

        background:#fff !important;
        box-shadow:0 12px 36px rgba(11,35,72,.06) !important;
    }

    /* Geen desktop grid meer */
    body.page-id-255 .bbp-login-form .bbp-username,
    body.page-id-255 .bbp-login-form .bbp-password {
        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:0 0 18px !important;
        padding:0 !important;
    }

    body.page-id-255 .bbp-login-form label {
        display:block !important;
        width:auto !important;

        margin:0 0 7px !important;
        padding:0 !important;
    }

    /* Velden nooit breder dan de kaart */
    body.page-id-255 .bbp-login-form input[type="text"],
    body.page-id-255 .bbp-login-form input[type="password"],
    body.page-id-255 .bbp-login-form input[type="email"] {
        box-sizing:border-box !important;

        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:46px !important;

        margin:0 !important;
        padding:10px 12px !important;
    }

    /* Remember me terug binnen kaart */
    body.page-id-255 .bbp-login-form .bbp-remember-me {
        display:flex !important;
        align-items:center !important;
        gap:8px !important;

        width:100% !important;
        max-width:100% !important;

        margin:0 0 20px !important;
        padding:0 !important;
    }

    body.page-id-255 .bbp-login-form .bbp-remember-me label {
        display:inline !important;
        margin:0 !important;
    }

    body.page-id-255 .bbp-login-form input[type="checkbox"] {
        flex:0 0 17px !important;

        width:17px !important;
        min-width:17px !important;
        max-width:17px !important;
        height:17px !important;

        margin:0 !important;
    }

    /* Login-knop */
    body.page-id-255 .bbp-login-form .bbp-submit-wrapper {
        float:none !important;

        display:flex !important;
        justify-content:flex-start !important;

        width:100% !important;
        max-width:100% !important;

        margin:0 !important;
        padding:0 !important;
    }

}


/* GM VIDEO FACADE FINAL 20260829 */
.gm-video-facade{
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:16/9;
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:inherit;
    background:#0b2348;
    cursor:pointer;
}

.gm-video-facade img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.gm-video-facade__play{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:grid;
    place-items:center;
    width:62px;
    height:62px;
    border-radius:50%;
    background:rgba(11,35,72,.94);
    color:#fff;
    font-size:24px;
    line-height:1;
    box-shadow:0 8px 24px rgba(0,0,0,.20);
}

.gm-video-facade:focus-visible{
    outline:3px solid #c9a96b;
    outline-offset:4px;
}

.gm-video iframe{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    border:0;
}

/* =========================================================
   GM VIDEO FACADE VISUEEL DEFINITIEF 20260829
   Lokale lichte poster voor laden, video zelf ongewijzigd
========================================================= */

.gm-story .gm-video{
    position:relative !important;

    width:100% !important;
    height:auto !important;
    min-height:0 !important;

    aspect-ratio:16 / 9 !important;

    overflow:hidden !important;
    border-radius:24px !important;

    background:#f7efe6 !important;
}


/* Poster vult exact hetzelfde vlak als de uiteindelijke video */
.gm-story .gm-video .gm-video-facade{
    position:absolute !important;
    inset:0 !important;
    z-index:3 !important;

    display:block !important;

    width:100% !important;
    height:100% !important;
    min-height:0 !important;

    aspect-ratio:auto !important;

    padding:0 !important;
    margin:0 !important;

    overflow:hidden !important;
    border:0 !important;
    border-radius:inherit !important;

    background:#f7efe6 !important;
}


/* Oude regels mogen de poster niet meer verbergen */
.gm-story .gm-video .gm-video-facade img{
    display:block !important;

    width:100% !important;
    height:100% !important;
    min-height:0 !important;

    object-fit:cover !important;
    object-position:center !important;

    filter:
        brightness(1.10)
        saturate(.82)
        contrast(.94) !important;
}


/* Zachte lichte laag zodat de poster bij de GM-stijl past */
.gm-story .gm-video .gm-video-facade::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;

    pointer-events:none;

    background:
        linear-gradient(
            135deg,
            rgba(255,250,244,.18),
            rgba(248,236,223,.08)
        );
}


/* Oude donkere video-overlay niet over de poster leggen */
.gm-story .gm-video::after{
    z-index:1 !important;
    pointer-events:none !important;
}


/* Play-knop boven foto en lichte overlay */
.gm-story .gm-video .gm-video-facade__play{
    position:absolute !important;
    z-index:4 !important;

    top:50% !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;

    display:grid !important;
    place-items:center !important;

    width:64px !important;
    height:64px !important;

    border-radius:50% !important;

    background:rgba(11,35,72,.94) !important;
    color:#fff !important;

    box-shadow:
        0 10px 28px rgba(11,35,72,.22) !important;
}


/* Na klik neemt YouTube exact hetzelfde vlak over */
.gm-story .gm-video iframe{
    position:absolute !important;
    inset:0 !important;
    z-index:5 !important;

    display:block !important;

    width:100% !important;
    height:100% !important;

    aspect-ratio:auto !important;

    border:0 !important;
}



/* =========================================================
   GM FOOTER CONTRAST WCAG 20260829
   Alleen onderste footer-microcopy
========================================================= */

.gm-footer .gm-copy,
.gm-footer .gm-copy span,
.gm-footer .gm-copy a,
.gm-footer .gm-footer-credit,
.gm-footer .gm-footer-credit a,
.gm-footer .gm-footer-legal-links,
.gm-footer .gm-footer-legal-links a {
    color:#566273 !important;
}


/* Hover mag de bestaande goudkleur behouden */
.gm-footer .gm-footer-credit a:hover,
.gm-footer .gm-footer-legal-links a:hover {
    color:#9a5d00 !important;
}


/* =========================================================
   GM FORUM — VEILIGE HAVEN
   Alleen forum pagina 253
========================================================= */

body.page-id-253 .gm-forum-safehaven {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 24px;
    margin: 0 0 38px;
    padding: 28px 30px;
    border: 1px solid rgba(11, 35, 72, 0.14);
    border-radius: 24px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(230, 173, 114, 0.22),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            #fff7f3 0%,
            #fffaf7 55%,
            #fff6ea 100%
        );
    box-shadow:
        0 18px 50px rgba(37, 25, 67, 0.08);
}

body.page-id-253 .gm-forum-safehaven::after {
    content: "";
    position: absolute;
    right: -45px;
    top: -55px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: 1px solid rgba(230, 173, 114, 0.18);
    pointer-events: none;
}

body.page-id-253 .gm-forum-safehaven__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-top: 3px;
    border-radius: 18px;
    color: #0b2348;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(11, 35, 72, 0.12);
    box-shadow: 0 10px 28px rgba(69, 37, 93, 0.09);
    font-size: 28px;
    line-height: 1;
}

body.page-id-253 .gm-forum-safehaven__content {
    position: relative;
    z-index: 1;
    min-width: 0;
}

body.page-id-253 .gm-forum-safehaven__eyebrow {
    margin: 0 0 5px;
    color: #c97836 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.page-id-253 .gm-forum-safehaven__title {
    margin: 0 0 10px;
    color: #0b2348;
    font-size: clamp(24px, 2.3vw, 34px);
    line-height: 1.18;
}

body.page-id-253 .gm-forum-safehaven__intro p {
    max-width: 850px;
    margin: 0;
    color: #42516a;
}

body.page-id-253 .gm-forum-safehaven__points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 22px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.page-id-253 .gm-forum-safehaven__points li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 0;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(11, 35, 72, 0.07);
    color: #253b5c;
    font-size: 14px;
    line-height: 1.5;
}

body.page-id-253 .gm-forum-safehaven__check {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    border-radius: 50%;
    background: #fff0df;
    color: #c97836;
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 900px) {
    body.page-id-253 .gm-forum-safehaven__points {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    body.page-id-253 .gm-forum-safehaven {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 22px 20px;
        border-radius: 20px;
    }

    body.page-id-253 .gm-forum-safehaven__icon {
        width: 50px;
        height: 50px;
        border-radius: 15px;
        font-size: 24px;
    }

    body.page-id-253 .gm-forum-safehaven__title {
        font-size: 26px;
    }
}