:root{--bg:#050505;--surface:#0d0d0d;--text:#f3f3f3;--muted:#9a9a9a;--gold:#ffdd1a;--yellow:#ffdd1a;--line:rgba(255,255,255,.12);--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}
a{color:inherit} img{display:block;max-width:100%;height:auto}
.shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.site-main{flex:1 0 auto;width:100%}

/* HEADER */
.site-header{position:sticky;top:0;z-index:10000;background:#050505;border-bottom:1px solid var(--line)}
.admin-bar .site-header{top:32px}
.topline{height:36px;background:#020202;border-bottom:1px solid rgba(255,255,255,.06)}
.topline-inner{height:36px;display:flex;align-items:center;font-size:10px;text-transform:uppercase;font-weight:700}
.live-dot{width:7px;height:7px;border-radius:50%;background:#00d56a;margin-right:7px}
.topline-right{margin-left:auto;display:flex;align-items:center;gap:14px;color:var(--yellow)}
.lpcms2-socials{display:flex;gap:7px}.lpcms2-socials a,.lpcms2-socials img{width:23px;height:23px}
.brandline-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;transition:min-height .2s ease}
.brand-logo img{width:220px;transition:width .2s ease}
.brand-actions{display:flex;align-items:center;gap:10px}
.search-form{display:flex;width:270px}.search-form input{flex:1;height:38px;border:1px solid var(--line);border-right:0;background:#111;color:white;padding:0 12px}.search-form button{width:42px;border:0;background:var(--yellow);font-size:22px}
.desktop-nav{border-top:1px solid rgba(255,255,255,.06)}.desktop-nav .shell{display:flex;gap:3px}.desktop-nav a{display:flex;align-items:center;min-height:44px;padding:0 15px;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase}.desktop-nav a:hover{background:rgba(255,255,255,.04);color:var(--yellow)}
.site-header.is-compact .topline{display:none}.site-header.is-compact .brandline-inner{min-height:60px}.site-header.is-compact .brand-logo img{width:145px}
.menu-toggle{display:none;width:42px;height:42px;position:relative;border:1px solid var(--line);background:#111}.menu-toggle span{position:absolute;left:11px;width:18px;height:2px;background:#fff}.menu-toggle span:nth-child(1){top:13px}.menu-toggle span:nth-child(2){top:20px}.menu-toggle span:nth-child(3){top:27px}
.mobile-menu{background:#080808;padding:12px 18px 18px;border-top:1px solid var(--line)}.mobile-menu a{display:block;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none;font-size:14px;font-weight:700}

/* HOME */
.home-main{padding:24px 0 64px}
.hero-slider{position:relative;height:540px;overflow:hidden;background:#111}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.02);transition:opacity 1.1s ease,visibility 1.1s ease,transform 6.5s ease}.hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}
.hero-slide>a,.hero-image{display:block;width:100%;height:100%}.hero-image img{width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;left:0;right:0;bottom:0;padding:24px 28px;background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}
.hero-kicker{display:flex;gap:12px;margin-bottom:7px}.hero-kicker span{font-size:10px;font-weight:800;text-transform:uppercase}.hero-kicker span:first-child{color:var(--yellow)}
.hero-overlay h1{max-width:780px;margin:0 0 7px;font-size:31px;line-height:1.14}.hero-overlay time{color:#ccc;font-size:10px}
.slider-arrow{position:absolute;top:50%;z-index:3;width:42px;height:52px;margin-top:-26px;border:0;background:rgba(0,0,0,.65);color:white;font-size:30px;opacity:0;transition:opacity .18s}.hero-slider:hover .slider-arrow{opacity:1}.slider-arrow.prev{left:14px}.slider-arrow.next{right:14px}
.slider-dots{position:absolute;right:18px;top:16px;z-index:4;display:flex;gap:6px}.slider-dots button{width:14px;height:5px;border:0;background:rgba(255,255,255,.45)}.slider-dots button.is-active{width:28px;background:var(--yellow)}
.news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;margin-top:28px}
.news-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none}.news-image{aspect-ratio:16/10;overflow:hidden;background:#111}.news-image img{width:100%;height:100%;object-fit:cover}
.news-copy{display:flex;flex-direction:column;flex:1;padding-top:10px}.news-copy time{color:#777;font-size:10px;margin-bottom:5px}.news-copy h2{margin:0;font-size:14px;line-height:1.3;font-weight:650}.news-copy p{display:-webkit-box;min-height:4.65em;margin:8px 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#aaa;font-size:12px;line-height:1.55}
.floating-tip{position:fixed;right:22px;bottom:22px;z-index:300;padding:12px 17px;border-radius:999px;background:var(--yellow);color:#050505;text-decoration:none;font-size:11px;font-weight:800;text-transform:uppercase}

/* ARTICLE */
.article-main{padding:28px 20px 68px}.article{max-width:1040px;margin:auto}.article-hero{margin:0}.article-hero img{width:100%;max-height:650px;object-fit:cover}
.article-head{max-width:740px;margin:26px auto 34px}.article-head h1{margin:0;color:var(--gold);font-size:42px;line-height:1.1;font-weight:700}.article-meta{display:flex;gap:12px;margin-top:12px;color:#999;font-size:11px}
.share-row{display:flex;align-items:center;gap:7px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.share-row>span{margin-right:4px;color:#777;font-size:10px;text-transform:uppercase}.share-row a,.share-row img{width:29px;height:29px}
.article-body{max-width:700px;margin:auto;font-size:16px;line-height:1.75}.article-body p{margin:0 0 1.45em}.article-body h2{margin:1.8em 0 .55em;font-size:23px}.article-body h3{font-size:19px}.article-body iframe,.article-body .wp-block-embed{width:100%;max-width:100%;margin:30px 0}
.article-gallery{max-width:820px;margin:40px auto 0}.article-gallery figure{margin:0 0 26px}.article-gallery img{width:100%}
.related{max-width:940px;margin:56px auto 0;padding-top:22px;border-top:1px solid var(--line)}.related h2{font-size:22px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.related article a{text-decoration:none}.related article a>div{aspect-ratio:16/10;overflow:hidden}.related img{width:100%;height:100%;object-fit:cover}.related time{display:block;margin-top:8px;color:#777;font-size:10px}.related h3{margin:5px 0 0;font-size:14px;line-height:1.35}

/* PAGES */
.page-main,.list-main{padding:36px 0 64px}.page-head{max-width:760px;margin-bottom:26px;padding-bottom:15px;border-bottom:1px solid var(--line)}.page-head h1{margin:0;font-size:34px}.page-copy{max-width:720px;font-size:16px;line-height:1.75}.page-copy p{margin:0 0 1.45em}.page-copy h2{font-size:22px}.page-copy a{color:var(--yellow)}
.tip-layout{display:grid;grid-template-columns:300px 1fr;gap:44px;max-width:920px}.tip-intro h2{margin-top:0;font-size:27px}.tip-intro p{color:#bbb;font-size:14px}.tip-form{padding:26px;background:#0c0c0c;border:1px solid var(--line)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tip-form label{display:block;margin-bottom:14px;font-size:12px;font-weight:700}.tip-form small{color:#777;font-weight:400}.tip-form input,.tip-form textarea{width:100%;margin-top:6px;padding:11px;border:1px solid rgba(255,255,255,.16);background:#151515;color:#fff}.tip-form button{width:100%;padding:13px;border:0;background:var(--yellow);font-weight:800;text-transform:uppercase}.form-message{margin-bottom:14px;padding:12px;border-left:3px solid var(--yellow);background:#111}
.not-found{text-align:center;padding:70px 0}.not-found strong{display:block;color:var(--yellow);font-size:70px}

/* FOOTER */
.site-footer{margin-top:auto;padding-top:42px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.8fr);gap:44px}.footer-logo img{width:180px}.footer-grid section p{max-width:360px;color:#999;font-size:12px}.footer-grid section>a:last-child{color:var(--yellow);font-size:12px}.footer-grid nav h2{margin:0 0 13px;font-size:11px;text-transform:uppercase}.footer-grid nav a{display:block;margin-bottom:8px;color:#bbb;text-decoration:none;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:34px;padding:18px 0 24px;border-top:1px solid var(--line)}.footer-bottom a{font-size:11px;font-weight:700;text-decoration:none}.footer-bottom span{color:#777;font-size:10px}

/* COPY DETERRENCE */
.protected-content{-webkit-user-select:none;user-select:none}.protected-content img,.news-image img,.hero-image img{-webkit-user-drag:none;user-drag:none}

/* TABLET */
@media(min-width:701px) and (max-width:1024px){
 .shell{width:min(calc(100% - 36px),960px)}.brand-logo img{width:185px}.search-form{width:220px}.desktop-nav a{padding:0 10px;font-size:11px}
 .hero-slider{height:440px}.hero-overlay h1{font-size:26px}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.news-copy h2{font-size:15px}
 .related-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}
}

/* MOBILE */
@media(max-width:700px){
 .admin-bar .site-header{top:46px}.shell{width:calc(100% - 28px)}.topline,.desktop-nav,.search-form{display:none}.brandline-inner{min-height:66px}.brand-logo img{width:145px}.site-header.is-compact .brandline-inner{min-height:58px}.site-header.is-compact .brand-logo img{width:126px}.menu-toggle{display:block}
 .home-main{padding:14px 0 44px}.hero-slider{height:310px}.hero-overlay{padding:15px}.hero-kicker{gap:8px}.hero-overlay h1{font-size:18px;line-height:1.2}.slider-arrow{display:none}.slider-dots{top:11px;right:11px}
 .news-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}.news-copy h2{font-size:15px}.news-copy p{min-height:auto;font-size:12px}
 .article-main{padding:18px 14px 44px}.article-head{margin:20px 0 26px}.article-head h1{font-size:28px}.article-meta{display:block}.article-body{font-size:15px;line-height:1.66}.article-body p{margin-bottom:1.35em}.related-grid{grid-template-columns:1fr}
 .page-main,.list-main{padding:22px 0 44px}.page-head h1{font-size:26px}.page-copy{font-size:15px;line-height:1.66}.tip-layout{grid-template-columns:1fr;gap:22px}.form-row{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr;gap:26px}.footer-logo img{width:150px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}
}
@media(max-width:390px){.shell{width:calc(100% - 24px)}.hero-slider{height:285px}.hero-overlay h1{font-size:17px}.brand-logo img{width:138px}}


/* =========================================================
   Lokatel Press CMS 2.1 Premium refinement
   ========================================================= */

/* WordPress beheerdersbalk: geen overlap, geen rare verschuiving */
html{
    scroll-padding-top:0!important;
}
body.admin-bar .site-header{
    top:32px!important;
}
@media(max-width:782px){
    body.admin-bar .site-header{
        top:46px!important;
    }
}
#wpadminbar{
    position:fixed!important;
    z-index:100000!important;
}

/* Bovenbalk en sociale iconen exact uitlijnen */
.topline-inner{
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    min-height:36px!important;
}
.topline-right{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    height:36px!important;
    margin-left:0!important;
}
.lpcms2-socials{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    height:28px!important;
}
.lpcms2-socials a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:24px!important;
    line-height:1!important;
    border-radius:50%!important;
    overflow:hidden!important;
}
.lpcms2-socials img{
    display:block!important;
    width:22px!important;
    height:22px!important;
    object-fit:contain!important;
}

/* Premium typografie: minder zwaar, meer rust */
body{
    font-size:14px!important;
    line-height:1.65!important;
}
.page-head h1{
    font-size:31px!important;
    font-weight:650!important;
}
.page-copy,
.article-body{
    font-size:15.5px!important;
    line-height:1.78!important;
}
.page-copy p,
.article-body p{
    margin-bottom:1.55em!important;
}
.page-copy h2,
.article-body h2{
    font-size:21px!important;
    font-weight:650!important;
}
.page-copy h3,
.article-body h3{
    font-size:18px!important;
    font-weight:650!important;
}

/* Tip de redactie chiquer en breder */
.tip-layout{
    grid-template-columns:minmax(250px,320px) minmax(0,1fr)!important;
    max-width:980px!important;
    gap:48px!important;
}
.tip-form{
    padding:30px!important;
    background:linear-gradient(180deg,#101010,#0b0b0b)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 18px 45px rgba(0,0,0,.25)!important;
}
.tip-form input,
.tip-form textarea{
    border-radius:2px!important;
}
.tip-form button{
    color:#050505!important;
    letter-spacing:.02em!important;
}

/* Nieuwskaarttitels in de PRESS-goudkleur */
.news-copy h2{
    color:#ffdd1a!important;
}

/* Desktopfooter verfijnen */
.site-footer{
    background:#030303!important;
}
.footer-grid{
    align-items:start!important;
}
.footer-grid nav a{
    line-height:1.45!important;
}
.footer-bottom{
    align-items:center!important;
}

/* Mobiele verfijning */
@media(max-width:700px){
    .site-header{
        top:0!important;
    }
    body.admin-bar .site-header{
        top:46px!important;
    }
    .brandline-inner{
        min-height:62px!important;
    }
    .brand-logo img{
        width:138px!important;
    }
    .mobile-menu{
        position:fixed!important;
        inset:calc(46px + 62px) 0 0 0!important;
        overflow-y:auto!important;
        padding:18px 20px 28px!important;
        background:#050505!important;
    }
    body:not(.admin-bar) .mobile-menu{
        inset:62px 0 0 0!important;
    }
    .mobile-menu a{
        font-size:15px!important;
        padding:15px 0!important;
    }
    .page-copy,
    .article-body{
        font-size:15px!important;
        line-height:1.68!important;
    }
    .page-head h1{
        font-size:25px!important;
    }
    .tip-layout{
        grid-template-columns:1fr!important;
        gap:24px!important;
    }
    .tip-form{
        padding:20px!important;
    }
}


/* =========================================================
   Lokatel Press CMS 2.2 Final Polish
   ========================================================= */

/* WordPress adminbar en header */
#wpadminbar{
    position:fixed!important;
    top:0!important;
    z-index:999999!important;
}
body.admin-bar .site-header{
    top:32px!important;
}
@media(max-width:782px){
    body.admin-bar .site-header{
        top:46px!important;
    }
}

/* Footer blijft onderaan */
body{
    min-height:100vh!important;
    display:flex!important;
    flex-direction:column!important;
}
.site-main{
    flex:1 0 auto!important;
}
.site-footer{
    margin-top:auto!important;
    flex-shrink:0!important;
}

/* Header strakker */
.topline-inner{
    display:flex!important;
    align-items:center!important;
}
.topline-right{
    margin-left:auto!important;
}
.brandline-inner{
    min-height:86px!important;
}
.brand-logo img{
    width:205px!important;
}
.search-form{
    width:250px!important;
}
.lpcms2-socials{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
}
.lpcms2-socials a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:24px!important;
}
.lpcms2-socials img{
    width:22px!important;
    height:22px!important;
    object-fit:contain!important;
}
.lpcms2-socials a[aria-label="YouTube"] img{
    width:21px!important;
    height:21px!important;
}

/* Zoekfunctie mooier */
.search-form{
    border-radius:3px!important;
    overflow:hidden!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.04)!important;
}
.search-form input{
    transition:border-color .2s ease,background .2s ease!important;
}
.search-form input:focus{
    outline:none!important;
    border-color:var(--gold)!important;
    background:#151515!important;
}
.search-form button{
    transition:transform .18s ease,filter .18s ease!important;
}
.search-form button:hover{
    filter:brightness(1.08)!important;
}

/* Slider vloeiender */
.hero-slide{
    transition:opacity 1.35s ease,visibility 1.35s ease,transform 7s ease!important;
    will-change:opacity,transform!important;
}
.hero-image img{
    transform:scale(1.015)!important;
    transition:transform 7s ease!important;
}
.hero-slide.is-active .hero-image img{
    transform:scale(1)!important;
}
.hero-overlay{
    background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.88) 72%,rgba(0,0,0,.96) 100%)!important;
}
.slider-arrow{
    border-radius:3px!important;
    transition:opacity .2s ease,transform .2s ease,background .2s ease!important;
}
.slider-arrow:hover{
    background:rgba(215,173,56,.92)!important;
    color:#050505!important;
    transform:scale(1.04)!important;
}

/* Exclusieve homepage */
.premium-news-layout{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:28px 22px!important;
    margin-top:34px!important;
}
.news-card-featured{
    grid-column:span 2!important;
    grid-row:span 2!important;
}
.news-card-featured .news-image{
    aspect-ratio:16/11!important;
}
.news-card-featured .news-copy h2{
    font-size:21px!important;
}
.news-card-featured .news-copy p{
    font-size:13px!important;
    -webkit-line-clamp:4!important;
}
.news-meta{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin-bottom:5px!important;
    color:#777!important;
    font-size:10px!important;
}
.news-meta span::before{
    content:"•";
    margin-right:8px;
}
.news-copy h2{
    color:#ffdd1a!important;
    font-weight:600!important;
}
.news-card{
    transition:transform .22s ease!important;
}
.news-card:hover{
    transform:translateY(-4px)!important;
}
.news-image img{
    transition:transform .45s ease,filter .3s ease!important;
}
.news-card:hover .news-image img{
    transform:scale(1.035)!important;
    filter:brightness(1.04)!important;
}

/* Typografie rustiger */
body{
    font-size:14px!important;
}
.hero-overlay h1{
    font-weight:600!important;
}
.article-head h1{
    font-size:40px!important;
    font-weight:650!important;
}
.article-kicker{
    display:flex!important;
    gap:10px!important;
    margin-bottom:9px!important;
}
.article-kicker span{
    font-size:10px!important;
    text-transform:uppercase!important;
    font-weight:700!important;
}
.article-kicker span:first-child{
    color:var(--yellow)!important;
}
.article-body{
    max-width:720px!important;
    font-size:16px!important;
    line-height:1.78!important;
}
.article-body p{
    margin-bottom:1.55em!important;
}

/* YouTube netjes geïntegreerd */
.article-body iframe,
.article-body .wp-block-embed,
.article-body .wp-block-embed__wrapper{
    width:100%!important;
    max-width:100%!important;
}
.article-body iframe{
    aspect-ratio:16/9!important;
    height:auto!important;
    border:0!important;
}
.article-body .wp-block-embed{
    margin:34px 0!important;
}

/* Fotogalerij */
.article-gallery{
    max-width:920px!important;
    margin-top:50px!important;
}
.article-gallery header span,
.related-head span{
    color:var(--yellow)!important;
    font-size:10px!important;
    text-transform:uppercase!important;
    font-weight:800!important;
}
.article-gallery header h2,
.related-head h2{
    margin:4px 0 18px!important;
}
.article-gallery-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
}
.article-gallery-grid figure{
    margin:0!important;
}
.article-gallery-grid img{
    width:100%!important;
    height:100%!important;
    aspect-ratio:4/3!important;
    object-fit:cover!important;
}
.article-gallery-grid figcaption{
    margin-top:6px!important;
    color:#777!important;
    font-size:10px!important;
}

/* Auteurblok */
.author-box{
    display:flex!important;
    gap:16px!important;
    align-items:center!important;
    max-width:720px!important;
    margin:46px auto 0!important;
    padding:20px!important;
    border:1px solid var(--line)!important;
    background:#0b0b0b!important;
}
.author-mark{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 48px!important;
    width:48px!important;
    height:48px!important;
    border-radius:50%!important;
    background:var(--gold)!important;
    color:#050505!important;
    font-weight:800!important;
}
.author-box p{
    margin:4px 0 0!important;
    color:#999!important;
    font-size:12px!important;
}

/* Tipformulier */
.anonymous-option{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:12px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:#111!important;
}
.anonymous-option input{
    width:auto!important;
    margin:0!important;
}
.upload-field{
    padding:13px!important;
    border:1px dashed rgba(255,255,255,.22)!important;
}
.form-note{
    margin:12px 0 0!important;
    color:#777!important;
    font-size:10px!important;
}
.form-message.error{
    border-left-color:#d94b4b!important;
}

/* Mobiel en tablet */
@media(min-width:701px) and (max-width:1024px){
    .premium-news-layout{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .news-card-featured{
        grid-column:1/-1!important;
        grid-row:auto!important;
    }
    .article-gallery-grid{
        grid-template-columns:1fr 1fr!important;
    }
}
@media(max-width:700px){
    .brandline-inner{
        min-height:62px!important;
    }
    .brand-logo img{
        width:138px!important;
    }
    .premium-news-layout{
        grid-template-columns:1fr!important;
        gap:20px!important;
        margin-top:20px!important;
    }
    .news-card-featured{
        grid-column:auto!important;
        grid-row:auto!important;
    }
    .news-card-featured .news-copy h2{
        font-size:17px!important;
    }
    .article-head h1{
        font-size:27px!important;
    }
    .article-gallery-grid{
        grid-template-columns:1fr!important;
    }
    .author-box{
        align-items:flex-start!important;
    }
    .floating-tip{
        right:14px!important;
        bottom:14px!important;
    }
}

.reveal-item{
    opacity:0;
    transform:translateY(10px);
    transition:opacity .45s ease,transform .45s ease;
}
.reveal-item.is-visible{
    opacity:1;
    transform:none;
}
.tip-form label.is-disabled{
    opacity:.45;
}
@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{
        animation-duration:.01ms!important;
        transition-duration:.01ms!important;
        scroll-behavior:auto!important;
    }
}


/* =========================================================
   Lokatel Press CMS 2.3 Clean News
   ========================================================= */

/* Homepage: alleen gelijke kaarten */
.premium-news-layout{
    display:none!important;
}
.equal-news-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:28px 22px!important;
    margin-top:30px!important;
}
.equal-news-grid .news-card{
    grid-column:auto!important;
    grid-row:auto!important;
}
.equal-news-grid .news-image{
    aspect-ratio:16/10!important;
}
.equal-news-grid .news-copy{
    min-height:150px!important;
}
.equal-news-grid .news-copy h2{
    display:-webkit-box!important;
    min-height:3.9em!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    margin:0!important;
    color:#ffdd1a!important;
    font-size:15px!important;
    line-height:1.3!important;
    font-weight:600!important;
}
.equal-news-grid .news-copy p{
    display:-webkit-box!important;
    min-height:4.65em!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    margin-top:8px!important;
    color:#aaa!important;
    font-size:12px!important;
    line-height:1.55!important;
}

/* Artikel rustiger en kleiner */
.article-main{
    padding-top:24px!important;
}
.article{
    max-width:980px!important;
}
.article-hero img{
    width:100%!important;
    max-height:610px!important;
    object-fit:cover!important;
}
.article-head{
    max-width:680px!important;
    margin:24px auto 30px!important;
}
.article-head h1{
    margin:0!important;
    color:var(--gold)!important;
    font-size:34px!important;
    line-height:1.12!important;
    font-weight:600!important;
}
.article-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px 14px!important;
    margin-top:11px!important;
    color:#999!important;
    font-size:11px!important;
}
.article-body{
    max-width:650px!important;
    font-size:15.5px!important;
    line-height:1.76!important;
    font-weight:400!important;
}
.article-body p{
    margin:0 0 1.5em!important;
}
.article-body h2{
    margin:1.75em 0 .55em!important;
    font-size:21px!important;
    line-height:1.28!important;
    font-weight:600!important;
}
.article-body h3{
    font-size:18px!important;
    font-weight:600!important;
}

/* Alleen echte ingevoegde video/galerij tonen */
.article-body .wp-block-embed,
.article-body iframe{
    margin:32px 0!important;
}
.article-gallery{
    margin-top:44px!important;
}

/* Auteurblok definitief weg */
.author-box{
    display:none!important;
}

/* Footer sluit aan zonder onnodige lege ruimte */
.site-footer{
    margin-top:auto!important;
}
.footer-grid{
    padding-top:0!important;
}
.footer-bottom{
    margin-top:28px!important;
}

/* Tablet */
@media(min-width:701px) and (max-width:1024px){
    .equal-news-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .article-head h1{
        font-size:31px!important;
    }
}

/* Mobiel */
@media(max-width:700px){
    .equal-news-grid{
        grid-template-columns:1fr!important;
        gap:20px!important;
        margin-top:20px!important;
    }
    .equal-news-grid .news-copy{
        min-height:auto!important;
    }
    .equal-news-grid .news-copy h2,
    .equal-news-grid .news-copy p{
        min-height:auto!important;
    }
    .article-main{
        padding:16px 14px 42px!important;
    }
    .article-head{
        margin:18px 0 24px!important;
    }
    .article-head h1{
        font-size:26px!important;
        line-height:1.16!important;
    }
    .article-body{
        max-width:100%!important;
        font-size:15px!important;
        line-height:1.68!important;
    }
}


/* =========================================================
   Lokatel Press CMS 2.4 Final
   ========================================================= */

/* Slider: scherpe foto, doorzichtige zwarte balk */
.hero-overlay{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:rgba(0,0,0,.66)!important;
}
.hero-image img{
    filter:none!important;
}

/* Weer en verkeer */
.topline-right{
    position:relative!important;
}
.status-pill{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    min-height:27px!important;
    padding:0 10px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:999px!important;
    background:#111!important;
    color:#fff!important;
    font:inherit!important;
    cursor:pointer!important;
}
.status-pill strong{
    font-size:11px!important;
    white-space:nowrap!important;
}
.status-pill:hover,
.status-pill[aria-expanded="true"]{
    border-color:var(--gold)!important;
    color:var(--yellow)!important;
}
.weather-panel,
.traffic-panel{
    position:fixed!important;
    top:42px!important;
    right:max(24px,calc((100vw - var(--max))/2))!important;
    z-index:999998!important;
    width:min(400px,calc(100vw - 28px))!important;
    padding:18px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:14px!important;
    background:#111!important;
    box-shadow:0 24px 60px rgba(0,0,0,.55)!important;
}
.admin-bar .weather-panel,
.admin-bar .traffic-panel{
    top:74px!important;
}
.panel-head{
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-start!important;
    margin-bottom:14px!important;
}
.panel-head small{
    display:block!important;
    color:#8e7bb1!important;
    font-size:10px!important;
    font-weight:800!important;
}
.panel-head strong{
    display:block!important;
    font-size:20px!important;
}
.panel-head>span{
    color:#888!important;
    font-size:10px!important;
}
.weather-primary{
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
    padding:16px!important;
    border-radius:14px!important;
    background:#1a1720!important;
}
.weather-symbol{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:68px!important;
    height:68px!important;
    border-radius:14px!important;
    background:#fff!important;
    font-size:34px!important;
}
.weather-primary b{
    display:block!important;
    font-size:34px!important;
}
.weather-primary span{
    color:#c7c0cf!important;
    font-size:13px!important;
}
.weather-facts{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin-top:12px!important;
}
.weather-facts>div{
    padding:11px!important;
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:11px!important;
    background:#17141c!important;
}
.weather-facts small{
    display:block!important;
    color:#8e7bb1!important;
    font-size:9px!important;
    font-weight:800!important;
}
.weather-facts strong{
    font-size:12px!important;
}
.weather-panel h3{
    margin:16px 0 8px!important;
    font-size:13px!important;
}
.forecast-list{
    display:grid!important;
    gap:8px!important;
}
.forecast-list>div{
    display:flex!important;
    justify-content:space-between!important;
    padding:11px!important;
    border-radius:10px!important;
    background:#17141c!important;
    font-size:12px!important;
}
.traffic-total{
    padding:20px!important;
    border-radius:14px!important;
    background:#181818!important;
}
.traffic-total b{
    display:block!important;
    color:var(--yellow)!important;
    font-size:32px!important;
}
.traffic-total span{
    color:#aaa!important;
    font-size:12px!important;
}
.traffic-panel p{
    margin:12px 0 0!important;
    color:#999!important;
    font-size:12px!important;
}

/* Kopieerbeveiliging tegen eenvoudig gebruik */
.protected-content,
.article-body,
.page-copy,
.news-copy,
.hero-overlay{
    -webkit-user-select:none!important;
    user-select:none!important;
}
.news-image,
.hero-image,
.article-hero,
.article-gallery figure{
    position:relative!important;
}
.news-image::after,
.hero-image::after,
.article-hero::after,
.article-gallery figure::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    background:transparent!important;
}
.news-image img,
.hero-image img,
.article-hero img,
.article-gallery img{
    -webkit-user-drag:none!important;
    user-drag:none!important;
    pointer-events:none!important;
}

/* Laatste polish */
.news-card,
.search-form,
.status-pill,
.floating-tip{
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.floating-tip:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 10px 24px rgba(255,208,0,.18)!important;
}

/* Mobiel */
@media(max-width:700px){
    .topline{
        display:block!important;
        height:38px!important;
    }
    .topline-inner{
        min-height:38px!important;
        height:38px!important;
        font-size:0!important;
    }
    .topline-inner>.live-dot,
    .topline-inner>span:not(.topline-right){
        display:none!important;
    }
    .topline-right{
        width:100%!important;
        justify-content:center!important;
        gap:7px!important;
    }
    .topline-right .lpcms2-socials{
        display:none!important;
    }
    .status-pill{
        min-height:29px!important;
    }
    .weather-panel,
    .traffic-panel{
        top:44px!important;
        right:14px!important;
        left:14px!important;
        width:auto!important;
        max-height:calc(100vh - 60px)!important;
        overflow-y:auto!important;
    }
    .admin-bar .weather-panel,
    .admin-bar .traffic-panel{
        top:90px!important;
    }
    .hero-overlay{
        background:rgba(0,0,0,.58)!important;
        padding:13px 15px!important;
    }
    .hero-overlay h1{
        font-size:17px!important;
    }
}


/* =========================================================
   Lokatel Press CMS 2.5 — brand polish
   ========================================================= */

/* Sliderbalk minder dominant, foto blijft zichtbaar */
.hero-overlay{
    padding:18px 24px!important;
    background:linear-gradient(
        180deg,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,.18) 20%,
        rgba(0,0,0,.58) 100%
    )!important;
}
.hero-overlay h1{
    margin-bottom:5px!important;
}
.hero-kicker{
    margin-bottom:5px!important;
}

/* Weerpaneel volledig in Lokatel Press-kleuren */
.weather-panel,
.traffic-panel{
    border-color:rgba(215,173,56,.34)!important;
    background:#080808!important;
}
.panel-head small,
.weather-facts small{
    color:#ffdd1a!important;
}
.panel-head strong,
.weather-panel h3,
.forecast-list strong{
    color:#fff!important;
}
.weather-primary{
    background:#111!important;
    border:1px solid rgba(215,173,56,.20)!important;
}
.weather-symbol{
    background:#141414!important;
    color:#ffdd1a!important;
    border:1px solid rgba(215,173,56,.28)!important;
    text-shadow:0 0 18px rgba(255,208,0,.18)!important;
}
.weather-primary b{
    color:#ffdd1a!important;
}
.weather-primary span{
    color:#d0d0d0!important;
}
.weather-facts>div,
.forecast-list>div{
    background:#101010!important;
    border-color:rgba(215,173,56,.18)!important;
}
.weather-facts strong,
.forecast-list span{
    color:#fff!important;
}
.traffic-total{
    background:#101010!important;
    border:1px solid rgba(215,173,56,.22)!important;
}
.traffic-total b{
    color:#ffdd1a!important;
}

/* Statusknoppen beter passend bij logo */
.status-pill{
    border-color:rgba(215,173,56,.28)!important;
    background:#0d0d0d!important;
}
.status-pill:hover,
.status-pill[aria-expanded="true"]{
    border-color:#ffdd1a!important;
    color:#ffdd1a!important;
}

/* Desktop slider iets rustiger */
@media(min-width:701px){
    .hero-overlay{
        min-height:112px!important;
        display:flex!important;
        flex-direction:column!important;
        justify-content:flex-end!important;
    }
}

/* Mobiel: balk veel lichter en lager */
@media(max-width:700px){
    .hero-overlay{
        padding:11px 13px!important;
        background:linear-gradient(
            180deg,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.14) 18%,
            rgba(0,0,0,.52) 100%
        )!important;
    }
    .hero-kicker{
        gap:6px!important;
        margin-bottom:3px!important;
    }
    .hero-kicker span{
        font-size:9px!important;
    }
    .hero-overlay h1{
        font-size:16px!important;
        line-height:1.18!important;
        margin-bottom:3px!important;
    }
    .hero-overlay time{
        font-size:9px!important;
    }
}


/* =========================================================
   Lokatel Press CMS 2.6 Ultimate — definitieve sliderafwerking
   ========================================================= */

/* Sliderbalk: subtiel, zonder blur, met veel zicht op de foto */
.hero-overlay{
    display:block!important;
    min-height:0!important;
    padding:18px 24px 16px!important;
    background:linear-gradient(
        180deg,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,.10) 16%,
        rgba(0,0,0,.56) 100%
    )!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}
