/* HNT moderne opmaaklaag. Uitzetten: Weergave > Aanpassen > Moderne opmaak, of dit bestand verwijderen. */
body.hnt-modern{--hnt-r:14px;--hnt-sh:0 1px 2px rgba(0,38,99,.06),0 8px 24px rgba(0,38,99,.10);--hnt-sh-h:0 2px 4px rgba(0,38,99,.08),0 16px 36px rgba(0,38,99,.18)}
.hnt-modern{font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased}
.hnt-modern h1,.hnt-modern h2,.hnt-modern h3{letter-spacing:-.01em}
.hnt-modern h1,.hnt-modern h2{font-weight:700}
.hnt-modern ::selection{background:#01a9e2;color:#fff}
/* header */
.hnt-modern .hnt-mainbar{box-shadow:0 1px 0 rgba(0,38,99,.06),0 6px 20px rgba(0,38,99,.06);background:#fff}
.hnt-modern .hnt-main-nav .wp-block-navigation-item__content{position:relative;transition:color .2s;letter-spacing:.02em}
.hnt-modern .hnt-main-nav .wp-block-navigation-item__content::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--hnt-orange);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.hnt-modern .hnt-main-nav .wp-block-navigation-item__content:hover::after,.hnt-modern .hnt-main-nav .current-menu-item>.wp-block-navigation-item__content::after{transform:scaleX(1)}
.hnt-modern .hnt-topbar{font-size:13px}
/* knoppen */
.hnt-modern .wp-block-button__link,.hnt-modern .hnt-form button{border-radius:999px;padding:.55em 1.5em;font-weight:600;box-shadow:0 4px 14px rgba(1,169,226,.30);transition:transform .2s,box-shadow .2s,background-color .2s}
.hnt-modern .wp-block-button__link:hover,.hnt-modern .hnt-form button:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(1,169,226,.38)}
/* sectielabels */
.hnt-modern .has-background:not(.hnt-tabline)[style*="background-color:#ff571f"],.hnt-modern .has-background:not(.hnt-tabline)[style*="background-color:#01a9e2"]{border-radius:8px}
/* afbeeldingen */
.hnt-modern .wp-block-image img,.hnt-modern .wp-block-post-featured-image img{border-radius:12px}
/* homepage grid: 3 kolommen, grote kaart links, ronde hoeken, chip + hover */
.hnt-modern .hnt-post-grid .wp-block-post-template{grid-template-columns:repeat(6,1fr);grid-auto-rows:230px;gap:16px}
.hnt-modern .hnt-post-grid .wp-block-post-template>li{grid-column:span 3}
.hnt-modern .hnt-post-grid .wp-block-post-template>li:nth-child(2),.hnt-modern .hnt-post-grid .wp-block-post-template>li:nth-child(3){grid-column:span 2}
.hnt-modern .hnt-post-grid .wp-block-post-template>li{border-radius:var(--hnt-r);box-shadow:var(--hnt-sh);transition:transform .3s,box-shadow .3s;isolation:isolate}
.hnt-modern .hnt-post-grid .wp-block-post-template>li:first-child{grid-column:span 4;grid-row:span 2}
.hnt-modern .hnt-post-grid .wp-block-post-template>li:hover{transform:translateY(-4px);box-shadow:var(--hnt-sh-h)}
.hnt-modern .hnt-post-grid .hnt-card-img img{border-radius:0;transition:transform .6s}
.hnt-modern .hnt-post-grid li:hover .hnt-card-img img{transform:scale(1.06)}
.hnt-modern .hnt-post-grid .wp-block-post-template>li::after{background:linear-gradient(to bottom,#0000 30%,#00143acc 100%)}
.hnt-modern .hnt-post-grid .hnt-card-text{padding:20px 22px}
.hnt-modern .hnt-post-grid .hnt-card-text .wp-block-post-title,.hnt-modern .hnt-post-grid .hnt-card-text a{font-size:17px;font-weight:600;line-height:1.3}
.hnt-modern .hnt-post-grid li:first-child .hnt-card-text .wp-block-post-title,.hnt-modern .hnt-post-grid li:first-child .hnt-card-text a{font-size:28px;line-height:1.2}
.hnt-chip{display:none}
.hnt-modern .hnt-chip{display:block;margin:0 0 8px;line-height:1}
.hnt-modern .hnt-chip a{display:inline-block;background:#ff571f;color:#fff!important;padding:5px 10px;border-radius:999px;font-size:11px!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;line-height:1!important;text-decoration:none}
.hnt-modern .hnt-chip .wp-block-post-terms__separator,.hnt-modern .hnt-chip a:not(:first-of-type){display:none}
/* lijsten */
.hnt-modern .hnt-post-list .hnt-card-img img{border-radius:10px}
.hnt-modern .hnt-post-list li:first-child .hnt-card-img img{border-radius:var(--hnt-r)}
.hnt-modern .hnt-post-list .wp-block-post-template>li{border-bottom-color:rgba(0,38,99,.10);transition:transform .25s}
.hnt-modern .hnt-post-list .wp-block-post-template>li:not(:first-child):hover{transform:translateX(4px)}
.hnt-modern .hnt-post-list .wp-block-post-title a{transition:color .2s}
.hnt-modern .hnt-post-list .wp-block-post-title a:hover{color:var(--hnt-orange)}
.hnt-modern .hnt-meta{font-family:inherit;font-style:normal;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#01a9e2}
.hnt-modern .hnt-meta a{color:#01a9e2}
/* kaarten bedrijvengids */
.hnt-modern .hnt-cards .wp-block-post-template>li{border-radius:var(--hnt-r);overflow:hidden;box-shadow:var(--hnt-sh);transition:transform .3s,box-shadow .3s}
.hnt-modern .hnt-cards .wp-block-post-template>li:hover{transform:translateY(-5px);box-shadow:var(--hnt-sh-h)}
.hnt-modern .hnt-cards .hnt-card-img{overflow:hidden}
.hnt-modern .hnt-cards .hnt-card-img img{border-radius:0;transition:transform .5s}
.hnt-modern .hnt-cards li:hover .hnt-card-img img{transform:scale(1.04)}
.hnt-modern .hnt-cards .wp-block-post-title{font-size:18px;font-weight:600;line-height:1.35}
.hnt-modern .hnt-cards .hnt-card-title{padding:14px 18px 18px;min-height:0}
/* filters als pillen */
.hnt-modern .hnt-filters{border:0;gap:8px;width:auto}
.hnt-modern .hnt-filters a{border:1px solid rgba(0,38,99,.15);border-radius:999px;padding:7px 16px;font-size:13px;color:var(--hnt-navy);transition:all .2s}
.hnt-modern .hnt-filters a.on,.hnt-modern .hnt-filters a:hover{background:var(--hnt-blue);border-color:var(--hnt-blue);color:#fff}
/* carrousel */
.hnt-modern .hnt-carousel .wp-block-post-template>li{border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.hnt-modern .hnt-carousel img{border-radius:0}
/* formulier */
.hnt-modern .hnt-form input[type=text],.hnt-modern .hnt-form input[type=email],.hnt-modern .hnt-form input[type=tel],.hnt-modern .hnt-form textarea{border-radius:12px;background:#f1f4f9;border:1px solid transparent;transition:border-color .2s,box-shadow .2s,background .2s}
.hnt-modern .hnt-form input:focus,.hnt-modern .hnt-form textarea:focus{outline:0;background:#fff;border-color:var(--hnt-blue);box-shadow:0 0 0 4px rgba(1,169,226,.18)}
/* zijbalk + enkel bericht */
.hnt-modern .hnt-sidebar{border-left:0;padding:24px;background:#f5f8fc;border-radius:var(--hnt-r)}
.hnt-modern .hnt-sidebar .wp-block-post-title{font-size:17px;font-weight:600}
.hnt-modern .hnt-sidebar .wp-block-post-title a:hover,.hnt-modern .hnt-sidebar .wp-block-categories a:hover{color:var(--hnt-orange)}
.hnt-modern .hnt-single-meta a{background:rgba(1,169,226,.12);color:#0086b3;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;margin-right:6px}
/* footer */
.hnt-modern .hnt-footer-widgets{padding-top:72px}
.hnt-modern .hnt-footer-widgets a{transition:color .2s}.hnt-modern .hnt-footer-widgets a:hover{color:var(--hnt-orange)}
/* naar boven-knop */
.hnt-modern .hnt-top{border-radius:50%;right:16px;width:46px;height:46px;line-height:46px;background:var(--hnt-navy);box-shadow:0 6px 18px rgba(0,38,99,.35)}
@media (max-width:980px) and (min-width:768px){.hnt-modern .hnt-post-grid .wp-block-post-template{grid-template-columns:repeat(2,1fr)}.hnt-modern .hnt-post-grid .wp-block-post-template>li,.hnt-modern .hnt-post-grid .wp-block-post-template>li:nth-child(2),.hnt-modern .hnt-post-grid .wp-block-post-template>li:nth-child(3){grid-column:span 1}.hnt-modern .hnt-post-grid .wp-block-post-template>li:first-child{grid-column:span 2;grid-row:auto}}
@media (max-width:767px){
 .hnt-modern{font-size:17px}
 .hnt-modern .hnt-post-grid .wp-block-post-template{display:block}
 .hnt-modern .hnt-post-grid .wp-block-post-template>li{border-radius:0;box-shadow:none}
 .hnt-modern .hnt-post-grid .wp-block-post-template>li:first-child{border-bottom:0;border-radius:var(--hnt-r);overflow:hidden;box-shadow:var(--hnt-sh);padding-bottom:0;margin-bottom:22px}
 .hnt-modern .hnt-post-grid .wp-block-post-template>li:not(:first-child){border-bottom:1px solid rgba(0,38,99,.12);padding:16px 0;min-height:0}
 .hnt-modern .hnt-post-grid .wp-block-post-template>li:last-child{border-bottom:0}
 .hnt-modern .hnt-post-grid .wp-block-post-template>li:not(:first-child) .hnt-card-img{width:34%;height:auto;aspect-ratio:4/3;border-radius:12px;overflow:hidden;margin:0 14px 0 0}
 .hnt-modern .hnt-post-grid .wp-block-post-template>li:not(:first-child) .hnt-card-img img{height:100%;width:100%;object-fit:cover;border-radius:12px}
 .hnt-modern .hnt-post-grid .wp-block-post-template>li:not(:first-child) .hnt-card-text{padding:0}
 .hnt-modern .hnt-post-grid .wp-block-post-template>li:not(:first-child) .wp-block-post-title,.hnt-modern .hnt-post-grid .wp-block-post-template>li:not(:first-child) .wp-block-post-title a{color:#002663;font-size:17px;font-weight:600;line-height:1.35}
 .hnt-modern .hnt-post-grid .hnt-chip{display:none}
 .hnt-modern .hnt-post-grid li:first-child .hnt-chip{display:block}
 .hnt-modern .hnt-post-grid li:first-child .hnt-card-text .wp-block-post-title,.hnt-modern .hnt-post-grid li:first-child .hnt-card-text a{color:#fff;font-size:22px;line-height:1.4;font-weight:600}
 .hnt-modern .hnt-post-grid li:first-child .hnt-card-text{bottom:0}
}
@media (prefers-reduced-motion:reduce){.hnt-modern *{transition:none!important;animation:none!important}}

.hnt-modern .hnt-main-nav .is-menu-open .wp-block-navigation-item__content::after{display:none}

/* bredere inhoud, minder lege marge links en rechts */
.hnt-modern .is-layout-constrained>:where(.alignwide,:not(.alignfull):not(.alignleft):not(.alignright)){max-width:min(94vw,1200px)!important}
.hnt-modern .hnt-main-nav .hnt-nav-mobile-only .wp-block-navigation-item__content{text-transform:none;font-weight:500}
.hnt-modern .woocommerce ul.products li.product,.hnt-modern .woocommerce table.shop_table,.hnt-modern .hnt-dash a{box-shadow:var(--hnt-sh)}
.hnt-modern .woocommerce ul.products li.product:hover{box-shadow:var(--hnt-sh-h)}
@media (max-width:767px){.hnt-modern .is-layout-constrained>:where(.alignwide,:not(.alignfull):not(.alignleft):not(.alignright)){max-width:calc(100vw - 32px)!important}}