/* ============================================
		TOP
=============================================*/



/* ============================================
		NAVIGATIE
=============================================*/
nav.container-fluid.navigatie .navbar { padding: 0; }
nav.container-fluid.navigatie .navbar-wrapper-brand { padding: 12px 0; }
nav.container-fluid.navigatie .navbar-nav { align-items: center; }
nav.container-fluid.navigatie .navbar-nav .nav-item .nav-link { font-family: var(--secondary-font); font-weight: 500; font-size: 1rem; padding: 8px 14px; color: var(--black); position: relative; text-decoration: none; transition: color .2s ease; }
nav.container-fluid.navigatie .navbar-nav .nav-item .nav-link::after { content: ""; position: absolute; left: 14px; bottom: 4px; width: calc(100% - 28px); height: 2px; background-color: var(--secondary-color); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
nav.container-fluid.navigatie .navbar-nav .nav-item .nav-link.active::after { transform: scaleX(1); }
nav.container-fluid.navigatie .navbar-nav .nav-item:last-child .nav-link { background-color: var(--secondary-color); color: var(--white) !important; border-radius: 50px; padding: 10px 24px; margin-left: 10px; font-weight: 400; transition: background-color .2s ease; }
nav.container-fluid.navigatie .navbar-nav .nav-item:last-child .nav-link::after { display: none; }
nav.container-fluid.navigatie .navbar-nav .nav-item:last-child .nav-link:hover { background-color: var(--primary-color); color: var(--white) !important; }
nav.container-fluid.navigatie .navbar-wrapper-toggler { border: 0; border-radius: 0; padding-right: 0; color: var(--secondary-color); font-size: 1.25rem; }
nav.container-fluid.navigatie .navbar-wrapper-toggler:focus { box-shadow: none !important; }

nav.container-fluid.navigatie .navbar-nav .nav-item.active .nav-link { color: var(--secondary-color); font-weight: 700; }
nav.container-fluid.navigatie .navbar-nav .nav-item .nav-link:is(:hover, :focus-visible) { color: var(--secondary-color); }
nav.container-fluid.navigatie .navbar-nav .nav-item .nav-link:is(:hover, :focus-visible)::after { transform: scaleX(1); }

nav.container-fluid.navigatie .navbar-nav .nav-item:first-child .nav-link { color: var(--secondary-color); font-weight: 700; }

nav.container-fluid.navigatie.sticky { padding: 0 calc(var(--bs-gutter-x) * .5); }
nav.container-fluid.navigatie.sticky .navbar-wrapper-brand { max-width: 115px; }

/* ============================================
		SLIDER/BANNER
=============================================*/
.container-fluid.mainbanner { margin-bottom: 68px; }
.container-fluid.mainbanner .col-md-12 { padding: 0; }
.container-fluid.mainbanner .block.html.header { position: relative; min-height: 85vh; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--border-radius); }

.pad-left { padding-left: var(--half-space); }
.pad-right { padding-right: var(--half-space); }

/* Video */
.container-fluid.mainbanner .block.html.header .hero-media { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; border-radius: var(--border-radius); overflow: hidden; }
.container-fluid.mainbanner .block.html.header .hero-media .hero-video { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; }
.container-fluid.mainbanner .block.html.header .hero-media .hero-video iframe { position: absolute; top: 50%; left: 50%; width: 177.78vh; min-width: 100%; height: 56.25vw; min-height: 100%; transform: translate(-50%, -50%); border: 0; }

/* Fallback afbeelding */
.container-fluid.mainbanner .block.html.header .hero-media figure { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; }
.container-fluid.mainbanner .block.html.header .hero-media figure img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }

/* Donkere overlay */
.container-fluid.mainbanner .block.html.header .hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4, 87, 143, 0.1) 0%, rgba(4, 87, 143, 0.8) 100%); z-index: 1; }

/* Content — onderin de hero */
.container-fluid.mainbanner .block.html.header .hero-content { position: relative; z-index: 2; flex: 1; display: flex; align-items: flex-end; padding: clamp(20px, 3vw, 64px); }
.container-fluid.mainbanner .block.html.header .hero-content .container { width: 100%; }
.container-fluid.mainbanner .block.html.header .hero-content .row { align-items: flex-end; margin: 0; }