.hero-overlay h1{
    max-width:820px!important;
    margin:0 0 8px!important;
    color:#fff!important;
    font-size:30px!important;
    line-height:1.14!important;
    font-weight:600!important;
    text-shadow:0 2px 10px rgba(0,0,0,.46)!important;
}
.hero-meta-line{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:7px 10px!important;
    color:#ffdd1a!important;
    font-size:10px!important;
    line-height:1.35!important;
    font-weight:700!important;
    text-transform:none!important;
}
.hero-meta-line span{
    color:#ffdd1a!important;
}
.hero-meta-line span+span::before{
    content:"•"!important;
    margin-right:10px!important;
    color:#ffdd1a!important;
}

/* Oude slider-kicker volledig uitschakelen */
.hero-kicker{
    display:none!important;
}

/* Pijlen netjes en alleen zichtbaar bij hover op desktop */
.slider-arrow{
    width:40px!important;
    height:48px!important;
    margin-top:-24px!important;
    border-radius:3px!important;
    background:rgba(0,0,0,.58)!important;
    color:#fff!important;
    opacity:0!important;
}
.hero-slider:hover .slider-arrow{
    opacity:1!important;
}
.slider-arrow:hover{
    background:#ffdd1a!important;
    color:#050505!important;
}

/* Nieuwskaarten exact gelijk */
.equal-news-grid .news-card{
    height:100%!important;
}
.equal-news-grid .news-card>a{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
}
.equal-news-grid .news-image{
    aspect-ratio:16/10!important;
}
.equal-news-grid .news-copy{
    display:flex!important;
    flex-direction:column!important;
    min-height:152px!important;
}
.equal-news-grid .news-copy h2{
    color:#ffdd1a!important;
    font-weight:600!important;
}
.equal-news-grid .news-copy p{
    margin-top:8px!important;
}

