@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

:root {
  --container-width: 1400px;
  --rest-space: calc(100vw - var(--container-width));
  --half-space: calc(var(--rest-space) / 2);
  --border-radius: 60px;
  --font-awesome: "Font Awesome 6 Pro";
  --arrow-long: '\f178';
  --arrow-down: '\f107';
  --arrow-down-2: '\f063';
  --angler-left: '\f104';
  --arrow-right-up: '\e09f';
  --check: '\f058';
  --primary-color: #03C5B4;
  --secondary-color: #ce0e2d;
  --grey2: #EEEEEE;
  --black: #000;
  --white: #fff;
  --hyperlink: #00aca6;
  --bg-color: #f8f8f8;
  --bg-color2: #e5e5e3;
}

body { font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 300; color: #444444; line-height: 28px;}
h1 { font-family: 'Lato', sans-serif; font-size: 40px; font-weight: 700; color: #444444; margin-bottom: 20px; line-height: 50px;}
h2 { font-family: 'Lato', sans-serif; font-size: 30px; font-weight: 700; color: #444444; margin-bottom: 20px; line-height: 40px;}
h3 { font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 700; color: #444444;}
h2:after { content: ""; display: block; width: 250px; height: 5px; border-bottom: 5px dotted #03C5B4; margin: 10px 0;}

hgroup {}
hgroup p {margin-bottom: 0;}
hgroup h3 { font-size: 1.75rem;}
hgroup h2 {margin-top: 0;}
p[role="doc-subtitle"] { color: var(--mute); font-size: 1.25rem; font-weight: 500; text-transform: uppercase;}

figure { margin-bottom: 0; }

.container-fluid.content a:not(.btn):not(:has(img)):not(.item) { color: var(--hyperlink) !important; text-decoration: underline; text-underline-offset: 3px; transition: color .2s ease, text-decoration-color .2s ease;}
.container-fluid.content a:not(.btn):not(:has(img)):not(.item):is(:hover, :focus-visible) { color: var(--tertiary-color); text-decoration: none;}
.container-fluid.content a:not(.btn):not(:has(img)):not(.item):active { color: var(--secondary-color);}

.btn { font-weight: 700; border-radius: 8px; padding: 6px 70px 6px 15px; position: relative;}
.btn:after { content: ""; display: block; background: url(/media/2022-05/beeldmerk.svg); background-size: contain; width: 20px; height: 15px; position: absolute; right: 15px; top: 50%; transform: translate(0,-50%);}

.btn.btn-primary { background: #CE112F; border-color: #CE112F; color: #ffffff !important;}
.btn.btn-primary:hover { background: #ffffff; border-color: #CE112F; color: #CE112F !important;}
.btn.btn-primary:hover:after { filter: invert(39%) sepia(95%) saturate(7499%) hue-rotate(342deg) brightness(81%) contrast(100%);}
.btn.btn-primary:active,
.btn.btn-primary:focus { background: #ffffff; border-color: #CE112F; color: #CE112F !important;}

.btn.btn-secondary { background: #03C5B4; border-color: #03C5B4; color: #ffffff !important;}
.btn.btn-secondary:hover { background: #ffffff; border-color: #03C5B4; color: #03C5B4 !important;}
.btn.btn-secondary:hover:after { filter: invert(57%) sepia(25%) saturate(1698%) hue-rotate(128deg) brightness(101%) contrast(278%);}

.btn.btn-default { background: #CE112F; border-color: #CE112F; color: #ffffff !important; padding: 6px 50px 6px 15px;}
.btn.btn-default:hover { background: #ffffff; border-color: #CE112F; color: #CE112F !important;}
.btn.btn-primary.back { padding: 6px 15px 6px 70px;}
.btn.btn-primary.back:hover { background: #ffffff; border-color: #CE112F; color: #CE112F !important;}
.btn.btn-primary.back:after { display: none;}
.btn.btn-primary.back:before { content: ""; display: block; background: url(/media/2022-05/beeldmerk.svg); width: 20px; height: 15px; position: absolute; left: 15px; top: 50%; transform: translate(0,-50%) rotate(180deg);}
.btn.btn-primary.back:hover:before { filter: invert(39%) sepia(95%) saturate(7499%) hue-rotate(342deg) brightness(81%) contrast(100%);}

.container-fluid.top { margin-bottom: -12px; padding-top: 12px; position: relative; background: #fff; z-index: 100;}

.weglot_switcher { background: var(--grey2) !important;}
.weglot_switcher .language-option { background: var(--grey2) !important; background: var(--grey2) !important;}
.weglot_switcher .language-list > .language-option { background: var(--grey2) !important; border-radius: 0px !important; background: var(--grey2) !important;}

.text-end { text-align: end;}

.container-fluid.content ul { padding-left: 30px;}
.container-fluid.content ul li { line-height: 34px;}
.container-fluid.content ul li:before { content: "\f058"; font-weight: 900; left: -30px; color: #03C5B4;}

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

.container-fluid.top {margin-bottom: -12px; padding-top: 12px; position: relative; z-index: 2;}

.weglot_switcher {background: var(--grey2) !important;}
.weglot_switcher .language-option {background: var(--grey2) !important; & a {background: var(--grey2) !important;} }
.weglot_switcher .language-list > .language-option {background: var(--grey2) !important; border-radius: 0px !important; & a {background: var(--grey2) !important;} }

.container-fluid.top > .col-12 {}

.container-fluid.top .top-links { display: inline-flex; width: fit-content; margin-right: 12px;}
.container-fluid.top .top-links a { color: var(--black); padding: 0 12px; text-decoration: none; &:hover {color: var(--primary-color);}}
.container-fluid.top .top-links a[target="_blank"] {display: inline-flex; gap: 12px; &::after {content: var(--arrow-right-up); font-family: var(--font-awesome);} }

/*===============================================================
			NAVIGATE
===============================================================*/
.container-fluid.navigatie {position: relative;}
.container-fluid.navigatie .navbar {}
.container-fluid.navigatie .navbar .navbar-brand {max-width: 250px;}
.container-fluid.navigatie .navbar .navbar-brand img {}
.container-fluid.navigatie .navbar .navbar-collapse {justify-content: flex-end;}
.container-fluid.navigatie .navbar .navbar-collapse .navbar-nav { position: relative; gap: 24px;}
.container-fluid.navigatie .navbar .navbar-collapse .navbar-nav .nav-item { padding: 0; display: flex; align-items: center; gap: 10px;}
.container-fluid.navigatie .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { position: relative; color: var(--black); padding: 0 6px; font-weight: 500;}
.container-fluid.navigatie .navbar .navbar-collapse .navbar-nav .nav-item.active .nav-link {color: var(--primary-color);}

.container-fluid.navigatie .navbar .navbar-collapse .navbar-nav .nav-item.dropdown {}
.container-fluid.navigatie .navbar .navbar-collapse .navbar-nav .nav-item.dropdown::after {content: var(--arrow-down); font-family: var(--font-awesome); transition: all 0.5s;}
.container-fluid.navigatie .navbar .navbar-collapse .navbar-nav .nav-item.dropdown ul {top: 100%; width: 100%; padding: 12px;}

.container-fluid.navigatie .navbar .navbar-collapse .navbar-nav > .nav-item:nth-last-child(1) .nav-link { display: flex; gap: 0 24px; padding: 12px 36px; color: var(--primary-color); border: 1px solid var(--primary-color); border-radius: 8px; transition: all 0.5s;}
.container-fluid.navigatie .navbar .navbar-collapse .navbar-nav > .nav-item:nth-last-child(1) .nav-link::after { content: var(--arrow-long); font-family: var(--font-awesome); font-weight: 300; position: relative; display: inline-block; width: fit-content; background-color: transparent;}

.container-fluid.navigatie .navbar .navbar-collapse .navbar-nav .nav-item:not(:last-child) .nav-link::after {content: ''; position: absolute; width: 0%; height: 2px; background-color: var(--black); bottom: 0; left: 0; transition: width 0.5s; } 
.container-fluid.navigatie .navbar .navbar-collapse .navbar-nav .nav-item:not(:last-child) .nav-link:hover::after {width: 100%;}

.container-fluid.navigatie .navbar .navbar-collapse .navbar-nav .nav-item.dropdown:hover::after {transform: rotate(180deg);}
.container-fluid.navigatie .navbar .navbar-collapse .navbar-nav > .nav-item:nth-last-child(1):hover .nav-link {background-color: var(--primary-color); color: var(--white); &::after {transform: none;} }

/*============================================
		SLIDER/BANNER
=============================================*/

.container-fluid.mainbanner { position: relative;}
.container-fluid.mainbanner .col-md-12 { padding: 0;}
.container-fluid.mainbanner .btn.btn-secondary { background: transparent; border: 1px solid var(--white);}
.container-fluid.mainbanner .btn.btn-secondary:hover { background-color: var(--secondary-color); border-color: var(--secondary-color); color: var(--white) !important;}
.container-fluid.mainbanner .btn.btn-secondary:hover:after { filter: none;}

.block.html .banner::before,
.block.html .banner::after { content: ''; width: 100%; height: 100%; position: absolute; inset: 0; background: transparent; pointer-events: none;}

.block.html .banner { position: relative; background-color: var(--primary-color);}
.block.html .banner::after { background: var(--gradient-primary); opacity: 1; z-index: 1;}
.block.html .banner img { min-height: 890px; mix-blend-mode: multiply;}
.block.html .banner figcaption { display: flex; align-items: center; position: absolute; inset: 0; z-index: 2;}
.block.html .banner figcaption .content { max-width: 50%; height: fit-content; padding-right: 80px;}
.block.html .banner figcaption .content h1 { max-width: 1050px; color: var(--white);}
.block.html .banner figcaption .content .text { color: var(--white); font-size: 1.25rem;}
.block.html .banner figcaption .content .btn { margin-top: 24px;}

.container-fluid.mainbanner .block.html.preview { position: absolute; inset: 0; width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: flex-end; z-index: 3; pointer-events: none;}
.container-fluid.mainbanner .block.html.preview .image { margin-right: var(--half-space);}
.container-fluid.mainbanner .block.html.preview .image img { }

/*===============================================================
			CONTENT
===============================================================*/
.container-fluid.content { margin-top: 25px; z-index: 1; position: relative;}
.container-fluid.content a { color: #CE112F;}
.block.content.center { text-align: center;}
.block.content.center h2:after { position: absolute; left: 50%; transform: translate(-50%, 0);}
.block.html.center { text-align: center;}

.container-fluid.content>.row { padding-bottom: 80px;}

.block p > img { object-fit: contain;}

.row.intro { font-size: 22px; line-height: 34px;}
.row.intro ul { padding-left: 40px;}
.row.intro ul li { line-height: 40px;}
.row.intro ul li:before { left: -40px;}

.block.list.headliners { background-color: var(--bg-color); border-bottom-left-radius: var(--border-radius);}
.block.list.headliners .item { display: flex;}
.block.list.headliners .item .image { width: 50%;}
.block.list.headliners .item .image img { background-color: var(--bg-color2); width: 100%; height: 100%;}
.block.list.headliners .item .content { width: 50%; padding: 60px 80px;}
.block.list.headliners .item .content hgroup { }
.block.list.headliners .item .content hgroup p { margin-bottom: 0;}
.block.list.headliners .item .content hgroup h2 { color: var(--primary-color); margin-top: 0;}
.block.list.headliners .item .content hgroup h2::after { display: none;}
.block.list.headliners .item .content .text { font-weight: 500; margin-bottom: 36px;}
.block.list.headliners .item .content .btn { }

.block.list.headliners >div:nth-child(odd) .item { flex-direction: row;}
.block.list.headliners >div:nth-child(odd) .item .image { border-bottom-left-radius: var(--border-radius);}

.block.list.headliners >div:nth-child(even) .item { flex-direction: row-reverse;}
.block.list.headliners >div:nth-child(even) .item .image { border-bottom-right-radius: var(--border-radius);}

.color-top { padding-top: 25px; margin-bottom: -140px;}
.color-bottom { padding: 215px 0 75px 0; position: relative;}
.color-bottom:before { content: ""; display: block; width: 100%; height: 100%; background: url(/media/2022-05/residential-floor-heating.jpg); background-size: cover; background-position: center center; position: absolute; top: 0; left: 0; opacity: 0.1;}
.color-bottom h2 { color: #ffffff; margin-top: 0;}

/*.row.blue{ background: #03C5B4; color: #ffffff; position: relative; }
.row.blue h2{ color: #ffffff; }
.row.blue h2:after{ border-color: #ffffff; }
.row.blue h3{ color: #ffffff; }
.row.blue ul li:before{ color: #ffffff; }*/

.row.bg-image { background: url(/media/2025-07/Calstrim-Laptop-vloerplan-stock-overlay.jpg) 100% 100%; background-repeat: no-repeat; background-size: cover; color: #ffffff; position: relative; padding-bottom: 5rem;}
.row.bg-image h2 { color: #ffffff;}
.row.bg-image h2:after { border-color: #ffffff;}
.row.bg-image h3 { color: #ffffff;}
.row.bg-image ul li:before { color: #ffffff;}

.block.html.redbutton { position: relative; margin-top: 110px;}
.block.html.redbutton .block { background: #CE112F; border-radius: 100%; width: 150px; height: 150px; padding: 15px; text-align: center; display: flex; align-items: center; position: absolute; top: -180px; right: 0; transform: rotate(15deg);}
.block.html.redbutton .block .text { font-size: 22px; font-weight: 600; color: #ffffff; line-height: 26px;}

.row.grey { background: #444444; color: #ffffff;}
.row.grey h2 { color: #ffffff; margin-top: 0;}

.block.list.functions { margin-top: 50px;}
.block.list.functions .col-md-6.col-lg-4 { margin-bottom: 30px;}
.block.list.functions .item { padding: 0 25px 25px 0;}
.block.list.functions .item .image img { filter: invert(100%);}
.block.list.functions .item .content h3 { line-height: 24px; margin: 0 0 5px 0;}
.block.list.functions .item .content .text { line-height: 24px;}

.block.list.reviews { margin-top: 40px; position: relative; z-index: 9;}
.block.list.reviews .col-lg-4 { margin-bottom: 10px;}
.block.list.reviews a { color: #444444;}
.block.list.reviews a:hover { text-decoration: none;}
.block.list.reviews .slick-track { display: flex;}
.block.list.reviews .slick-track .col-lg-4 { flex-shrink: 1; height: inherit;}
.block.list.reviews .item { background: #ffffff; padding: 25px; border-radius: 8px; height: 100%; position: relative;}
.block.list.reviews .item .content { }
.block.list.reviews .item .content h3 { color: #444444; margin-top: 0;}
.block.list.reviews .item .content .text { color: #444444;}
.block.list.reviews .item .image { position: absolute; bottom: 20px; right: 25px; max-width: 140px;}
.block.list.reviews .slick-dots { display: none !important; }

.slick-dots li button { background-color: rgba(255,255,255,0.5);}
.slick-dots li.slick-active button { background-color: rgba(255,255,255,1);}

.block.form.white { background: #ffffff; padding: 25px; border-radius: 8px;}
.block.form h2 { font-size: 24px; color: #444444; margin: 0 0 10px 0;}
.block.form h2:after { display: none;}
.block.form .form-group:last-child { margin-bottom: 0;}

.block.list.usp { margin-top: 40px; margin-bottom: 25px;}
.block.list.usp .col-md-6.col-lg-4 { margin-bottom: 30px;}
.block.list.usp .item { position: relative; padding-left: 40px;}
.block.list.usp .item:before { content: "\f00c"; font-family: 'Font Awesome 5 Pro'; font-size: 24px; font-weight: 900; color: #03C5B4; position: absolute; top: 0; left: 0;}
.block.list.usp .item h3 { line-height: 28px; margin: 0;}

/*NIEUWS*/
.block.list.news { margin-top: 50px;}
.block.list.news a { text-decoration: none;}
.block.list.news .item { background-color: var(--bg-color); border-bottom-right-radius: var(--border-radius); border: unset;}
.block.list.news .item .image { overflow: hidden;}
.block.list.news .item .image img { width: 100%; scale: 1; transition: all 0.5s;}
.block.list.news .item .content { }
.block.list.news .item .content hgroup { }
.block.list.news .item .content hgroup::after { content: var(--arrow-long); font-family: var(--font-awesome); color: var(--primary-color); font-size: 28px; font-weight: 300; display: block; transition: all 0.5s;}
.block.list.news .item:hover .content hgroup::after { transform: translateX(6px);}
.block.list.news .item .content hgroup p { }
.block.list.news .item .content hgroup .date { color: var(--primary-color); font-size: 1rem; font-weight: 500;}
.block.list.news .item .content hgroup h4 { }

.block.list.news .row { margin: 0; height: 100%;}

.block.list.news .item:hover .image img { width: 100%; scale: 1.05;}

/*AANMELDEN NIEUWSBRIEF*/
.newsletter-card { height: 100%; background-color: var(--primary-color); padding: 30px; border-bottom-right-radius: var(--border-radius);}
.newsletter-card .block.block.html { }
.newsletter-card .block.block.html h2 { font-family: 'DM Mono'; color: var(--white); font-weight: 500; padding: 0 12px;}
.newsletter-card .block.form.newsletter { --color: var(--white); --color2: var(--primary-color);}
.newsletter-card .block.form.newsletter form { column-count: 1;}
.newsletter-card .block.form.newsletter form .form-group { }
.newsletter-card .block.form.newsletter form .form-group .form-control { padding: 12px 6px;}
.newsletter-card .block.form.newsletter form .form-group .form-control::placeholder { color: var(--color);}

.block.form { --color: var(--primary-color); --color2: var(--white);}
.block.form form { column-count: 2;}
.block.form form .form-group { }
.block.form form .form-group .control-label { display: none;}
.block.form form .form-group .form-control { border-radius: 0; background-color: transparent; border: unset; border-bottom: 1px solid var(--color); padding-top: 12px; padding-bottom: 24px;}
.block.form form .form-group .form-control::placeholder { color: var(--secondary-color);}
.block.form form .form-group .btn { margin-top: 24px; background-color: transparent; color: var(--color); border-color: var(--color);}
.block.form form .form-group .btn:hover { color: var(--color2); background-color: var(--color);}
.block.form form .form-group.bt .form-control { border-top: 1px solid var(--color);}
.block.form form .form-group.break { break-after: column;}
.block.form form .form-group:has(.btn) { column-span: all;}
.block.form .form-group:has(input[type=file]) { position: relative; color: var(--secondary-color);}
.block.form .form-group:has(input[type=file])::before { content: 'Upload je CV'; font-size: 1rem; color: var(--secondary-color); position: absolute; display: block; top: 13px; left: 12px; z-index: 2;}
input[type=file] { position: relative; text-align: left;}
input[type=file]::placeholder { text-align: left; color: var(--secondary-color);}
input[type=file]::file-selector-button { font-size: 1rem; position: absolute; padding: 0 30px; height: calc(100% - 12px); top: 12px; right: -6px; font-size: 1rem; font-weight: 400; color: var(--white); background: var(--secondary-color); display: flex; justify-content: center; align-items: center; border-radius: 30px;}
input[type=file]:hover::file-selector-button { background-color: var(--primary-color) !important;}
@supports (-webkit-touch-callout: none) {
  .block.form .form-group:has(input[type=file])::before { top: 6px;}
  input[type=file]::file-selector-button { position: absolute; width: 150px; height: calc(100% - 12px); right: 12px;}
}
input[type=file] { color: var(--white);}
.block.form .form-group:has(input[type=file])::before { visibility: visible;}
input[type=file]:valid { color: var(--secondary-color);}
.block.form .form-group:has(input[type=file]:valid)::before { visibility: hidden;}

.underbanner {position: relative; color: var(--white); z-index: 1; padding-bottom: 230px !important; margin-bottom: -170px;}
.underbanner h2 {color: var(--white);}
.underbanner::before { content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background-image: url('/crop/2560x1080/inner/media/2026-05/child-girl-is-laying-on-warm-floor-near-christmas-2021-12-09-16-11-53-utc-(1).jpg'); background-position: center; transform: scale(-1); opacity: 1; z-index: 1; mix-blend-mode: multiply;}
/* .underbanner::after { content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background-color: var(--secondary-color); opacity: 1; z-index: -1;} */

.underbanner > div {position: relative; z-index: 2;}

/* Pagina's: Home */
/* .block.list.icon-info {margin: 0; padding: 80px;}
.block.list.icon-info .item {}
.block.list.icon-info .item figure {}
.block.list.icon-info .item figure img {border-bottom: 2px solid var(--primary-color); padding: 24px 24px 12px 0; height: 120px; object-fit: contain;}
.block.list.icon-info .item figure figcaption {}
.block.list.icon-info .item figure figcaption h4 {}
.block.list.icon-info .item figure figcaption .text {max-width: 550px;} */

.block.content.small-center {display: flex; flex-direction: column; align-items: center;}
.block.content.small-center h2 {width: 50%; text-wrap: balance;}
.block.content.small-center p {width: 50%;}

/* ============================================
		Pre-footer
=============================================*/

/* Footer: Meer info */
.pre-footer { position: relative; padding-bottom: 0 !important; z-index: 3;}
.pre-footer a {transition: all 0.5s;}
.pre-footer a:not(.btn):hover {color: var(--primary-color) !important;}
.pre-footer .block.html.contact-bar { min-height: 450px; margin-top: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; background-color: var(--primary-color); border-bottom-right-radius: var(--border-radius); overflow: hidden;}
.pre-footer .block.html.contact-bar .image {width: 100%;}
.pre-footer .block.html.contact-bar .image img {height: 100%;}
.pre-footer .block.html.contact-bar .content {width: 100%; padding: 80px; color: var(--white);display: flex; flex-direction: column; justify-content: center; gap: 12px 0;}
.pre-footer .block.html.contact-bar .content h2 {font-size: 2.5rem; line-height: 1; color: var(--white); margin: 0;}
.pre-footer .block.html.contact-bar .content h2::after { border-color: var(--white); }
.pre-footer .block.html.contact-bar .content p .btn {margin-top: 24px;}

.pre-footer .block.html.contact-bar:has(:not(.image)) {justify-content: center;}
.pre-footer .block.html.contact-bar:has( iframe) {background-color: transparent;}
.pre-footer .block.html.contact-bar .btn.btn-secondary { background-color: transparent; border: 1px solid var(--white); }
.pre-footer .block.html.contact-bar .btn.btn-secondary:hover { background-color: var(--secondary-color); border-color: var(--secondary-color); color: var(--white) !important; }
.pre-footer .block.html.contact-bar .btn.btn-secondary:hover::after { filter: none; }

/* Footer: dealer */
.pre-footer {}
.pre-footer .block.html.job-promo {margin-top: 100px; margin-bottom: 50px; height: 450px; }
.pre-footer .block.html.job-promo .item {min-height: 450px;}
.pre-footer .block.html.job-promo .item .badge {width: 230px; height: 230px; top: -125px;}
.pre-footer .block.html.job-promo .item .badge strong {font-size: 1.75rem;}
.pre-footer .block.html.job-promo .item .badge span {font-size: 1.125rem;}
.pre-footer .block.html.job-promo .item .content h2 {color: var(--white);}
.pre-footer .block.html.job-promo .item .image img {height: 100%;}

/* ============================================
		FOOTER & ENDPAGE
=============================================*/

body:has(.pre-footer) .container-fluid.footer-endpage {margin-top: 0; z-index: 0;}
body:has(.pre-footer) .container-fluid.footer-endpage .footer {padding-top: 400px; margin-top: -350px;}

.container-fluid.footer-endpage { position: relative; background: #eeeeee;}
.container-fluid.footer-endpage::before { content: ''; position: absolute; width: 100%; height: 100%; inset: 0; background: url('/media/2025-07/Floorequa-betonstructuur-min.jpg'); mix-blend-mode: multiply; background-position: center; background-blend-mode: multiply; opacity: 0.15;}
.container-fluid.footer-endpage .footer { padding-top: 3rem; position: relative; z-index: 2;}
.container-fluid.footer-endpage .footer a { transition: all 0.5s;}
.container-fluid.footer-endpage .footer a:not(.btn):hover { color: #e67200 !important;}
.container-fluid.footer-endpage .footer .block.html.contact-bar { margin-top: -100px; margin-bottom: 100px; display: flex; background-color: #004762; border-bottom-right-radius: var(--border-radius); overflow: hidden;}
.container-fluid.footer-endpage .footer .block.html.contact-bar .image { width: 50%;}
.container-fluid.footer-endpage .footer .block.html.contact-bar .image img { height: 100%;}
.container-fluid.footer-endpage .footer .block.html.contact-bar .content { width: 50%; padding: 80px; color: #fff; display: flex; flex-direction: column; justify-content: center; gap: 12px 0;}
.container-fluid.footer-endpage .footer .block.html.contact-bar .content h2 { font-size: 2.5rem; color: #e67200;}

.container-fluid.footer-endpage .footer .block.html.contact-bar iframe { display: none;}

body:has(.contact) .container-fluid.footer-endpage .footer .block.html.contact-bar .image,
body:has(.contact) .container-fluid.footer-endpage .footer .block.html.contact-bar .content { display: none;}
body:has(.contact) .container-fluid.footer-endpage .footer .block.html.contact-bar iframe { display: initial; width: 100%;}

.container-fluid.footer-endpage .footer  .block.menuitem { }
.container-fluid.footer-endpage .footer  .block.menuitem ul { padding-left: 0; list-style: none;}
.container-fluid.footer-endpage .footer  .block.menuitem ul li { }
.container-fluid.footer-endpage .footer  .block.menuitem ul li:nth-last-child(1) { }
.container-fluid.footer-endpage .footer  .block.menuitem ul li::before { display: none;}
.container-fluid.footer-endpage .footer  .block.menuitem ul li a { color: #004762; font-weight: 700; text-decoration: none; padding: 0;}

.container-fluid.footer-endpage .footer  .block.contact-info { }
.container-fluid.footer-endpage .footer  .block.contact-info address { color: #004762;}
.container-fluid.footer-endpage .footer  .block.contact-info address strong { font-weight: 700;}
.container-fluid.footer-endpage .footer  .block.contact-info address .item { }
.container-fluid.footer-endpage .footer  .block.contact-info address .item a { font-weight: 500; color: #004762; text-decoration: none;}
.container-fluid.footer-endpage .footer  .block.contact-info address .item a span { display: block;}

.container-fluid.footer-endpage .footer  .block.contact-info .socials { display: flex; flex-wrap: wrap; gap: 45px;}
.container-fluid.footer-endpage .footer  .block.contact-info .socials a { color: #004762;}
.container-fluid.footer-endpage .footer  .block.contact-info .socials a i { font-size: 40px; color: inherit;}

.container-fluid.footer-endpage .footer .footer-text { margin-top: 32px; color: #004762; font-weight: 700; font-size: 1.25rem; text-wrap: balance;}
.container-fluid.footer-endpage .footer .footer-text p { }

.container-fluid.footer-endpage .footer .block.list.companies { }
.container-fluid.footer-endpage .footer .block.list.companies a { text-decoration: none;}
.container-fluid.footer-endpage .footer .block.list.companies .item { }
.container-fluid.footer-endpage .footer .block.list.companies .item .image { }
.container-fluid.footer-endpage .footer .block.list.companies .item .image img { object-fit: contain; height: 65px; width: auto;}
.container-fluid.footer-endpage .footer .block.list.companies .item .image figcaption { margin-top: 16px; color: #004762; text-decoration: none; transition: all 0.5s;}
.container-fluid.footer-endpage .footer .block.list.companies .item .image figcaption::after { content: '\f178'; font-family: "Font Awesome 6 Pro"; font-size: 32px; font-weight: 300; color: #e67200; display: block; transition: all 0.5s;}

.container-fluid.footer-endpage .footer .block.list.companies .item:hover .image figcaption { color: #e67200;}
.container-fluid.footer-endpage .footer .block.list.companies .item:hover .image figcaption::after { transform: translateX(6px);}

.container-fluid.footer-endpage .endpage { padding-top: 24px; padding-bottom: 24px; color: #004762; font-weight: 300; position: relative; z-index: 1;}
.container-fluid.footer-endpage .endpage .display-flex { display: flex; column-gap: 10px;}
.container-fluid.footer-endpage .endpage a { text-decoration: none; transition: color 0.5s;}
.container-fluid.footer-endpage .endpage a:not(.btn):hover { color: #e67200 !important;}
.container-fluid.footer-endpage .endpage span { }
.container-fluid.footer-endpage .endpage span:nth-child(3) { display: block;}
.container-fluid.footer-endpage .endpage ul { display: inline-flex; gap: 12px; list-style: none;}
.container-fluid.footer-endpage .endpage ul li { }
.container-fluid.footer-endpage .endpage ul li a { color: #004762;}

.container-fluid.footer-endpage .endpage a:has(img) { color: #004762; margin-left: 24px;}
.container-fluid.footer-endpage .endpage a:has(img) img { filter: brightness(0) saturate(100%) invert(18%) sepia(68%) saturate(1594%) hue-rotate(168deg) brightness(95%) contrast(101%); display: inline; margin-left: 12px;}
.container-fluid.footer-endpage .endpage a:has(img):first-child img { width: auto; height: 32px;}

.container-fluid.footer-endpage .endpage a:hover img { filter: invert(54%) sepia(97%) saturate(3788%) hue-rotate(1deg) brightness(101%) contrast(106%);}
.container-fluid.footer-endpage .endpage a:hover i { color: #e67200;}

.text-xl-end { text-align: end !important;}
/*============================================
		MOBIEL
=============================================*/
/*---------------------------------------*/
@media only screen and (max-width: 1599px) {
  /*Footer / Endpage*/
  .container-fluid.footer-endpage .footer .footer-logo .image img { max-width: 300px;}
}

@media (min-width: 1400px) {
  .container { max-width: 1400px;}
  .container.container-small { max-width: 1200px;}
}

/*---------------------------------------*/
@media only screen and (max-width: 1399px) {
  .container-fluid.navigatie .navbar-nav .nav-item:nth-last-child(1) { padding-left: 20px;}
  /*Footer / Endpage*/
  .container-fluid.footer-endpage .footer .block.html.contact-bar { margin-bottom: 50px;}
  .container-fluid.footer-endpage .footer .block.html.contact-bar .content { padding: 20px 32px;}
  .container-fluid.footer-endpage .footer .block.html.contact-bar .content h2 { font-size: 1.75rem;}
  .container-fluid.footer-endpage .footer .footer-logo .image img { margin-bottom: 24px;}

  .container-fluid.footer-endpage .footer .block.list.companies { margin-top: 24px;}
}

/*---------------------------------------*/
@media only screen and (max-width: 1199px) {
  .container-fluid.navigatie .navbar-brand { max-width: 175px;}
  .container-fluid.navigatie .navbar-nav .nav-item .nav-link { font-size: 18px;}

  /*Footer*/
  .container-fluid.footer-endpage .endpage ul { padding-bottom: 12px;}
  .container-fluid.footer-endpage .endpage a:has(img) { margin-left: 0; margin-right: 24px;}
}

/*---------------------------------------*/
@media only screen and (max-width: 991px) {
  .container-fluid.navigatie .container.top .content { right: 90px; top: 50px; padding: 0;}
  .container-fluid.navigatie.sticky .container.top .content { top: 30px;}
  .container-fluid.navigatie .navbar-nav { margin: 10px 0 20px 0;}
  .container-fluid.navigatie .navbar-nav .nav-item { padding: 0;}
  .container-fluid.navigatie .navbar-nav .nav-item:nth-last-child(1) { padding-left: 0; margin-top: 10px;}
  .container-fluid.navigatie .navbar-nav .nav-item .nav-link { padding-bottom: 0;}

  .color-bottom { padding: 175px 0 75px 0;}

  .block.form { margin-top: 25px;}
  /*Footrer - Endpage*/
  .container-fluid.footer-endpage .footer .block.html.contact-bar { flex-direction: column-reverse; overflow: hidden; margin-bottom: 50px;}
  .container-fluid.footer-endpage .footer .block.html.contact-bar .image { width: 100%;}
  .container-fluid.footer-endpage .footer .block.html.contact-bar .image img { max-height: 400px;}
  .container-fluid.footer-endpage .footer .block.html.contact-bar .content { width: 100%;}

  .container-fluid.footer-endpage .footer .block.list.companies { gap: 20px 0;}

  .container-fluid.footer-endpage .endpage span { display: block; text-align: center;}
  .container-fluid.footer-endpage .endpage ul { width: 100%; justify-content: center;}
}

/*---------------------------------------*/
@media only screen and (max-width: 767px) {
  .block.list.news .item .content { padding-bottom: 25px;}
  .block.list.news .item .content .btn.btn-primary { position: static; margin-top: 15px;}

  .block.list.functions .item { padding-right: 0; padding-bottom: 0;}
}

/*---------------------------------------*/
@media only screen and (max-width: 575px) {
  body { font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 300; color: #444444; line-height: 28px;}
  h1 { font-size: 32px; margin-bottom: 20px; line-height: 36px;}
  h2 { font-size: 26px; margin-bottom: 20px; line-height: 32px;}
  h3 { font-size: 22px;}
  .btn { text-align: left !important;}
  .container-fluid.navigatie .container.top .content { top: 30px;}
  .container-fluid.navigatie .navbar-brand { max-width: 150px;}
  .container-fluid.content { margin-top: 24px;}
  .row.intro { font-size: 18px; line-height: 30px;}
  .row.intro ul { padding-left: 30px;}
  .row.intro ul li { line-height: 28px; margin-bottom: 15px;}
  .row.intro ul li:before { left: -30px;}
  .block.list.functions .item .content .text { font-weight: 400;}
  .block.list.news .item .content { padding: 25px 25px 25px 25px;}
  .block.list.news .item .content .text { margin-bottom: 15px;}
  .block.list.news .item .content .btn.btn-primary { margin-top: 0;}
  .block.list.news .item .content .btn.btn-secondary { position: relative; bottom: 0; right: 0;}

  .block.html.redbutton .block { right: 10px;}

  .block.list.usp .item { padding-left: 33px;}
  .block.list.usp .item h3 { font-size: 18px; line-height: 1.4;}
  .block.list.usp .col-md-6.col-lg-4 { margin-bottom: 15px;}
  .block.list.usp .item:before { font-size: 20px;}
}

/*---------------------------------------*/
@media only screen and (max-width: 479px) {
  .container-fluid.navigatie .container.top .content { display: none;}

  .block.list.functions .item .row .col-3 { padding-right: 8px;}
  .block.list.functions .item .row .col-9 { padding-left: 8px;}


  /*Footer / Endpage*/
  .container-fluid.footer-endpage .endpage span { text-wrap: balance;}
}