:root{--g1:#fff3b8;--g2:#f4d06b;--g3:#b87319;--bg:#08090b;--line:#765521}
.jnhc{background:var(--bg);color:#fff;font-family:Georgia,serif;line-height:1.45}.jnhc a{text-decoration:none;color:inherit}.jnhc-head{height:76px;display:flex;align-items:center;padding:8px 4vw;gap:25px;background:#07080a;border-bottom:1px solid var(--line);position:relative;z-index:5}.jnhc-logo img{height:55px;width:auto}.jnhc-logo span,.jnhc-script{font-family:Georgia,'Times New Roman',serif;font-size:54px;background:linear-gradient(#fff5c6,#f4cf68,#b66f13,#fff1ad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 9px rgba(255,193,62,.6))}.jnhc-nav{margin-left:auto;display:flex;gap:9px}.jnhc-nav a{padding:10px 14px;border:1px solid #9c742c;background:linear-gradient(#ffe69a,#bd7e1d,#f4d475);color:#181108!important;font-size:12px;font-weight:700;border-radius:4px;box-shadow:inset 0 1px #fff8c7}.jnhc-toggle,.jnhc-mobile-nav{display:none}
.jnhc-hero{min-height:600px;background-image:var(--hero),linear-gradient(#18191b,#050506);background-size:cover;background-position:center;display:grid;place-items:center;position:relative}.jnhc-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.18),rgba(0,0,0,.55))}.jnhc-hero-content{position:relative;text-align:center}.jnhc-hero-logo{max-width:min(850px,82vw);max-height:450px;filter:drop-shadow(0 0 17px rgba(255,190,50,.8))}.jnhc-hero .jnhc-script{font-size:clamp(64px,9vw,120px);font-weight:700;letter-spacing:.01em}.jnhc-hero-content p{letter-spacing:.35em;font-size:13px}
.jnhc-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:16px 4vw;background:#0a0b0d}.jnhc-cards a{min-height:130px;border:1px solid #80602b;background:#0f1012;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.jnhc-cards span{font-size:30px;color:#f0c55d}.jnhc-cards b,.jnhc-title{font-family:Georgia,'Times New Roman',serif;font-size:32px;background:linear-gradient(#fff4be,#f2ce6b,#b36e16,#fff0a8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(255,190,55,.28)}.jnhc-cards small{font-size:12px;display:block;margin-top:6px;color:#fff!important;line-height:1.25;min-height:15px}.jnhc-release,.jnhc-video,.jnhc-agenda,.jnhc-merch{padding:55px 7vw;border-top:1px solid #3c2b16}.jnhc-release-grid{display:grid;grid-template-columns:330px 1fr;gap:55px;align-items:center;margin-top:25px}.jnhc-release-grid>img{width:100%;border:1px solid #9a7129}.jnhc-kicker{letter-spacing:.13em}.jnhc-release h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4vw,58px);line-height:1.05;margin:4px 0;background:linear-gradient(#fff5c8,#f4cf6c,#b66f16,#fff0a5);-webkit-background-clip:text;background-clip:text;color:transparent}.jnhc-btn{display:inline-block;padding:13px 23px;margin-top:14px;background:linear-gradient(#ffe79a,#bf7f1e,#f3d170);color:#1b1308!important;font-weight:700;border-radius:4px}.jnhc-video{display:grid;grid-template-columns:1fr 1.45fr;gap:40px;align-items:center}.jnhc-video img{width:100%;border:1px solid #765521}.jnhc-agenda .jnhc-title{margin-bottom:22px}.jnhc-events{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.jnhc-events article{display:grid;grid-template-columns:85px 1fr;border:1px solid #765521;background:#101114}.jnhc-events strong{padding:18px;color:#f1cb62;font-size:23px;text-align:center;border-right:1px solid #503b1d}.jnhc-events strong small{font-size:14px}.jnhc-events article div{padding:18px}.jnhc-events article span{display:block;margin-top:7px;font-size:13px}.jnhc-merch{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}.jnhc-merch img{width:100%;max-height:340px;object-fit:contain}.jnhc-footer{text-align:center;padding:45px 20px;border-top:1px solid #765521}.jnhc-footer .jnhc-script{font-size:52px}
@media(max-width:800px){.jnhc-head{height:65px;padding:7px 16px;justify-content:space-between}.jnhc-logo img{height:45px}.jnhc-nav{display:none}.jnhc-toggle{display:block;border:0;background:none;padding:8px}.jnhc-toggle i{display:block;width:28px;height:2px;background:#f2cf6b;margin:6px}.jnhc-mobile-nav{display:none;background:#0a0b0d;padding:10px;grid-template-columns:repeat(2,1fr);gap:7px}.jnhc-mobile-nav.open{display:grid}.jnhc-mobile-nav a{padding:12px 5px;text-align:center;border:1px solid #8e6829;background:linear-gradient(#fbe39a,#bb7a1b,#f3d272);color:#191208!important;font-size:11px;font-weight:700}.jnhc-mobile-nav a:last-child{grid-column:1/-1;max-width:180px;justify-self:center;width:100%}.jnhc-hero{min-height:470px;background-position:center}.jnhc-hero-logo{max-width:96vw;max-height:330px}.jnhc-hero .jnhc-script{font-size:64px}.jnhc-hero-content p{font-size:9px;letter-spacing:.17em}.jnhc-cards{grid-template-columns:repeat(2,1fr);padding:10px;gap:8px}.jnhc-cards a{min-height:105px}.jnhc-cards a:nth-child(3){display:none}.jnhc-cards a:nth-child(5){grid-column:1/-1;max-width:220px;justify-self:center;width:100%}.jnhc-cards b{font-size:30px}.jnhc-release,.jnhc-video,.jnhc-agenda,.jnhc-merch{padding:32px 17px}.jnhc-title{font-size:40px}.jnhc-release-grid,.jnhc-video,.jnhc-merch{grid-template-columns:1fr;gap:20px}.jnhc-release h2{font-size:55px}.jnhc-events{grid-template-columns:1fr}.jnhc-footer .jnhc-script{font-size:58px}}

.jnhc-bio,.jnhc-booking{padding:55px 7vw;border-top:1px solid #3c2b16}
.jnhc-content-image{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}
.jnhc-content-image img,.jnhc-section-image{width:100%;max-height:480px;object-fit:cover;border:1px solid #765521}
.jnhc-agenda .jnhc-section-image,.jnhc-booking .jnhc-section-image{display:block;max-width:700px;margin:0 auto 28px}
@media(max-width:800px){
 .jnhc-content-image{grid-template-columns:1fr;gap:20px}
 .jnhc-bio,.jnhc-booking{padding:32px 17px}
}


/* v2.0.9 - Release en Over Jaman afbeeldingen exact gelijk in formaat */
.jnhc-release-grid img,
.jnhc-content-image > img {
    width: 330px !important;
    height: 252px !important;
    max-width: 330px !important;
    max-height: 252px !important;
    object-fit: cover !important;
    display: block;
}
.jnhc-release-grid,
.jnhc-content-image {
    align-items: center;
}
@media (max-width: 800px) {
    .jnhc-release-grid img,
    .jnhc-content-image > img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: 330 / 252;
        object-fit: cover !important;
    }
}

/* v2.1.0 - YouTube player/preview same size as the other homepage images */
.jnhc-video {
    display: grid;
    grid-template-columns: 1fr 330px;
    gap: 45px;
    align-items: center;
}
.jnhc-video-preview {
    width: 330px;
    height: 252px;
    border: 1px solid #765521;
    overflow: hidden;
    background: #090909;
    position: relative;
}
.jnhc-video-preview iframe {
    display: block;
    width: 330px;
    height: 252px;
    border: 0;
}
.jnhc-video-fallback,
.jnhc-video-empty {
    display: block;
    width: 330px;
    height: 252px;
    position: relative;
    text-decoration: none;
    color: #fff0bd;
}
.jnhc-video-fallback img {
    width: 330px;
    height: 252px;
    object-fit: cover;
    display: block;
}
.jnhc-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: linear-gradient(#ffe9a3,#c88a20);
    color: #17110a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    box-shadow: 0 0 25px rgba(245,190,70,.7);
}
.jnhc-video-empty {
    display:flex;
    align-items:center;
    justify-content:center;
    background: radial-gradient(circle at center,#2b2112 0,#090909 65%);
}
.jnhc-video-empty .jnhc-play {
    position:absolute;
}
.jnhc-video-empty strong {
    margin-top:145px;
    font-size:16px;
}
@media (max-width:800px) {
    .jnhc-video {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .jnhc-video-preview,
    .jnhc-video-preview iframe,
    .jnhc-video-fallback,
    .jnhc-video-empty,
    .jnhc-video-fallback img {
        width:100%;
        height:auto;
        aspect-ratio:330 / 252;
    }
}

/* v2.2.0 - Live Artwin agenda */
.jnhc-agenda {
    padding: 70px 6vw;
    border-top: 1px solid rgba(201,157,66,.35);
    border-bottom: 1px solid rgba(201,157,66,.35);
}
.jnhc-agenda-head {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
    margin-bottom:32px;
}
.jnhc-agenda-image {
    width:330px;
    height:252px;
    object-fit:cover;
    border:1px solid #765521;
}
.jnhc-artwin-agenda {
    width:100%;
    max-width:1100px;
    margin:0 auto;
}
.jnhc-artwin-agenda .artwinlive,
.jnhc-artwin-agenda .artwin-live,
.jnhc-artwin-agenda .artwin-events,
.jnhc-artwin-agenda .artwinlive-events {
    color:#f5e4b0;
}
.jnhc-artwin-agenda a {
    color:#f3c85b;
}
.jnhc-artwin-notice {
    padding:22px 26px;
    border:1px solid rgba(201,157,66,.45);
    background:#0b0b0b;
    color:#d8cba8;
}
.jnhc-artwin-notice code {
    color:#f2c75b;
}
@media (max-width:800px) {
    .jnhc-agenda {
        padding:45px 20px;
    }
    .jnhc-agenda-head {
        display:block;
        margin-bottom:24px;
    }
    .jnhc-agenda-image {
        width:100%;
        height:auto;
        aspect-ratio:330 / 252;
        margin-top:20px;
    }
}


/* v2.3.0 - Strakke verticale media/tekst-opbouw
   Nieuwe release, Over Jaman en YouTube gebruiken exact dezelfde maat,
   uitlijning en verhouding: media links, tekst rechts. */
.jnhc-release-grid,
.jnhc-content-image,
.jnhc-video {
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 330px minmax(0, 1fr);
    gap: 55px;
    align-items: center;
}

.jnhc-release-grid { margin-top: 25px; }
.jnhc-content-image { margin-top: 25px; }
.jnhc-video { margin-top: 0; }

.jnhc-video > .jnhc-video-preview { order: 1; }
.jnhc-video > div:first-child { order: 2; }

.jnhc-release-grid > img,
.jnhc-content-image > img,
.jnhc-video-preview,
.jnhc-video-preview iframe,
.jnhc-video-fallback,
.jnhc-video-empty,
.jnhc-video-fallback img {
    width: 330px !important;
    height: 252px !important;
    max-width: 330px !important;
    max-height: 252px !important;
}

.jnhc-release-grid > div,
.jnhc-content-image > div,
.jnhc-video > div:first-child {
    min-width: 0;
}

@media (max-width: 800px) {
    .jnhc-release-grid,
    .jnhc-content-image,
    .jnhc-video {
        grid-template-columns: 1fr;
        width: 100%;
        gap: 20px;
        margin-top: 20px;
    }

    .jnhc-video > .jnhc-video-preview,
    .jnhc-video > div:first-child {
        order: initial;
    }

    .jnhc-release-grid > img,
    .jnhc-content-image > img,
    .jnhc-video-preview,
    .jnhc-video-preview iframe,
    .jnhc-video-fallback,
    .jnhc-video-empty,
    .jnhc-video-fallback img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: 330 / 252;
        object-fit: cover !important;
    }
}


/* v2.4.0 - Jaman in Concert boven de nieuwe release, zelfde media/tekst-opbouw */
.jnhc-concert {
    padding: 55px 7vw;
    border-top: 1px solid #3c2b16;
}
.jnhc-concert-grid {
    width: 100%;
    max-width: 1100px;
    margin: 25px auto 0;
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr);
    gap: 55px;
    align-items: center;
}
.jnhc-concert-grid > img {
    width: 330px !important;
    height: 252px !important;
    max-width: 330px !important;
    max-height: 252px !important;
    object-fit: cover;
    border: 1px solid #765521;
}
.jnhc-concert-grid h2 {
    font-family: Georgia,'Times New Roman',serif;
    font-size: clamp(34px,4vw,58px);
    line-height: 1.05;
    margin: 4px 0;
    background: linear-gradient(#fff5c8,#f4cf6c,#b66f16,#fff0a5);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
@media (max-width:800px) {
    .jnhc-concert { padding: 32px 17px; }
    .jnhc-concert-grid {
        grid-template-columns: 1fr;
        width: 100%;
        gap: 20px;
        margin-top: 20px;
    }
    .jnhc-concert-grid > img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: 330 / 252;
        object-fit: cover;
    }
}

/* v2.5.0 - Eén vaste uitlijning voor alle media/tekst-blokken
   Jaman in Concert, Nieuwe Release, Over Jaman en YouTube staan op exact dezelfde lijn. */
.jnhc-concert,
.jnhc-release,
.jnhc-bio,
.jnhc-video {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.jnhc-concert > .jnhc-title,
.jnhc-release > .jnhc-title {
    width: min(1100px, calc(100% - 40px));
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.jnhc-concert-grid,
.jnhc-release-grid,
.jnhc-content-image,
.jnhc-video {
    box-sizing: border-box;
    width: min(1100px, calc(100% - 40px));
    max-width: 1100px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.jnhc-concert-grid,
.jnhc-release-grid,
.jnhc-content-image,
.jnhc-video {
    grid-template-columns: 330px minmax(0, 1fr) !important;
    gap: 55px !important;
    align-items: center;
}

.jnhc-concert-grid > img,
.jnhc-release-grid > img,
.jnhc-content-image > img,
.jnhc-video-preview,
.jnhc-video-preview iframe,
.jnhc-video-fallback,
.jnhc-video-empty,
.jnhc-video-fallback img {
    width: 330px !important;
    height: 252px !important;
    max-width: 330px !important;
    max-height: 252px !important;
    object-fit: cover !important;
    box-sizing: border-box;
}

.jnhc-video > .jnhc-video-preview { order: 1; }
.jnhc-video > div:first-child { order: 2; }

/* Als er nog geen concertfoto is gekozen, blijft het tekstblok toch rechts staan. */
.jnhc-concert-grid > div:only-child {
    grid-column: 2;
}

@media (max-width: 800px) {
    .jnhc-concert,
    .jnhc-release,
    .jnhc-bio,
    .jnhc-video {
        padding-left: 17px !important;
        padding-right: 17px !important;
    }

    .jnhc-concert > .jnhc-title,
    .jnhc-release > .jnhc-title,
    .jnhc-concert-grid,
    .jnhc-release-grid,
    .jnhc-content-image,
    .jnhc-video {
        width: 100%;
        max-width: 100%;
    }

    .jnhc-concert-grid,
    .jnhc-release-grid,
    .jnhc-content-image,
    .jnhc-video {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .jnhc-concert-grid > div:only-child {
        grid-column: auto;
    }

    .jnhc-concert-grid > img,
    .jnhc-release-grid > img,
    .jnhc-content-image > img,
    .jnhc-video-preview,
    .jnhc-video-preview iframe,
    .jnhc-video-fallback,
    .jnhc-video-empty,
    .jnhc-video-fallback img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: 330 / 252;
    }

    .jnhc-video > .jnhc-video-preview,
    .jnhc-video > div:first-child {
        order: initial;
    }
}


/* v2.6.2 - Boek Jaman gelijk uitlijnen met Concert, Release, Over Jaman en YouTube */
.jnhc-booking-grid {
    box-sizing: border-box;
    width: min(1100px, calc(100% - 40px));
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr);
    gap: 55px;
    align-items: center;
}
.jnhc-booking-grid .jnhc-section-image {
    width: 330px !important;
    height: 252px !important;
    max-width: 330px !important;
    max-height: 252px !important;
    object-fit: cover !important;
    display: block;
    margin: 0 !important;
    border: 1px solid #765521;
    box-sizing: border-box;
}
.jnhc-booking-grid > div {
    min-width: 0;
}
@media (max-width: 800px) {
    .jnhc-booking-grid {
        width: 100%;
        max-width: 100%;
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .jnhc-booking-grid .jnhc-section-image {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: 330 / 252;
    }
}

/* v2.6.3 - Vaste media-layout voor ALLE homepage-secties
   Iedere nieuwe afbeelding + tekst gebruikt dezelfde positie, maat en afstand.
   Desktop: afbeelding links 330x252, tekst rechts. Mobiel: onder elkaar. */
.jnhc-release-grid,
.jnhc-content-image,
.jnhc-concert-grid,
.jnhc-video,
.jnhc-booking-grid,
.jnhc-merch {
    box-sizing: border-box;
    width: min(1100px, calc(100% - 40px));
    max-width: 1100px;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-template-columns: 330px minmax(0, 1fr) !important;
    gap: 55px !important;
    align-items: center;
}

.jnhc-release-grid > img,
.jnhc-content-image > img,
.jnhc-concert-grid > img,
.jnhc-booking-grid > .jnhc-section-image,
.jnhc-merch > img,
.jnhc-video-preview,
.jnhc-video-preview iframe,
.jnhc-video-fallback,
.jnhc-video-empty,
.jnhc-video-fallback img {
    width: 330px !important;
    height: 252px !important;
    max-width: 330px !important;
    max-height: 252px !important;
    object-fit: cover !important;
    display: block;
    box-sizing: border-box;
}

.jnhc-merch {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-top: 1px solid #3c2b16;
}
.jnhc-merch > div { min-width: 0; }

/* Sectietitels blijven op exact dezelfde contentlijn als de media. */
.jnhc-concert > .jnhc-title,
.jnhc-release > .jnhc-title {
    width: min(1100px, calc(100% - 40px));
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

/* Agenda-afbeelding volgt dezelfde vaste media-afmeting wanneer aanwezig. */
.jnhc-agenda-head {
    width: min(1100px, calc(100% - 40px));
    max-width: 1100px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr) !important;
    gap: 55px !important;
    align-items: center;
}
.jnhc-agenda-image {
    width: 330px !important;
    height: 252px !important;
    max-width: 330px !important;
    max-height: 252px !important;
    object-fit: cover !important;
    margin: 0 !important;
    grid-column: 1;
    grid-row: 1;
}
.jnhc-agenda-head > div:first-child {
    grid-column: 2;
    grid-row: 1;
}

@media (max-width: 800px) {
    .jnhc-release-grid,
    .jnhc-content-image,
    .jnhc-concert-grid,
    .jnhc-video,
    .jnhc-booking-grid,
    .jnhc-merch,
    .jnhc-agenda-head {
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .jnhc-release-grid > img,
    .jnhc-content-image > img,
    .jnhc-concert-grid > img,
    .jnhc-booking-grid > .jnhc-section-image,
    .jnhc-merch > img,
    .jnhc-video-preview,
    .jnhc-video-preview iframe,
    .jnhc-video-fallback,
    .jnhc-video-empty,
    .jnhc-video-fallback img,
    .jnhc-agenda-image {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: 330 / 252;
        object-fit: cover !important;
    }

    .jnhc-agenda-head > div:first-child,
    .jnhc-agenda-image {
        grid-column: auto;
        grid-row: auto;
    }
}

/* v2.7.2 - Tekst onder de bovenste knoppen blijft altijd zichtbaar, ook na klikken/bezoeken */
.jnhc-cards > a small,
.jnhc-cards > a:visited small,
.jnhc-cards > a:hover small,
.jnhc-cards > a:focus small,
.jnhc-cards > a:active small {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#fff !important;
    position:relative;
    z-index:2;
    pointer-events:none;
}
.jnhc-cards > a {
    position:relative;
}


/* v2.7.4 - Subteksten onder de vijf bovenste knoppen altijd zichtbaar */
.jnhc-cards > a > .jnhc-card-subtitle {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#ffffff !important;
    font-family:Georgia, 'Times New Roman', serif !important;
    font-size:12px !important;
    font-weight:400 !important;
    line-height:1.25 !important;
    margin-top:6px !important;
    min-height:15px !important;
    height:auto !important;
    position:static !important;
    text-shadow:none !important;
    -webkit-text-fill-color:#ffffff !important;
}
.jnhc-cards > a:hover > .jnhc-card-subtitle,
.jnhc-cards > a:focus > .jnhc-card-subtitle,
.jnhc-cards > a:active > .jnhc-card-subtitle,
.jnhc-cards > a:visited > .jnhc-card-subtitle {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

/* v2.7.4 - Mobiele bovenste knoppen: compact 2-aan-2, alle vijf zichtbaar */
@media (max-width:800px){
  .jnhc-cards{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:10px !important;
    align-items:stretch !important;
  }
  .jnhc-cards > a{
    display:flex !important;
    min-height:92px !important;
    height:92px !important;
    max-width:none !important;
    width:100% !important;
    padding:8px 5px !important;
    box-sizing:border-box !important;
    justify-content:center !important;
  }
  .jnhc-cards > a:nth-child(3){display:flex !important;}
  .jnhc-cards > a:nth-child(5){
    grid-column:auto !important;
    justify-self:stretch !important;
    width:100% !important;
    max-width:none !important;
  }
  .jnhc-cards > a > span:first-child{
    font-size:21px !important;
    line-height:1 !important;
    margin-bottom:4px !important;
  }
  .jnhc-cards > a > b{
    font-size:19px !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
  }
  .jnhc-cards > a > .jnhc-card-subtitle{
    font-size:9px !important;
    line-height:1.15 !important;
    margin-top:4px !important;
    min-height:0 !important;
  }
}


/* v2.7.5 FINAL - mobiele navigatiekaarten: 2 naast elkaar, alle 5 zichtbaar */
@media screen and (max-width: 800px) {
  .jnhc .jnhc-cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
  }
  .jnhc .jnhc-cards > a,
  .jnhc .jnhc-cards > a:nth-child(3),
  .jnhc .jnhc-cards > a:nth-child(5) {
    display: flex !important;
    grid-column: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 88px !important;
    height: 88px !important;
    padding: 7px 4px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    justify-content: center !important;
    overflow: hidden !important;
  }
  .jnhc .jnhc-cards > a > span:first-child {
    display: block !important;
    font-size: 20px !important;
    line-height: 1 !important;
    margin: 0 0 3px !important;
    height: auto !important;
  }
  .jnhc .jnhc-cards > a > b {
    display: block !important;
    font-size: 18px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }
  .jnhc .jnhc-cards > a > .jnhc-card-subtitle {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    margin: 3px 0 0 !important;
    min-height: 0 !important;
    height: auto !important;
    white-space: normal !important;
  }
}


/* v2.7.6 - Shop gecentreerd onder YouTube en Boek Nu op mobiel */
@media screen and (max-width: 800px) {
  .jnhc .jnhc-cards > a:nth-child(5) {
    grid-column: 1 / -1 !important;
    width: calc(50% - 4px) !important;
    max-width: none !important;
    justify-self: center !important;
    margin: 0 !important;
  }
}

/* v2.7.7 - Shop rechts onder Boek Nu op mobiel */
@media screen and (max-width: 800px) {
  .jnhc .jnhc-cards > a:nth-child(5) {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
    margin: 0 !important;
  }
}

/* v2.7.8 - Shop exact gecentreerd onder YouTube + Boek Nu op mobiel */
@media screen and (max-width: 800px) {
  .jnhc .jnhc-cards > a:nth-child(5) {
    grid-column: 1 / -1 !important;
    width: calc(50% - 4px) !important;
    max-width: none !important;
    justify-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}


/* v2.8.1 - Mobiel: Shop/Nieuwe collectie afbeelding volledig zichtbaar, zonder afsnijden */
@media screen and (max-width: 800px) {
  .jnhc-merch > img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}

/* v2.8.5 — Over Jaman navigatie exact gelijk aan homepage */
.jnhx-about-page .jnhc-head{height:76px;display:flex;align-items:center;padding:8px 4vw;gap:25px;background:#07080a;border-bottom:1px solid var(--line);position:relative;z-index:5;box-sizing:border-box}
.jnhx-about-page .jnhc-logo{display:block;text-decoration:none!important}
.jnhx-about-page .jnhc-logo span{font-family:Georgia,'Times New Roman',serif;font-size:54px;background:linear-gradient(#fff5c6,#f4cf68,#b66f13,#fff1ad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 9px rgba(255,193,62,.6))}
.jnhx-about-page .jnhc-nav{margin-left:auto;display:flex;gap:9px;align-items:center}
.jnhx-about-page .jnhc-nav a{display:block!important;padding:10px 14px!important;border:1px solid #9c742c!important;background:linear-gradient(#ffe69a,#bd7e1d,#f4d475)!important;color:#181108!important;font-family:Georgia,'Times New Roman',serif!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;border-radius:4px!important;box-shadow:inset 0 1px #fff8c7!important;text-decoration:none!important;white-space:nowrap!important}
.jnhx-about-page .jnhc-nav a:hover{background:linear-gradient(#fff0ad,#c98b27,#f7d97a)!important;color:#181108!important}
@media(max-width:800px){
 .jnhx-about-page .jnhc-head{height:65px;padding:7px 16px;justify-content:space-between}
 .jnhx-about-page .jnhc-logo span{font-size:45px}
 .jnhx-about-page .jnhc-nav{display:none}
 .jnhx-about-page .jnhc-toggle{display:block;border:0;background:none;padding:8px}
 .jnhx-about-page .jnhc-toggle i{display:block;width:28px;height:2px;background:#f2cf6b;margin:6px}
 .jnhx-about-page .jnhc-mobile-nav a{padding:12px 5px;text-align:center;border:1px solid #8e6829;background:linear-gradient(#fbe39a,#bb7a1b,#f3d272);color:#191208!important;font-family:Georgia,'Times New Roman',serif;font-size:11px;font-weight:700}
}

/* v2.8.4 — Over Jaman: bovenste titelvak verwijderd; alle koppen gebruiken dezelfde champagne-gouden titelstijl */
.jnhx-about-page{min-height:100vh;background:#08090b;color:#fff;position:relative;isolation:isolate;overflow:hidden}
/* v2.8.7 — optionele achtergrondafbeelding voor Over Jaman. De achtergrond beweegt mee met de pagina. */
.jnhx-about-page.jnhx-about-has-bg{background-color:#08090b;background-image:linear-gradient(rgba(8,9,11,.78),rgba(8,9,11,.78)),var(--jnhx-about-bg);background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:scroll}
.jnhx-about-page.jnhx-about-has-bg .jnhc-head{background:rgba(7,8,10,.92)}
.jnhx-about-page.jnhx-about-has-bg .jnhx-about-main{background:rgba(8,9,11,.35)}

.jnhx-about-main{background:#08090b}
.jnhx-about-content{max-width:1180px;margin:0 auto;padding:55px 7vw 80px;display:flex;flex-direction:column;align-items:center;gap:32px}
.jnhx-about-image-wrap{width:min(330px,100%);border:1px solid #765521;background:#0f1012;padding:0;box-shadow:0 0 20px rgba(0,0,0,.35);margin:0 auto}
.jnhx-about-image-wrap img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.jnhx-about-text{width:100%;max-width:930px;margin:0 auto;text-align:center}
.jnhx-about-text h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,6vw,72px);font-weight:700;background:linear-gradient(#fff5c8,#f4cf6c,#b66f16,#fff0a5);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;margin:0 auto 24px;text-shadow:0 0 12px rgba(255,190,55,.28)}
.jnhx-about-text p{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.75;color:#eee6d2;margin:0 auto 22px;text-align:center}
.jnhx-about-text h2,.jnhx-about-text h3,.jnhx-about-text h4{font-family:Georgia,'Times New Roman',serif;font-weight:700;background:linear-gradient(#fff5c8,#f4cf6c,#b66f16,#fff0a5);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;margin:0 auto 18px;text-shadow:0 0 12px rgba(255,190,55,.28)}
.jnhx-about-text a{color:#f2c85d;text-decoration:underline}
@media(max-width:800px){
 .jnhx-about-content{gap:25px;padding:35px 17px 50px}
 .jnhx-about-image-wrap{width:min(330px,100%)}
 .jnhx-about-image-wrap img{height:auto;max-height:none;object-fit:contain}
 .jnhx-about-text p{font-size:17px;line-height:1.65;text-align:center}
}


/* v2.8.6 — Over Jaman: alleen de onderste titel behouden */
.jnhx-about-title-main{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,6vw,72px);font-weight:700;background:linear-gradient(#fff5c8,#f4cf6c,#b66f16,#fff0a5);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;margin:0 auto 28px;text-shadow:0 0 12px rgba(255,190,55,.28)}
/* Als het oude thema/page-builder toch nog een losse paginatitel buiten de app injecteert, verberg die. */
body.jnhx-over-jaman-page .entry-title,
body.jnhx-over-jaman-page .page-title,
body.jnhx-over-jaman-page .vc_gitem-post-data-source-post_title{display:none!important}
@media(max-width:800px){.jnhx-about-title-main{font-size:42px;margin-bottom:22px}}


/* v2.8.8 — Over Jaman kopteksten exact dezelfde champagne-gouden titelstijl als “De sleutel van mijn hart” */
.jnhx-about-page .jnhx-about-text h1,
.jnhx-about-page .jnhx-about-text h2,
.jnhx-about-page .jnhx-about-text h3,
.jnhx-about-page .jnhx-about-text h4,
.jnhx-about-page .jnhx-about-text .vc_custom_heading,
.jnhx-about-page .jnhx-about-text .wpb_heading{
    font-family:Georgia,'Times New Roman',serif!important;
    font-weight:700!important;
    background:linear-gradient(#fff5c8,#f4cf6c,#b66f16,#fff0a5)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    text-align:center!important;
    text-shadow:0 0 12px rgba(255,190,55,.28)!important;
}
.jnhx-about-page .jnhx-about-title-main{
    background:linear-gradient(#fff5c8,#f4cf6c,#b66f16,#fff0a5)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
}


/* v2.8.11 — Over Jaman: achtergrond rechtstreeks op de pagina, met transparante donkere laag. */
.jnhx-about-page.jnhx-about-has-bg{
    position:relative!important;
    isolation:isolate!important;
    background-color:#08090b!important;
    background-image:linear-gradient(rgba(8,9,11,.20),rgba(8,9,11,.20)),var(--jnhx-about-bg)!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-attachment:fixed!important;
}
.jnhx-about-page.jnhx-about-has-bg .jnhx-about-main,
.jnhx-about-page.jnhx-about-has-bg .jnhx-about-content{
    background:transparent!important;
}
.jnhx-about-page.jnhx-about-has-bg .jnhx-about-text{
    background:rgba(8,9,11,.05)!important;
}
@media(max-width:800px){
    .jnhx-about-page.jnhx-about-has-bg{
        background-attachment:scroll!important;
        background-position:center top!important;
    }
}

/* v2.8.10 — Over Jaman: titel boven de inhoud volledig verwijderd; inhoud begint hoger. */
.jnhx-about-page .jnhx-about-content{padding-top:25px!important;}
.jnhx-about-page .jnhx-about-title-main{display:none!important;}
@media(max-width:800px){.jnhx-about-page .jnhx-about-content{padding-top:20px!important;}}


/* v2.8.12 — Verwijder het oude 'Over Jaman' kopje uit de WPBakery-inhoud.
   Dit voorkomt dat een oude H1/H2/H3/H4 boven de foto blijft staan. */
.jnhx-about-page .jnhx-about-text > h1:first-child,
.jnhx-about-page .jnhx-about-text > h2:first-child,
.jnhx-about-page .jnhx-about-text > h3:first-child,
.jnhx-about-page .jnhx-about-text > h4:first-child{
    display:none!important;
}


/* v2.8.13 — Gebruik de door WordPress geselecteerde achtergrondfoto rechtstreeks.
   De inline background-image is leidend; deze regels zorgen dat geen contentblok de foto bedekt. */
.jnhx-about-page.jnhx-about-has-bg{background-color:transparent!important;}
.jnhx-about-page.jnhx-about-has-bg .jnhx-about-main,
.jnhx-about-page.jnhx-about-has-bg .jnhx-about-content{background:transparent!important;}
.jnhx-about-page.jnhx-about-has-bg .jnhx-about-text{background:transparent!important;}
@media(max-width:800px){
 .jnhx-about-page.jnhx-about-has-bg{background-attachment:scroll!important;background-position:center top!important;}
}


/* v2.8.14 — verwijder het oude bovenste WPBakery OVER JAMAN titelblok */
body.jnhx-over-jaman-page .jnhx-about-page .vc_custom_heading:has(h1),
body.jnhx-over-jaman-page .jnhx-about-page .vc_custom_heading:has(h2),
body.jnhx-over-jaman-page .jnhx-about-page .vc_custom_heading:has(h3),
body.jnhx-over-jaman-page .jnhx-about-page .vc_custom_heading:has(h4){
    display:none!important;
}

/* v2.8.15 — Over Jaman: maak ook het bovenste/legacy titel-element exact dezelfde champagne-gouden kleur als de andere koppen. */
body.jnhx-over-jaman-page .entry-title,
body.jnhx-over-jaman-page .page-title,
body.jnhx-over-jaman-page .jnhx-about-title-main,
body.jnhx-over-jaman-page .jnhx-about-page .vc_custom_heading h1,
body.jnhx-over-jaman-page .jnhx-about-page .vc_custom_heading h2,
body.jnhx-over-jaman-page .jnhx-about-page .vc_custom_heading h3,
body.jnhx-over-jaman-page .jnhx-about-page .vc_custom_heading h4,
body.jnhx-over-jaman-page .jnhx-about-page .wpb_heading {
    font-family: Georgia,'Times New Roman',serif !important;
    font-weight: 700 !important;
    background: linear-gradient(#fff5c8,#f4cf6c,#b66f16,#fff0a5) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 0 12px rgba(255,190,55,.28) !important;
}


/* v2.8.16 — Over Jaman titels exact gelijk aan 'De sleutel van mijn hart' */
body.jnhx-over-jaman-page .jnhx-about-page .jnhx-about-text h1,
body.jnhx-over-jaman-page .jnhx-about-page .jnhx-about-text h2,
body.jnhx-over-jaman-page .jnhx-about-page .jnhx-about-text h3,
body.jnhx-over-jaman-page .jnhx-about-page .jnhx-about-text h4,
body.jnhx-over-jaman-page .jnhx-about-page .vc_custom_heading h1,
body.jnhx-over-jaman-page .jnhx-about-page .vc_custom_heading h2,
body.jnhx-over-jaman-page .jnhx-about-page .vc_custom_heading h3,
body.jnhx-over-jaman-page .jnhx-about-page .vc_custom_heading h4,
body.jnhx-over-jaman-page .entry-title,
body.jnhx-over-jaman-page .page-title {
    background: linear-gradient(#fff5c8,#f4cf6c,#b66f16,#fff0a5) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
}

/* v2.8.17 — Over Jaman: gebruik exact dezelfde titelgradient als de homepage-release "De sleutel van mijn hart". */
body.jnhx-over-jaman-page h1,
body.jnhx-over-jaman-page h2,
body.jnhx-over-jaman-page h3,
body.jnhx-over-jaman-page h4,
body.jnhx-over-jaman-page .page-header h1,
body.jnhx-over-jaman-page .entry-header h1,
body.jnhx-over-jaman-page .elementor-heading-title,
body.jnhx-over-jaman-page .vc_custom_heading h1,
body.jnhx-over-jaman-page .vc_custom_heading h2,
body.jnhx-over-jaman-page .vc_custom_heading h3,
body.jnhx-over-jaman-page .vc_custom_heading h4 {
    font-family:Georgia,'Times New Roman',serif !important;
    font-weight:700 !important;
    line-height:1.05 !important;
    background:linear-gradient(#fff5c8,#f4cf6c,#b66f16,#fff0a5) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    text-shadow:0 0 12px rgba(255,190,55,.28) !important;
}