/* Header, social icons en zoekveld einduitlijning */
.topline-right,
.lpcms2-socials{
    align-items:center!important;
}
.lpcms2-socials a,
.lpcms2-socials img{
    flex:0 0 auto!important;
}
.search-form{
    width:240px!important;
}
.brandline-inner{
    min-height:84px!important;
}
.brand-logo img{
    width:202px!important;
}

/* Footer altijd onderaan en zonder overtollige lege ruimte */
body{
    min-height:100vh!important;
    display:flex!important;
    flex-direction:column!important;
}
.site-main{
    flex:1 0 auto!important;
}
.site-footer{
    margin-top:auto!important;
    flex-shrink:0!important;
}

/* Mobiel: lagere balk en meer foto */
@media(max-width:700px){
    .hero-slider{
        height:300px!important;
    }
    .hero-overlay{
        padding:11px 13px 10px!important;
        background:linear-gradient(
            180deg,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.08) 14%,
            rgba(0,0,0,.48) 100%
        )!important;
    }
    .hero-overlay h1{
        margin-bottom:5px!important;
        font-size:16px!important;
        line-height:1.18!important;
    }
    .hero-meta-line{
        gap:4px 7px!important;
        font-size:9px!important;
        line-height:1.25!important;
    }
    .hero-meta-line span+span::before{
        margin-right:7px!important;
    }
    .brandline-inner{
        min-height:60px!important;
    }
    .brand-logo img{
        width:136px!important;
    }
    .equal-news-grid .news-copy{
        min-height:auto!important;
    }
}