/* Links: grote rode titel onderaan */
.container-fluid.mainbanner .block.html.header .hero-content .hero-title h1 { color: var(--white); margin: 0; }

/* Rechts: tekst + button onderin uitgelijnd */
.container-fluid.mainbanner .block.html.header .hero-content .hero-text { padding: 8px 40px; }
.container-fluid.mainbanner .block.html.header .hero-content .hero-text p { color: var(--white); margin-bottom: 2rem; }
.container-fluid.mainbanner .block.html.header .hero-content .hero-text p:last-child { margin-bottom: 0; }
.container-fluid.mainbanner .block.html.header .hero-content .hero-text .btn { border-radius: 50px; font-family: var(--secondary-font); font-weight: 700; font-size: .9rem; letter-spacing: .04em; text-transform: uppercase; padding: 14px 32px; }


/* ============================================
		CONTENT
=============================================*/
.container-fluid.content > .row { margin-bottom: 125px; }

/* ====== Pagina's: Home — ONZE DIENSTEN ====== */
.block.list.services-accordion__panels { display: flex; align-items: stretch; gap: 18px; padding: 0; margin: 0; }
.block.list.services-accordion__panels .services-accordion__panel { position: relative; flex: 1; min-width: 0; overflow: hidden; border-radius: var(--border-radius); cursor: pointer; transition: flex .5s cubic-bezier(.4, 0, .2, 1); }
.block.list.services-accordion__panels .services-accordion__panel a { text-decoration: none; }

.block.list.services-accordion__panels .services-accordion__panel .services-accordion__image { position: absolute; inset: 0; margin: 0; width: 100%; height: 100%; }
.block.list.services-accordion__panels .services-accordion__panel .services-accordion__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform .6s ease; }
.block.list.services-accordion__panels .services-accordion__panel .services-accordion__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4, 87, 143, 0) 0%, rgba(4, 87, 143, 0.6) 100%);
 z-index: 1; transition: background .4s ease; }

.block.list.services-accordion__panels .services-accordion__panel .services-accordion__content { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; height: 480px; padding: 32px 28px; }
.block.list.services-accordion__panels .services-accordion__panel .services-accordion__content hgroup h3 { color: var(--white); text-wrap: balance;}
.block.list.services-accordion__panels .services-accordion__panel .services-accordion__content p { margin: 0; }
.block.list.services-accordion__panels .services-accordion__panel .services-accordion__content .btn { align-self: flex-end; transform: translateY(8px); transition: .1s, transform .3s ease .1s, background-color .2s ease; }
.block.list.services-accordion__panels .services-accordion__panel .services-accordion__content .btn::after { content: var(--arrow-right); font-family: var(--font-awesome); margin-left: 0; width: 0; opacity: 0; }
.block.list.services-accordion__panels .services-accordion__panel .services-accordion__content p { color: var(--bg-color); max-height: 0; overflow: hidden; opacity: 0; transition: max-height .4s ease, opacity .3s ease; }

.block.list.services-accordion__panels .services-accordion__panel:is(:hover, :focus-visible) { flex: 2.2; }
.block.list.services-accordion__panels .services-accordion__panel:is(:hover, :focus-visible) .services-accordion__image img { transform: scale(1.04); }
.block.list.services-accordion__panels .services-accordion__panel:is(:hover, :focus-visible) .services-accordion__overlay { background: linear-gradient(107.6deg, rgba(81, 139, 5, 0.2) 0%, rgba(4, 87, 143, 0.8) 99.93%);}
.block.list.services-accordion__panels .services-accordion__panel:is(:hover, :focus-visible) .services-accordion__content p { max-height: 200px; opacity: 1; margin-bottom: 1rem; }
.block.list.services-accordion__panels .services-accordion__panel:is(:hover, :focus-visible) .services-accordion__content .btn { opacity: 1; transform: translateY(0); }
.block.list.services-accordion__panels .services-accordion__panel:is(:hover, :focus-visible) .services-accordion__content .btn::after { width: 16px; opacity: 1; margin-left: 8px; }