/* Zeer smalle telefoons */
@media(max-width:390px){
    .hero-slider{
        height:278px!important;
    }
    .hero-overlay h1{
        font-size:15px!important;
    }
    .hero-meta-line{
        font-size:8.5px!important;
    }
}


/* =========================================================
   Lokatel Press CMS 2.7 — nieuwskaarten en slider-meta
   ========================================================= */

.hero-overlay{
    padding:18px 24px 16px!important;
    background:rgba(0,0,0,.62)!important;
}
.hero-overlay h1{
    margin-bottom:8px!important;
}
.hero-meta-line span+span::before{
    content:"|"!important;
    margin-right:9px!important;
    color:#ffdd1a!important;
}

.equal-news-grid{
    align-items:stretch!important;
}
.equal-news-grid .news-card{
    display:flex!important;
    height:100%!important;
    background:#0b0b0b!important;
    border:1px solid rgba(215,173,56,.16)!important;
    border-radius:3px!important;
    overflow:hidden!important;
}
.equal-news-grid .news-card>a{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100%!important;
}
.equal-news-grid .news-image{
    flex:0 0 auto!important;
    aspect-ratio:16/10!important;
    background:#111!important;
}
.equal-news-grid .news-copy{
    display:flex!important;
    flex-direction:column!important;
    flex:1!important;
    min-height:250px!important;
    padding:17px 18px 18px!important;
}
.equal-news-grid .news-copy h2{
    display:-webkit-box!important;
    min-height:3.9em!important;
    margin:0 0 10px!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    color:#ffdd1a!important;
    font-size:15px!important;
    line-height:1.3!important;
    font-weight:600!important;
    text-transform:none!important;
}
.card-meta-line{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:4px 7px!important;
    min-height:18px!important;
    margin-bottom:12px!important;
    color:#9d9d9d!important;
    font-size:10px!important;
    line-height:1.4!important;
}
.card-meta-line span{
    color:#9d9d9d!important;
}
.card-meta-line span+span::before{
    content:"|"!important;
    margin-right:7px!important;
    color:#ffdd1a!important;
}
.equal-news-grid .news-copy p{
    display:-webkit-box!important;
    min-height:4.65em!important;
    margin:0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    color:#d0d0d0!important;
    font-size:12px!important;
    line-height:1.55!important;
}
.read-more-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:flex-start!important;
    margin-top:auto!important;
    padding:9px 12px!important;
    border:1px solid rgba(215,173,56,.55)!important;
    border-radius:2px!important;
    background:#111!important;
    color:#ffdd1a!important;
    font-size:10px!important;
    font-weight:700!important;
    text-transform:uppercase!important;
}
.news-card:hover .read-more-link{
    background:#ffdd1a!important;
    color:#050505!important;
}
.news-card:hover{
    border-color:rgba(215,173,56,.48)!important;
}

@media(min-width:1025px){
    .equal-news-grid .news-copy{
        min-height:260px!important;
    }
}
@media(min-width:701px) and (max-width:1024px){
    .equal-news-grid .news-copy{
        min-height:235px!important;
    }
}
@media(max-width:700px){
    .hero-overlay{
        padding:12px 14px 11px!important;
        background:rgba(0,0,0,.58)!important;
    }
    .hero-meta-line span+span::before{
        margin-right:7px!important;
    }
    .equal-news-grid .news-copy{
        min-height:230px!important;
        padding:15px 15px 16px!important;
    }
    .equal-news-grid .news-copy h2{
        font-size:16px!important;
    }
}

/* v2.8 final polish */
.hero-date::before{content:none!important}.traffic-update{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:12px!important;padding:12px 14px!important;border:1px solid rgba(215,173,56,.18)!important;border-radius:10px!important;background:#101010!important}.traffic-update small{color:#ffdd1a!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important}.traffic-update strong{color:#fff!important;font-size:11px!important}.lpcms2-socials a{width:24px!important;height:24px!important;flex:0 0 24px!important;border-radius:50%!important;overflow:hidden!important}.lpcms2-socials img,.lpcms2-socials a[aria-label="YouTube"] img{width:22px!important;height:22px!important;object-fit:contain!important;object-position:center!important;transform:none!important}.related-grid{align-items:stretch!important}.related-grid article{display:flex!important;height:100%!important;background:#0b0b0b!important;border:1px solid rgba(215,173,56,.16)!important}.related-grid article>a{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;text-decoration:none!important}.related-image{aspect-ratio:16/10!important;overflow:hidden!important}.related-image img{width:100%!important;height:100%!important;object-fit:cover!important}.related-copy{display:flex!important;flex-direction:column!important;flex:1!important;min-height:250px!important;padding:15px 16px 17px!important}.related-copy h3{display:-webkit-box!important;min-height:3.9em!important;margin:0 0 10px!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;color:#ffdd1a!important;font-size:15px!important;line-height:1.3!important;font-weight:600!important}.related-meta{display:flex!important;flex-wrap:wrap!important;gap:4px 7px!important;margin-bottom:11px!important;color:#999!important;font-size:9px!important}.related-meta span+span::before{content:"|"!important;margin-right:7px!important;color:#ffdd1a!important}.related-copy p{display:-webkit-box!important;min-height:4.65em!important;margin:0!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;color:#ccc!important;font-size:12px!important;line-height:1.55!important}.related-read-more{align-self:flex-start!important;margin-top:auto!important;padding:8px 11px!important;border:1px solid rgba(215,173,56,.55)!important;background:#111!important;color:#ffdd1a!important;font-size:9px!important;font-weight:700!important;text-transform:uppercase!important}.related-grid article:hover .related-read-more{background:#ffdd1a!important;color:#050505!important}.search-results-head{margin-bottom:24px!important;padding-bottom:14px!important;border-bottom:1px solid var(--line)!important}.search-results-head>span{color:#ffdd1a!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important}.search-results-head h1{margin:4px 0 0!important;font-size:30px!important;font-weight:600!important}.not-found{max-width:720px!important;margin:0 auto!important}.not-found p{color:#aaa!important}.not-found-search{display:flex!important;max-width:520px!important;margin:24px auto 16px!important}.not-found-search input{flex:1!important;min-width:0!important;height:42px!important;border:1px solid var(--line)!important;border-right:0!important;background:#111!important;color:#fff!important;padding:0 12px!important}.not-found-search button{width:100px!important;border:0!important;background:#ffdd1a!important;color:#050505!important;font-weight:700!important}.not-found-home{display:inline-flex!important;padding:10px 14px!important;border:1px solid rgba(215,173,56,.45)!important;color:#ffdd1a!important;text-decoration:none!important}.not-found-latest{margin-top:50px!important}.maintenance-main{display:flex!important;align-items:center!important;min-height:70vh!important;padding:50px 0!important}.maintenance-card{max-width:720px!important;margin:0 auto!important;padding:42px!important;text-align:center!important;border:1px solid rgba(215,173,56,.2)!important;background:#0b0b0b!important}.maintenance-logo img{width:190px!important;margin:0 auto 24px!important}.maintenance-card>span{color:#ffdd1a!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important}.maintenance-card h1{margin:8px 0 14px!important;font-size:32px!important;line-height:1.16!important}.maintenance-card p{color:#aaa!important}.maintenance-card a{color:#ffdd1a!important}@media(max-width:700px){.related-grid{grid-template-columns:1fr!important}.related-copy{min-height:230px!important}.search-results-head h1{font-size:24px!important}.maintenance-card{padding:28px 20px!important}.maintenance-card h1{font-size:25px!important}}

/* =========================================================
   Lokatel Press CMS 2.9 — homepage, menu en YouTube-kaarten
   ========================================================= */

/* De redactieplugin mag geen tweede, los grid onderaan toevoegen. */
body.lpcms2-theme .lp-home-news,
body.lpcms2-theme .lp-category-news{
    display:none!important;
}

/* In de header blijft altijd precies één zoekveld zichtbaar. */
.site-header .brand-actions>.search-form~.search-form,
.site-header .brand-actions>.lpcms2-header-search~form{
    display:none!important;
}

.desktop-nav .shell{
    align-items:center!important;
    flex-wrap:nowrap!important;
}
.desktop-nav a{
    flex:0 0 auto!important;
}

.home-main{
    padding-top:24px!important;
}
/* De kaarten blijven netjes los van de slider, zonder sectietitel of rechterlink. */
.home-news-grid{
    margin-top:28px!important;
}

/* Eén vaste kaartopmaak op home, categorieën, archieven en zoeken. */
.news-grid.equal-news-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:22px!important;
    width:100%!important;
    margin-top:0!important;
    align-items:stretch!important;
}
.equal-news-grid .news-card{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    overflow:hidden!important;
    border:1px solid rgba(215,173,56,.18)!important;
    border-radius:4px!important;
    background:#0b0b0b!important;
    box-shadow:none!important;
}
.equal-news-grid .news-card>a{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100%!important;
    color:inherit!important;
    text-decoration:none!important;
}
.equal-news-grid .news-image{
    position:relative!important;
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    aspect-ratio:16/10!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#111!important;
}
.equal-news-grid .news-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
}
.equal-news-grid .news-copy{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    min-height:250px!important;
    padding:16px 17px 18px!important;
}
.equal-news-grid .news-copy h2{
    display:-webkit-box!important;
    min-height:3.9em!important;
    margin:0 0 10px!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    color:var(--gold)!important;
    font-size:15px!important;
    line-height:1.3!important;
    font-weight:650!important;
}
.equal-news-grid .news-copy p{
    display:-webkit-box!important;
    min-height:4.65em!important;
    margin:0 0 14px!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    color:#d0d0d0!important;
    font-size:12px!important;
    line-height:1.55!important;
}
.equal-news-grid .read-more-link{
    margin-top:auto!important;
}
.news-type-label,
.hero-video-label{
    display:inline-flex;
    align-items:center;
    align-self:flex-start;
    margin:0 0 8px;
    padding:4px 7px;
    border-radius:2px;
    background:var(--gold);
    color:#050505;
    font-size:9px;
    line-height:1;
    font-weight:800;
    text-transform:uppercase;
}
.hero-video-label{
    margin-bottom:7px;
}