/* ====== Pagina's: Home — About / USP blok ====== */
.block.html.about-usp__images { position: relative; }
.block.html.about-usp__images .about-usp__image-main { width: calc(100% - calc(var(--container-width) / 12 * 1) - 24px); margin-left: auto; border-radius: var(--border-radius); overflow: hidden; position: relative; }
.block.html.about-usp__images .about-usp__image-main::after { content: ""; position: absolute; right: 0; background: var(--secondary-color); opacity: 35%; inset: 0; }
.block.html.about-usp__images .about-usp__image-small { position: absolute; bottom: 40px; left: 0; margin: 0; border-radius: var(--border-radius); overflow: hidden; z-index: 2; box-shadow: 0px 10px 10px 0px #0000001A; }

div[class*="col-"]:nth-child(2) .block.html.about-usp__images .about-usp__image-main { margin: 0 auto 0 0; }
div[class*="col-"]:nth-child(2) .block.html.about-usp__images .about-usp__image-main::after { left: 0; }
div[class*="col-"]:nth-child(2) .block.html.about-usp__images .about-usp__image-small { right: 0; left: unset; }

.block.content:has(> p) h2 { margin-bottom: 45px; }
.block.content p:has(.btn) { margin-top: 45px; }

.row.bg-color { background-color: var(--secondary-color); color: var(--bg-color); padding-top: 3rem; padding-bottom: 3rem; }
.row.bg-color :is(h2, h3) { color: var(--bg-color); }
.row.bg-color .btn.btn-primary:hover { border-color: var(--bg-color); }
.row.bg-color .btn.btn-secondary { border-color: var(--bg-color); }
.row.bg-color .btn.btn-secondary:hover { background-color: var(--bg-color); color: var(--text-color); }

.row.bg-color .block.html.about-usp__images { margin: -100px 0 69px 0; }

.usp-wrapper { position: relative; }
.usp-wrapper .usp-bg-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; border-radius: var(--border-radius); overflow: hidden; }
.usp-wrapper .usp-bg-image .image,
.usp-wrapper .usp-bg-image .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; object-position: center; }

.block.list.usp { background: var(--primary-gradient); border-radius: var(--border-radius); padding: 50px; position: relative; color: var(--bg-color); position: relative; z-index: 1; }
.block.list.usp .usp-item { text-align: center }
.block.list.usp .usp-item .usp {  display: flex;  flex-direction: column;  align-items: center; gap: 16px; padding: 20px; height: 100% }
.block.list.usp .usp-item .usp .icon { flex: 0 0 auto; }
.block.list.usp .usp-item .usp .icon img { width: 50px; filter: var(--white-filter) }
.block.list.usp .usp-item h3 { flex: 1; color: var(--bg-color); margin-bottom: 30px }
/* .block.list.usp::after { content: ""; background: url(/media/2026-05/favicon.png); background-repeat: no-repeat; background-size: contain; background-position: center; height: 100%; width: 100%; max-width: 200px; max-height: 90%; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; opacity: 10%; } */


/* ====== Pagina's: Home — Nieuws slider ====== */
.block.product.news-slider__swiper-wrap { overflow: hidden; }
.block.product.news-slider__swiper-wrap  .news-slider__item { border: 1px solid var(--primary-color); border-radius: var(--border-radius); overflow: hidden; background: var(--bg-color); transition: background-color .3s ease, border-color .3s ease; cursor: pointer; height: auto; padding: 10px; }
.block.product.news-slider__swiper-wrap  .news-slider__item a { text-decoration: none; color: inherit; display: flex; flex-direction: column; height: 100%; }
.block.product.news-slider__swiper-wrap  .news-slider__item .image { position: relative; margin: 0; overflow: hidden; border-radius: var(--border-radius); }
.block.product.news-slider__swiper-wrap  .news-slider__item .image::after { content: ""; position: absolute; inset: 0; background: var(--black); opacity: 0.35; }
.block.product.news-slider__swiper-wrap  .news-slider__item .image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease;  border-radius: var(--border-radius);}
.block.product.news-slider__swiper-wrap  .news-slider__item .image .news-slider__image-btn { position: absolute; top: 14px; right: 14px; width: 60px; height: 60px; border-radius: 50%; background: var(--white); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; opacity: 0; transform: scale(.7); transition: opacity .3s ease, transform .3s ease; z-index: 2; }
.block.product.news-slider__swiper-wrap  .news-slider__item .image .news-slider__image-btn span { color: var(--primary-color); line-height: 1; font-size: clamp(1rem, 4vw, 1.25rem); }
.block.product.news-slider__swiper-wrap  .news-slider__item .news-slider__content h4 { color: var(--tertiary-color); margin: 8px 0; transition: color .3s ease; }
.block.product.news-slider__swiper-wrap  .news-slider__item .news-slider__content time { font-size: clamp(1rem, 2vw, 1.5rem); color: var(--primary-color); display: block; margin-bottom: 30px; transition: color .3s ease; }
.block.product.news-slider__swiper-wrap  .news-slider__item .news-slider__content p { color: var(--text-color); margin: 0; transition: color .3s ease; overflow: hidden; }