/* YouTube-miniatuur en duidelijke afspeelknop. */
.video-play-badge{
    position:absolute;
    left:50%;
    top:50%;
    z-index:4;
    display:flex;
    width:58px;
    height:58px;
    align-items:center;
    justify-content:center;
    border:2px solid rgba(255,255,255,.92);
    border-radius:50%;
    background:rgba(0,0,0,.72);
    box-shadow:0 8px 28px rgba(0,0,0,.45);
    transform:translate(-50%,-50%);
    transition:transform .2s ease,background .2s ease;
    pointer-events:none;
}
.video-play-badge span{
    width:0;
    height:0;
    margin-left:4px;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    border-left:13px solid #fff;
}
.news-card:hover .video-play-badge,
.hero-slide:hover .video-play-badge{
    background:var(--gold);
    transform:translate(-50%,-50%) scale(1.06);
}
.news-card:hover .video-play-badge span,
.hero-slide:hover .video-play-badge span{
    border-left-color:#050505;
}
.hero-image .video-play-badge{
    width:72px;
    height:72px;
}
.hero-image .video-play-badge span{
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:16px;
}

.news-media-placeholder{
    display:flex;
    width:100%;
    height:100%;
    min-height:100%;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:radial-gradient(circle at center,#191919 0,#080808 72%);
}
.news-media-placeholder img{
    width:min(70%,210px)!important;
    height:auto!important;
    object-fit:contain!important;
    opacity:.72;
}
.hero-image>.news-media-placeholder{
    position:absolute;
    inset:0;
}
.no-news-found{
    grid-column:1/-1;
    margin:0;
    padding:30px;
    border:1px solid var(--line);
    background:#0b0b0b;
    color:#bbb;
}

@media(min-width:701px) and (max-width:1024px){
    .news-grid.equal-news-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:700px){
    .home-main{
        padding-top:14px!important;
    }
    .news-grid.equal-news-grid{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }
    .equal-news-grid .news-copy{
        min-height:220px!important;
    }
    .video-play-badge{
        width:52px;
        height:52px;
    }
    .hero-image .video-play-badge{
        width:58px;
        height:58px;
    }
}

/* v2.9.2: ruimte tussen de slider en het eerste nieuwsbericht.
   Deze selector staat bewust na de algemene grid-regel, zodat margin-top:0
   de afstand niet opnieuw kan verwijderen. */
.hero-slider + .home-news-grid,
section.news-grid.equal-news-grid.home-news-grid{
    margin-top:32px!important;
}

@media(max-width:700px){
    .hero-slider + .home-news-grid,
    section.news-grid.equal-news-grid.home-news-grid{
        margin-top:22px!important;
    }
}


/* =========================================================
   Lokatel Press CMS 2.9.3 — mobiele slider in Press-stijl
   Desktop behoudt de bestaande transparante zwarte balk.
   ========================================================= */
@media(max-width:700px){
    .hero-overlay{
        background:#ffdd1a!important;
        color:#fff!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }
    .hero-overlay h1,
    .hero-meta-line,
    .hero-meta-line span,
    .hero-date,
    .hero-topic,
    .hero-place,
    .hero-video-label{
        color:#fff!important;
        text-shadow:0 1px 4px rgba(0,0,0,.35)!important;
    }
    .hero-meta-line span+span::before{
        color:#fff!important;
    }

    /* Mobiel schuift het volgende beeld zichtbaar van rechts naar links. */
    .hero-slide{
        opacity:0!important;
        visibility:hidden!important;
        transform:translateX(100%)!important;
        transition:none!important;
        will-change:transform!important;
    }
    .hero-slide.is-active{
        opacity:1!important;
        visibility:visible!important;
        transform:translateX(0)!important;
        z-index:2!important;
    }
    .hero-slide.is-entering-right,
    .hero-slide.is-entering-left,
    .hero-slide.is-leaving-left,
    .hero-slide.is-leaving-right{
        opacity:1!important;
        visibility:visible!important;
    }
    .hero-slide.is-entering-right{
        transform:translateX(100%)!important;
        z-index:3!important;
    }
    .hero-slide.is-entering-left{
        transform:translateX(-100%)!important;
        z-index:3!important;
    }
    .hero-slide.is-entering-right.is-sliding,
    .hero-slide.is-entering-left.is-sliding{
        transform:translateX(0)!important;
        transition:transform .58s cubic-bezier(.22,.61,.36,1)!important;
    }
    .hero-slide.is-leaving-left,
    .hero-slide.is-leaving-right{
        transform:translateX(0)!important;
        z-index:2!important;
        transition:transform .58s cubic-bezier(.22,.61,.36,1)!important;
    }
    .hero-slide.is-leaving-left.is-sliding{
        transform:translateX(-100%)!important;
    }
    .hero-slide.is-leaving-right.is-sliding{
        transform:translateX(100%)!important;
    }
}


/* =========================================================
   Lokatel Press CMS 2.9.4 — definitieve Lokatel Press-stijl slider
   Alleen de volledige slide beweegt. De foto zelf zoomt nooit.
   ========================================================= */

.hero-slider{
    position:relative!important;
    height:clamp(500px,54vw,650px)!important;
    overflow:hidden!important;
    background:#111!important;
}

.hero-slide{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    display:block!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateX(100%)!important;
    transition:none!important;
    will-change:transform!important;
}

.hero-slide.is-active{
    z-index:2!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translateX(0)!important;
}

.hero-slide.is-entering-right,
.hero-slide.is-entering-left,
.hero-slide.is-leaving-left,
.hero-slide.is-leaving-right{
    opacity:1!important;
    visibility:visible!important;
}

.hero-slide.is-entering-right{
    z-index:3!important;
    transform:translateX(100%)!important;
}

.hero-slide.is-entering-left{
    z-index:3!important;
    transform:translateX(-100%)!important;
}

.hero-slide.is-entering-right.is-sliding,
.hero-slide.is-entering-left.is-sliding{
    transform:translateX(0)!important;
    transition:transform .72s cubic-bezier(.22,.61,.36,1)!important;
}

.hero-slide.is-leaving-left,
.hero-slide.is-leaving-right{
    z-index:2!important;
    transform:translateX(0)!important;
}

.hero-slide.is-leaving-left.is-sliding{
    transform:translateX(-100%)!important;
    transition:transform .72s cubic-bezier(.22,.61,.36,1)!important;
}

.hero-slide.is-leaving-right.is-sliding{
    transform:translateX(100%)!important;
    transition:transform .72s cubic-bezier(.22,.61,.36,1)!important;
}

.hero-slide>a,
.hero-image{
    display:block!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
}

.hero-image img,
.hero-slide.is-active .hero-image img,
.hero-slide:hover .hero-image img,
.hero-slide>a:hover .hero-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
    scale:1!important;
    zoom:1!important;
    animation:none!important;
    transition:none!important;
    filter:none!important;
}

.hero-overlay{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    min-height:122px!important;
    padding:24px 28px 19px!important;
    background:linear-gradient(
        180deg,
        rgba(4,4,4,0) 0%,
        rgba(4,4,4,.68) 33%,
        rgba(4,4,4,.96) 100%
    )!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}

.hero-overlay h1{
    max-width:1100px!important;
    margin:0!important;
    color:#fff!important;
    font-size:clamp(31px,2.5vw,43px)!important;
    line-height:1.08!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
    text-shadow:0 2px 10px rgba(0,0,0,.75)!important;
}

.hero-meta-line{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:0!important;
    margin-top:11px!important;
    color:#ffdd1a!important;
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:900!important;
}

.hero-meta-line span{
    color:#ffdd1a!important;
    font-size:16px!important;
    font-weight:900!important;
}

.hero-meta-line span+span::before{
    content:"|"!important;
    margin:0 9px!important;
    color:rgba(215,173,56,.68)!important;
}

.slider-dots{
    top:16px!important;
    right:18px!important;
}

.slider-dots button{
    width:8px!important;
    height:8px!important;
    padding:0!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.48)!important;
}