.block.product.news-slider__swiper-wrap  .news-slider__item:is(:hover, :focus-visible) { background-color: var(--secondary-color); border-color: var(--secondary-color); box-shadow: 0px 10px 20px 0px #4C0B001A; }
.block.product.news-slider__swiper-wrap  .news-slider__item:is(:hover, :focus-visible) .image img { transform: scale(1.04); }
.block.product.news-slider__swiper-wrap  .news-slider__item:is(:hover, :focus-visible) .image .news-slider__image-btn { opacity: 1; transform: scale(1); }
.block.product.news-slider__swiper-wrap  .news-slider__item:is(:hover, :focus-visible) .news-slider__content { color: var(--bg-color); }
.block.product.news-slider__swiper-wrap  .news-slider__item:is(:hover, :focus-visible) .news-slider__content h4 { color: var(--bg-color); }
.block.product.news-slider__swiper-wrap  .news-slider__item:is(:hover, :focus-visible) .news-slider__content time { color: var(--bg-color); }
.block.product.news-slider__swiper-wrap  .news-slider__item:is(:hover, :focus-visible) .news-slider__content p { color: var(--bg-color); }

.block.product.news-slider__swiper-wrap .news-slider__progressbar-wrapper { margin-top: 28px; height: 3px; background: var(--light-grey); border-radius: 99px; overflow: hidden; }
.block.product.news-slider__swiper-wrap .news-slider__progressbar-wrapper .news-slider__progressbar-wrapper-fill { height: 100%; width: 0%; background: var(--primary-color); border-radius: 99px; transition: width .2s ease; }


/* ====== Pagina's: Home — Logo slider ====== */
/* .block.product.logo .swiper-slide { height: auto; }
.block.product.logo .item { border: none; }
.block.product.logo .item .image { display: flex; align-items: center; justify-content: center; padding: 20px; height: 100%; width: 100%; }
.block.product.logo .item .image img { max-width: 150px; }

.block.product.logo .swiper-button-prev, .block.product.logo .swiper-button-next { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; border: none; background: var(--secondary-color); border-radius: 100%; transition: all 0.5s; z-index: 10; color: var(--secondary-color); width: 44px; height: 44px;}
.block.product.logo .swiper-button-prev, .block.product.logo .swiper-button-next::before { font-family: var(--font-awesome); font-size: 1.125rem; color: var(--white);}
.block.product.logo .swiper-button-prev::before {content: var(--arrow-left);} 
.block.product.logo .swiper-button-next::before {content: var(--arrow-right);}

.block.product.logo .swiper-button-prev:hover, .block.product.logo .swiper-button-next:hover {background-color: var(--primary-color);} */

/* ====== Pagina's: Home — CTA bar-wrapper ====== */
.block.html.calltoaction { border-radius: var(--border-radius); overflow: hidden; }
.block.html.calltoaction .bar-wrapper { min-height: 280px; position: relative; display: flex; justify-content: flex-start; align-items: flex-end; gap: 48px; padding: 65px 141px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.block.html.calltoaction .bar-wrapper .image-overlay { position: absolute; width: 100%; height: 100%; inset: 0; background: linear-gradient(270deg, rgba(81, 139, 5, 0.65) 0.1%, rgba(4, 87, 143, 0.65) 100%);
 z-index: 1; }
.block.html.calltoaction .bar-wrapper .text { position: relative; z-index: 2;}
.block.html.calltoaction .bar-wrapper .text h3 { color: var(--white); }
.block.html.calltoaction .bar-wrapper .content {position: relative; z-index: 2; color: var(--white); }

/* ============================================
		FOOTER & ENDPAGE
=============================================*/
.container-fluid.footer-endpage .footer{ padding-top: 50px; padding-bottom: 50px; }
.container-fluid.footer-endpage .footer a:not(.btn):not(:has(img)):not( .item) { text-decoration: none; color: var(--white); }
.container-fluid.footer-endpage .footer a:not(.btn):not(:has(img)):not( .item):hover { text-decoration: underline; color: var(--primary-color); }
.container-fluid.footer-endpage .footer i { font-size: 25px; margin-right: 10px; }
.container-fluid.footer-endpage .footer table tr:first-child { height: 75px; }
.container-fluid.footer-endpage .footer table tr { height: 50px; }
.container-fluid.footer-endpage .footer table tr td { vertical-align: top; }
.container-fluid.footer-endpage .footer table tbody tr i { color: var(--white); }
.container-fluid.footer-endpage .footer .block.menuitem.navbar-nav { padding: 0; }
.container-fluid.footer-endpage .footer .block.menuitem.navbar-nav .nav-item::before{ display: none; }
.container-fluid.footer-endpage .footer .block.menuitem.navbar-nav .nav-item .nav-link { padding: 0; }
.container-fluid.footer-endpage .footer .socials { display: flex; justify-content: end; }
.container-fluid.footer-endpage .footer .socials a:hover i { color: var(--white); }

.container-fluid.footer-endpage .endpage { padding-bottom: 1.5rem; }
.container-fluid.footer-endpage .endpage .bor-top { border-top: 1px solid #F2F3F9; padding-top: 1.5rem; }
.container-fluid.footer-endpage .endpage a { text-decoration: none; color: var(--white); }
.container-fluid.footer-endpage .endpage a:hover { text-decoration: underline; color: var(--primary-color); }
.container-fluid.footer-endpage .endpage .endpage-left { display: flex; gap: 16px; align-items: center; }


/* ============================================
		MOBIEL
=============================================*/
@media only screen and (min-width: 1399px) {
 
    .ms-xxl-1-col {margin-left:  calc(var(--container-width) / 12 * 1);}
    .me-xxl-1-col {margin-right: calc(var(--container-width) / 12 * 1);}
 
    .ms-xxl-2-col {margin-left:  calc(var(--container-width) / 12 * 2);}
    .me-xxl-2-col {margin-right: calc(var(--container-width) / 12 * 2);}
 
    .ms-xxl-3-col {margin-left:  calc(var(--container-width) / 12 * 3);}
    .me-xxl-3-col {margin-right: calc(var(--container-width) / 12 * 3);}

	.ps-xxl-1-col {padding-left:  calc(var(--container-width) / 12 * 1);}
    .pe-xxl-1-col {padding-right: calc(var(--container-width) / 12 * 1);}
 
    .ps-xxl-2-col {padding-left:  calc(var(--container-width) / 12 * 2);}
    .pe-xxl-2-col {padding-right: calc(var(--container-width) / 12 * 2);}
 
    .ps-xxl-3-col {padding-left:  calc(var(--container-width) / 12 * 3);}
    .pe-xxl-3-col {padding-right: calc(var(--container-width) / 12 * 3);}
 
}
 
@media only screen and (min-width: 1199px) {
 
    .ms-xl-1-col {margin-left:  calc(var(--container-width) / 12 * 1);}
    .me-xl-1-col {margin-right: calc(var(--container-width) / 12 * 1);}
 
    .ms-xl-2-col {margin-left:  calc(var(--container-width) / 12 * 2);}
    .me-xl-2-col {margin-right: calc(var(--container-width) / 12 * 2);}
 
    .ms-xl-3-col {margin-left:  calc(var(--container-width) / 12 * 3);}
    .me-xl-3-col {margin-right: calc(var(--container-width) / 12 * 3);}

	.ps-xl-1-col {padding-left:  calc(var(--container-width) / 12 * 1);}
    .pe-xl-1-col {padding-right: calc(var(--container-width) / 12 * 1);}
 
    .ps-xl-2-col {padding-left:  calc(var(--container-width) / 12 * 2);}
    .pe-xl-2-col {padding-right: calc(var(--container-width) / 12 * 2);}
 
    .ps-xl-3-col {padding-left:  calc(var(--container-width) / 12 * 3);}
    .pe-xl-3-col {padding-right: calc(var(--container-width) / 12 * 3);}
 
}

/* --------------------------------------- */
@media only screen and (max-width: 1399px) {

    .block.list.services-accordion__panels .services-accordion__panel .services-accordion__content { padding: 32px 15px; }
    /* .block.list.usp { padding: 50px 80px; } */
    .block.html.calltoaction .bar-wrapper { padding: 65px 40px; }
}

/* --------------------------------------- */
@media only screen and (max-width: 1199px) {
    .block.html.about-usp__images { margin-bottom: 50px; }
    .block.html.about-usp__images .about-usp__image-small { bottom: -40px; }
    .block.html.about-usp__images .about-usp__image-small img { max-height: 220px; }

}

/* --------------------------------------- */
@media only screen and (max-width: 991px) {
    .container-fluid.mainbanner .block.html.header { min-height: 70vh; }
    .container-fluid.mainbanner .block.html.header .hero-content { padding-bottom: 48px; }
    .container-fluid.mainbanner .block.html.header .hero-content .hero-text { padding-left: 0; margin-top: 24px; }
    .container-fluid.mainbanner .block.html.header .hero-content .row { align-items: flex-start; }
    nav.container-fluid.navigatie .navbar-wrapper-collapse { background: var(--white); padding: 16px 0 24px; border-top: 1px solid rgba(0,0,0,.06); }
    nav.container-fluid.navigatie .navbar-nav { gap: 0; }
    nav.container-fluid.navigatie .navbar-nav .nav-item .nav-link { padding: 12px 0; border-bottom: 1px solid var(--light-grey); }
    nav.container-fluid.navigatie .navbar-nav .nav-item .nav-link::after { display: none; }
    nav.container-fluid.navigatie .navbar-nav .nav-item:last-child .nav-link { margin-left: 0; margin-top: 16px; text-align: center; width: 100%; border-bottom: 0; }

    .container-fluid.content > .row { margin-bottom: 80px; }
    
	.container-fluid.content [class*="col-"]:not(.order-1):nth-child(2){ margin-top: 30px; }
	.container-fluid.content [class*="col-"].order-2{ margin-top: 30px; }

	.container-fluid.content .block [class*="col-"]:not(.order-1):nth-child(2){ margin-top: unset; }
	.container-fluid.content .block [class*="col-"].order-2{ margin-top: usnet; }

    /* Panels onder elkaar */
    .block.list.services-accordion__panels { flex-direction: column; gap: 16px; }
    .block.list.services-accordion__panels .services-accordion__panel { flex: none; }

    /* Content — vaste hoogte, afbeelding blijft achtergrond */
    .block.list.services-accordion__panels .services-accordion__panel .services-accordion__content { height: 380px; justify-content: flex-end; }
    /* Tekst en button altijd zichtbaar */
    .block.list.services-accordion__panels .services-accordion__panel .services-accordion__content p { max-height: none; opacity: 1; }
    .block.list.services-accordion__panels .services-accordion__panel .services-accordion__content .btn { opacity: 1; transform: none; }

    /* Geen hover effecten */
    .block.list.services-accordion__panels .services-accordion__panel:is(:hover, :focus-visible) { flex: none; }
    .block.list.services-accordion__panels .services-accordion__panel:is(:hover, :focus-visible) .services-accordion__image img { transform: none; }

    .block.content:has(> p) h2 { margin-bottom: 20px; }
    .block.content p:has(.btn) { margin-top: 20px; }

    .row.bg-color { padding: 2rem 0; }
    .row.bg-color .block.html.about-usp__images { margin-top: 30px; }
    .block.html.about-usp__images .about-usp__image-small img { max-height: unset; }

    .block.list.usp { padding: 20px; }
    .block.list.usp .usp-item .usp { padding: 0; }
    .block.html.about-usp__images .about-usp__images { height: 420px; margin-bottom: 48px; }

	.block.product.logo.swiper:has(.swiper-button-next, .swiper-button-next) { padding-bottom: 15px; }
	.block.product.logo.swiper :is(.swiper-button-next, .swiper-button-prev) { bottom: 0; top: unset; width: 30px; height: 30px;  }
    .block.product.logo .swiper-button-prev, .block.product.logo .swiper-button-next::before { font-size: 0.75rem; }

	.container-fluid.footer-endpage .footer .logo { margin-bottom: 30px; }
}

/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .container-fluid.content > .row { margin-bottom: 60px; }

    .container-fluid.mainbanner .block.html.header { min-height: 85svh; }
    .container-fluid.mainbanner .block.html.header .hero-content { padding-left: 0; padding-right: 0; }
    .container-fluid.mainbanner .block.html.header .hero-content .hero-text { padding-left: 0; margin-top: 20px; }

    .block.list.services-accordion__panels .services-accordion__panel .services-accordion__content .btn { margin-top: 15px; }
    
    .block.list.usp .usp-item .usp { flex-direction: row; gap: 20px 30px; }
    .block.list.usp .usp-item .usp .content { text-align: left; }
    .block.list.usp .usp-item h3 { margin-bottom: 0; }

    .block.html.calltoaction .bar-wrapper { padding: 40px; align-items: center; min-height: unset; }

    .container-fluid.footer-endpage .endpage .row .container .row { gap: 5px; }
}

/* --------------------------------------- */
@media only screen and (max-width: 575px) {
    h2 { letter-spacing: -1px; }
    .container-fluid.mainbanner .block.html.header .hero-content { padding-bottom: 40px; }
    .container-fluid.mainbanner .block.html.header .hero-content .hero-text p { font-size: .95rem; }
    .container-fluid.mainbanner .block.html.header .hero-content .hero-text .btn { width: 100%; }

	.block.list.services-accordion__panels .services-accordion__panel .services-accordion__content { height: 320px; padding: 24px 20px; }
    .block.list.services-accordion__panels .services-accordion__panel .services-accordion__content hgroup h3 { font-size: 1.2rem; }
    .block.list.services-accordion__panels .services-accordion__panel .services-accordion__content p { font-size: .9rem; }
    .block.list.services-accordion__panels .services-accordion__panel .services-accordion__content .btn { width: 100%; text-align: center; }

    .block.html.about-usp__images .about-usp__image-small img { max-width: 235px; }
    .block.html.about-usp__images .about-usp__text .btn { width: 100%; }

    .block.list.usp { margin: 0; padding: 20px 0;  }
    .block.list.usp .usp-item .usp { gap: 12px; }
    .usp-wrapper .usp-bg-image { width: calc(100% - 24px); left: 12px; }

    .pad-left { padding-left: calc(var(--bs-gutter-x) * .5); }

    .container-fluid.footer-endpage .footer { padding-bottom: 0; }
    .container-fluid.footer-endpage .endpage .endpage-left { flex-direction: column; align-items: center; gap: 8px; }
}

/* --------------------------------------- */
@media only screen and (max-width: 479px) {
    .block.list.usp .usp-item .usp .icon img { width: 40px; }
    .container-fluid.footer-endpage .footer .logo img { max-width: 150px; }
}