.slider-dots button.is-active{
    width:26px!important;
    background:#ffdd1a!important;
}

@media(max-width:900px){
    .hero-slider{
        height:clamp(340px,58vw,500px)!important;
    }
    .hero-overlay{
        min-height:102px!important;
        padding:19px 22px 15px!important;
    }
    .hero-overlay h1{
        font-size:clamp(25px,4.4vw,35px)!important;
    }
    .hero-meta-line,
    .hero-meta-line span{
        font-size:13px!important;
    }
}

@media(max-width:700px){
    .hero-overlay{
        background:linear-gradient(
            180deg,
            rgba(4,4,4,0) 0%,
            rgba(4,4,4,.68) 33%,
            rgba(4,4,4,.96) 100%
        )!important;
    }
}

@media(max-width:600px){
    .hero-slider{
        height:270px!important;
    }
    .hero-overlay{
        min-height:88px!important;
        padding:14px 14px 12px!important;
    }
    .hero-overlay h1{
        font-size:22px!important;
        line-height:1.1!important;
    }
    .hero-meta-line{
        margin-top:7px!important;
    }
    .hero-meta-line,
    .hero-meta-line span{
        font-size:11px!important;
    }
}


/* =========================================================
   Lokatel Press CMS 2.9.5
   Kleinere titel/meta en PRESS-kleurige balk op tablet/mobiel
   ========================================================= */

/* Desktop iets rustiger en compacter */
.hero-overlay h1{
    font-size:clamp(28px,2.2vw,38px)!important;
    line-height:1.1!important;
}

.hero-meta-line,
.hero-meta-line span{
    font-size:14px!important;
    line-height:1.35!important;
}

/* Tablet, iPad en mobiel: balk in de goudkleur van PRESS */
@media(max-width:1024px){
    .hero-overlay{
        min-height:96px!important;
        padding:17px 20px 14px!important;
        background:#ffdd1a!important;
        border-top:0!important;
    }

    .hero-overlay h1{
        color:#111!important;
        font-size:clamp(23px,3.6vw,31px)!important;
        line-height:1.1!important;
        text-shadow:none!important;
    }

    .hero-meta-line,
    .hero-meta-line span{
        color:#111!important;
        font-size:12px!important;
        line-height:1.35!important;
        text-shadow:none!important;
    }

    .hero-meta-line span+span::before{
        color:rgba(17,17,17,.58)!important;
    }
}

@media(max-width:700px){
    .hero-overlay{
        min-height:82px!important;
        padding:13px 14px 11px!important;
        background:#ffdd1a!important;
    }

    .hero-overlay h1{
        font-size:20px!important;
        line-height:1.1!important;
    }

    .hero-meta-line{
        margin-top:6px!important;
    }

    .hero-meta-line,
    .hero-meta-line span{
        font-size:10px!important;
    }
}

@media(max-width:430px){
    .hero-overlay{
        min-height:76px!important;
        padding:11px 12px 10px!important;
    }

    .hero-overlay h1{
        font-size:18px!important;
        line-height:1.12!important;
    }

    .hero-meta-line,
    .hero-meta-line span{
        font-size:9px!important;
    }
}


/* =========================================================
   Lokatel Press CMS 2.9.6
   Exacte PRESS-kleur op tablet, iPad en mobiel
   ========================================================= */

/* PRESS in het logo gebruikt #ffdd1a, niet het donkerdere goud #ffdd1a. */
@media(max-width:1024px){
    .hero-overlay{
        background:#ffdd1a!important;
        background-image:none!important;
        border-color:#ffdd1a!important;
    }

    .hero-overlay h1,
    .hero-meta-line,
    .hero-meta-line span{
        color:#050505!important;
        text-shadow:none!important;
    }

    .hero-meta-line span+span::before{
        color:rgba(5,5,5,.58)!important;
    }
}

/* Mobiele zwevende knop exact dezelfde PRESS-kleur. */
.floating-tip,
.floating-tip:link,
.floating-tip:visited,
.floating-tip:hover,
.floating-tip:focus,
.floating-tip:active{
    background:#ffdd1a!important;
    background-image:none!important;
    color:#050505!important;
    border-color:#ffdd1a!important;
    opacity:1!important;
    filter:none!important;
    -webkit-appearance:none!important;
    appearance:none!important;
}

/* Ook de verzendknop op Tip de redactie in exact dezelfde kleur. */
.tip-form button,
.tip-form button:hover,
.tip-form button:focus,
.tip-form button:active{
    background:#ffdd1a!important;
    background-image:none!important;
    color:#050505!important;
    border-color:#ffdd1a!important;
    opacity:1!important;
    filter:none!important;
    -webkit-appearance:none!important;
    appearance:none!important;
}


/* =========================================================
   Lokatel Press CMS 2.9.7
   Automatische balkhoogte op tablet, iPad en mobiel
   ========================================================= */

/*
 * De balk groeit nu alleen mee met de werkelijke inhoud.
 * Een korte titel geeft dus een lage balk; een langere titel
 * laat de balk vanzelf hoger worden.
 */
@media(max-width:1024px){
    .hero-overlay{
        min-height:0!important;
        height:auto!important;
        padding:14px 18px 13px!important;
        justify-content:flex-start!important;
        align-items:stretch!important;
    }

    .hero-overlay h1{
        margin:0!important;
    }

    .hero-meta-line{
        margin-top:7px!important;
    }
}

@media(max-width:700px){
    .hero-overlay{
        min-height:0!important;
        height:auto!important;
        padding:11px 13px 10px!important;
    }

    .hero-meta-line{
        margin-top:5px!important;
    }
}

@media(max-width:430px){
    .hero-overlay{
        min-height:0!important;
        height:auto!important;
        padding:10px 11px 9px!important;
    }
}


/* =========================================================
   Lokatel Press CMS 2.9.8
   Professionelere typografie op desktop, tablet en mobiel
   ========================================================= */

/* Desktop: rustiger hiërarchie, minder zwaar en beter leesbaar */
.hero-overlay h1{
    max-width:1080px!important;
    font-size:clamp(27px,2.05vw,36px)!important;
    line-height:1.12!important;
    font-weight:800!important;
    letter-spacing:-.015em!important;
    text-shadow:0 2px 9px rgba(0,0,0,.68)!important;
}

.hero-meta-line{
    margin-top:9px!important;
}

.hero-meta-line,
.hero-meta-line span{
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:650!important;
    letter-spacing:.005em!important;
}

.hero-meta-line span+span::before{
    margin:0 8px!important;
}

/* Tablet en iPad */
@media(max-width:1024px){
    .hero-overlay h1{
        font-size:clamp(22px,3.2vw,29px)!important;
        line-height:1.12!important;
        font-weight:800!important;
        letter-spacing:-.012em!important;
    }

    .hero-meta-line{
        margin-top:7px!important;
    }

    .hero-meta-line,
    .hero-meta-line span{
        color:#2a2a2a!important;
        font-size:11px!important;
        line-height:1.35!important;
        font-weight:650!important;
    }
}

/* Mobiel */
@media(max-width:700px){
    .hero-overlay h1{
        display:-webkit-box!important;
        overflow:hidden!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        font-size:19px!important;
        line-height:1.13!important;
        font-weight:800!important;
        letter-spacing:-.01em!important;
    }

    .hero-meta-line{
        margin-top:6px!important;
    }

    .hero-meta-line,
    .hero-meta-line span{
        color:#333!important;
        font-size:10px!important;
        line-height:1.3!important;
        font-weight:650!important;
    }
}

@media(max-width:430px){
    .hero-overlay h1{
        font-size:18px!important;
    }

    .hero-meta-line,
    .hero-meta-line span{
        font-size:9.5px!important;
    }
}


/* =========================================================
   Lokatel Press CMS 2.9.9
   Android/Samsung kleurcorrectie voor PRESS-geel
   ========================================================= */

/*
 * Sommige Samsung/Android browsers passen websitekleuren aan wanneer
 * geforceerde donkere modus of contrastverbetering actief is. Daardoor werd
 * #ffdd1a bruin weergegeven. Deze regels dwingen de echte PRESS-kleur af.
 */

:root{
    color-scheme:only light!important;
    --lp-press-yellow:#ffdd1a;
}

html,
body{
    forced-color-adjust:none!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
}

/* Tablet, iPad en mobiel: exact PRESS-geel zonder menging of transparantie */
@media(max-width:1024px){
    .hero-overlay{
        background-color:#ffdd1a!important;
        background:#ffdd1a!important;
        background-image:none!important;
        border-color:#ffdd1a!important;
        opacity:1!important;
        filter:none!important;
        mix-blend-mode:normal!important;
        isolation:isolate!important;
        forced-color-adjust:none!important;
        -webkit-print-color-adjust:exact!important;
        print-color-adjust:exact!important;
    }

    .hero-overlay::before,
    .hero-overlay::after{
        display:none!important;
        content:none!important;
        background:none!important;
        opacity:0!important;
    }

    .hero-overlay h1,
    .hero-meta-line,
    .hero-meta-line span{
        color:#050505!important;
        -webkit-text-fill-color:#050505!important;
        opacity:1!important;
        filter:none!important;
        mix-blend-mode:normal!important;
    }
}

/* Zwevende knop exact dezelfde vaste kleur */
.floating-tip,
.floating-tip:link,
.floating-tip:visited,
.floating-tip:hover,
.floating-tip:focus,
.floating-tip:focus-visible,
.floating-tip:active{
    background-color:#ffdd1a!important;
    background:#ffdd1a!important;
    background-image:none!important;
    color:#050505!important;
    -webkit-text-fill-color:#050505!important;
    border:1px solid #ffdd1a!important;
    box-shadow:none!important;
    opacity:1!important;
    filter:none!important;
    mix-blend-mode:normal!important;
    forced-color-adjust:none!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
    -webkit-appearance:none!important;
    appearance:none!important;
}

/* Verzendknop Tip de redactie ook vastzetten */
.tip-form button,
.tip-form button:hover,
.tip-form button:focus,
.tip-form button:focus-visible,
.tip-form button:active{
    background-color:#ffdd1a!important;
    background:#ffdd1a!important;
    background-image:none!important;
    color:#050505!important;
    -webkit-text-fill-color:#050505!important;
    border-color:#ffdd1a!important;
    box-shadow:none!important;
    opacity:1!important;
    filter:none!important;
    mix-blend-mode:normal!important;
    forced-color-adjust:none!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
}


/* =========================================================
   Lokatel Press CMS 3.0.0
   Schone mobiele titel zonder donkere tekstmarkering
   ========================================================= */

/*
 * Op Samsung Internet verscheen achter de titel een donkere rechthoek.
 * Dat kwam door een bestaande achtergrond/box-shadow/markering op de titel.
 * De titel wordt nu volledig transparant en vlak weergegeven.
 */
@media(max-width:1024px){
    .hero-overlay h1,
    .hero-overlay h1 *,
    .hero-overlay strong,
    .hero-overlay mark{
        display:block!important;
        width:auto!important;
        max-width:100%!important;
        margin:0!important;
        padding:0!important;
        background:transparent!important;
        background-color:transparent!important;
        background-image:none!important;
        box-shadow:none!important;
        border:0!important;
        border-radius:0!important;
        outline:0!important;
        text-decoration:none!important;
        text-shadow:none!important;
        filter:none!important;
        mix-blend-mode:normal!important;
        opacity:1!important;
        color:#050505!important;
        -webkit-text-fill-color:#050505!important;
        -webkit-box-decoration-break:clone!important;
        box-decoration-break:clone!important;
    }

    .hero-overlay h1::before,
    .hero-overlay h1::after{
        display:none!important;
        content:none!important;
        background:none!important;
        box-shadow:none!important;
    }

    .hero-overlay h1{
        font-weight:800!important;
        line-height:1.12!important;
        letter-spacing:-.01em!important;
    }
}

@media(max-width:700px){
    .hero-overlay h1{
        font-size:19px!important;
        line-height:1.13!important;
    }
}

@media(max-width:430px){
    .hero-overlay h1{
        font-size:18px!important;
    }
}


/* =========================================================
   Lokatel Press CMS 3.0.2
   Publieke mobiele kleuren exact gelijk aan het PRESS-logo
   ========================================================= */

@media(max-width:1024px){
    :root{
        --gold:#ffdd1a!important;
        --yellow:#ffdd1a!important;
        --lp-press-yellow:#ffdd1a!important;
    }

    /*
     * Publieke bezoekerspagina's: homepage, artikel, categorie, zoeken,
     * tipformulier en overige pagina's gebruiken overal dezelfde gele kleur.
     */
    .hero-overlay,
    .floating-tip,
    .tip-form button,
    .search-form button,
    .not-found-search button{
        background-color:#ffdd1a!important;
        background:#ffdd1a!important;
        border-color:#ffdd1a!important;
        background-image:none!important;
        color:#050505!important;
        -webkit-text-fill-color:#050505!important;
        opacity:1!important;
        filter:none!important;
        mix-blend-mode:normal!important;
    }

    .article-head h1,
    .news-copy h2,
    .page-copy a,
    .desktop-nav a:hover,
    .footer-grid section>a:last-child,
    .not-found strong,
    .search-results-head>span,
    .maintenance-card>span,
    .maintenance-card a,
    .related-copy h3,
    .related-meta span+span::before,
    .related-read-more,
    .hero-kicker span:first-child,
    .topline-right{
        color:#ffdd1a!important;
        -webkit-text-fill-color:#ffdd1a!important;
    }

    .slider-dots button.is-active,
    .related-grid article:hover .related-read-more{
        background:#ffdd1a!important;
        border-color:#ffdd1a!important;
    }

    .related-read-more,
    .not-found-home,
    .form-message,
    .traffic-update,
    .related-grid article{
        border-color:rgba(255,221,26,.48)!important;
    }

    .hero-overlay h1,
    .hero-overlay h1 *,
    .hero-meta-line,
    .hero-meta-line span{
        color:#050505!important;
        -webkit-text-fill-color:#050505!important;
    }

    /*
     * Samsung/Android kan kleuren via geforceerde donkere modus veranderen.
     * Deze laag voorkomt bruine kleurmenging op publieke mobiele pagina's.
     */
    html,
    body,
    .site-main,
    .home-main,
    .article-main,
    .page-main,
    .list-main{
        forced-color-adjust:none!important;
        -webkit-print-color-adjust:exact!important;
        print-color-adjust:exact!important;
    }

    .floating-tip,
    .tip-form button,
    .hero-overlay{
        box-shadow:none!important;
        backdrop-filter:none!important;
    }
}

@media(max-width:700px){
    .floating-tip{
        right:12px!important;
        bottom:14px!important;
        padding:12px 16px!important;
        border-radius:999px!important;
        font-size:10px!important;
    }

    .article-head h1{
        color:#ffdd1a!important;
    }

    .news-copy h2{
        color:#ffdd1a!important;
    }
}


/* =========================================================
   Lokatel Press CMS 3.0.12
   Schone stabiele header — terug naar originele sticky-opbouw
   ========================================================= */
.site-header,
.site-header.is-compact{
    position:sticky!important;
    top:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    transform:none!important;
    transition:none!important;
}
body.admin-bar .site-header,
body.admin-bar .site-header.is-compact{
    top:32px!important;
}
.site-header .topline,
.site-header.is-compact .topline{
    display:block!important;
    height:36px!important;
    min-height:36px!important;
}
.site-header .brandline,
.site-header.is-compact .brandline,
.site-header .brandline-inner,
.site-header.is-compact .brandline-inner{
    height:auto!important;
    min-height:94px!important;
    max-height:none!important;
    transition:none!important;
}
.site-header .brand-logo img,
.site-header.is-compact .brand-logo img{
    width:220px!important;
    transform:none!important;
    transition:none!important;
}
.site-header .desktop-nav,
.site-header.is-compact .desktop-nav{
    display:block!important;
}
body{
    padding-top:0!important;
}

@media(max-width:700px){
    body.admin-bar .site-header,
    body.admin-bar .site-header.is-compact{
        top:46px!important;
    }
    .site-header .topline,
    .site-header.is-compact .topline,
    .site-header .desktop-nav,
    .site-header.is-compact .desktop-nav{
        display:none!important;
    }
    .site-header .brandline,
    .site-header.is-compact .brandline,
    .site-header .brandline-inner,
    .site-header.is-compact .brandline-inner{
        min-height:66px!important;
    }
    .site-header .brand-logo img,
    .site-header.is-compact .brand-logo img{
        width:145px!important;
    }
}