body{
    color: #212529;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
}

html{
    scroll-behavior: smooth;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

.website-container{
    /*background-image: url(/fileadmin/images/website-background/bg-winter-001.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    /*background-image: none;*/
    background-color: #fbfbfb;
    /*background-color: #fff;*/
}

img{max-width: 100%;height: auto;display: block;}
footer{background-color: #f47937;}
p {font-size: 14px; line-height: 1.3; margin-bottom: 10px;font-size: 16px;}
li{font-size: 16px;}
.frame-space-before-extra-small{margin-top: 0.5em;}
.frame-space-before-small{margin-top: 1em;}
.frame-space-after-extra-small {margin-bottom: 0.5em; margin-bottom: 10px;}
.frame-space-after-small {margin-bottom: 1em;}
.frame-space-after-medium {margin-bottom: 2em;}
/*.frame-layout-3 h2{font-size: 15px; line-height: 18px;}*/
.frame-layout-3 h3{font-size: 14px; line-height: 1.3; font-weight: normal; padding: 0px 20px; margin-bottom: 8px !important;}
.frame-layout-3 p{font-size: 13px;}
.frame-layout-2 h2{font-size: 14px; line-height: 1.2; margin-bottom: 0;}
.frame-layout-2 p{font-size: 14px; line-height: 1.2;}
/*.frame-layout-2 span{font-size: 14px; line-height: 1.2;}*/
.frame{overflow: hidden;}
dl, ol, ul{overflow: hidden; margin-bottom: 10px;}

footer a{text-decoration: none;}
footer a:hover{text-decoration: underline;}
.sidebar a, .sidebar a:hover{text-decoration: none;}
a:hover{text-decoration: underline;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
    padding-left: 8px;
    padding-right: 8px;
}

a{
    color: #6c757d;
    color: #0242a3;
}

b, strong{
    color: #6c757d;
    color: #000;
}

hr{
    margin-top: 8px;
    margin-bottom: 8px;
}

.row{
    margin-left: -8px;
    margin-right: -8px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    padding-left: 8px;
    padding-right: 8px;
    float: left;
}

label{
    font-size: 14px;
    font-size: 15px;
    margin-bottom: 3px;
    margin-bottom: 0px;
    margin-bottom: 1px;
}

.form-control{
    border-radius: 0;
    height: 35px;
    font-size: 15px;
    font-size: 14px;
}

.form-group{overflow: hidden; margin-bottom: 0px; padding-bottom: 1px !important;}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input:focus,
.uneditable-input:focus {
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(82, 168, 236, 1.0);
	outline: 0 none;
}

#nitHeader{background-color: #ffffff;}
.sticky {position: fixed; top: 0; width: 100%; z-index: 999;}
.sticky + .main-content {
    padding-top: 65px;
    padding-top: 71px;
}

.top-header{
    height: 30px;
    width: 100%;
    background-color: #f47937;
    background-color: #0090e3;
    background-color: #0242a3;
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2;
    background-color: #efefef;
}

.powermail_tab_navigation{margin: 0px !important;}

[class*='powermail_fieldset_'] .form-item:nth-last-child(2){margin-bottom: 6px;}

/*
[class*='powermail_fieldset_'] .form-item:nth-last-child(1){margin-top: 16px;}
*/
.header-menu{
    border-bottom: 1px solid #e2e2e2;
}
.main-content{
    border-top: 1px solid #e2e2e2;
}

.contact-top{float: right; line-height: 30px; font-size: 15px;}
.ct{float: left; color: #ffffff;font-weight: 600;}
.ct .fa-phone-alt{margin-right: 10px;}
.ct-telefoon{margin-right: 24px;}
.ct .fa-envelope{margin-right: 10px;}
.ct-contact{margin-right: 24px;}
.top-buttons-text{vertical-align: baseline;}
.ct .fa-sign-in-alt{margin-right: 10px; vertical-align: baseline;}
.home-icon-button{font-size: 20px; vertical-align: baseline;}
.house-icon path {
    fill: #0242a3; /* Default color */
    transition: fill 0.3s ease; /* Smooth transition for hover effect */
}
  
.house-icon:hover path {
    fill: #ff6600; /* Hover color */
}

.navbar-light .navbar-brand{
    padding: 2px 0;
}

.navbar-light .navbar-toggler {
    color: #000;
    border-color: #000;
    margin-right: 2px;
  }
  
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}

.navbar{
    padding: 7px 16px;
}

#navbarSupportedContent ul{
    overflow: unset;
}

.dropdown-item{
    font-size: 14px;
    font-size: 15px;
    font-weight: 600;
    padding: 7px 1.5rem;
    font-weight: 400;
}
.dropdown-item:focus {outline:0;}
.nav-item:focus{outline: 0;}
.nav-link:focus{outline: 0;}

.dropdown-menu {
    padding: 0;
    border: 0;
    border-radius: 0;
    font-size: 15px;
    margin: 0 !important;
}
.dropdown-menu .dropdown-item{
    /*border-bottom: 1px solid rgba(0,0,0,.15);*/
    color: #0242a3;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active{
    /*border-bottom: 1px solid rgba(0,0,0,.15);*/
    color: #ff6600;
    background-color: #fff !important;
}

.dropdown-menu .dropdown-item:focus{
    /*border-bottom: 1px solid rgba(0,0,0,.15);*/
    color: #ff6600 !important;
    background-color: transparent !important;
    background-color: #fff !important;
}

.navbar-nav .nav-item.dropdown:hover .dropdown-menu{display: block;}
.dropdown-toggle::after{display: none !important;}
ul.navbar-nav{
    align-items: center;
}
li.nav-item{
    display: flex;
    align-items: center;
}
svg.house-icon{
    height: 20px;
    width: auto;
    vertical-align: middle;
}

.page-title{
    background-color: #f47937;
    background-color: #f8f9fa;
    /*max-width: 1280px;*/
    margin: 0 auto;
    padding: 6px 0px;
    background-color: #ff6600;
    background-color: #fbfbfb;
    background-color: #0242a3;
    width: 100%;
}

.home-logo{
    height: 50px;
}

h1.pagina-titel{
    line-height: 30px;
    font-size: 16px;
    font-size: 17px;
    font-size: 18px;
    color: #0242a3;
    margin-bottom: 0;
    font-weight: 600;
    color: #777777;    
    color: #ffffff;
}

h2{
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #000;
    margin-bottom: 0;
    /*font-size: 14px;*/
    line-height: 18px;
    /*margin-bottom: 8px;*/
}

h3{
    font-size: 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #000;
    margin-bottom: 0;
}

h5, .frame-layout-3 h2, .frame-layout-3 h3{
    font-size: 14px;
    font-weight: lighter;
    padding-top: 14px;
    margin-bottom: 0px;
}
.frame-layout-1 h2{
    font-size: 14px;
    padding-top: 14px;
    margin-bottom: 0px;
    font-size: 16px;
}

/*.frame-layout-1 header{color: #f47937;}
.frame-layout-1 h2{font-size: 17px; font-weight: 600; font-size: 15px; color: #000; line-height: normal; margin-bottom: 0;}*/

.content-container{
    max-width: 1280px;
    margin: 0 auto;
}

.brand{
    background-color: #ffffff;
    padding: 10px;
    padding-right: 0px;
}

.main-section{
    min-height: 930px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0px 0 8px 0;
    background-color: #f8f9fa;
    background-color: #ebebeb;
    background-color: #fbfbfb;
    padding-top: 10px;/*Toegevoegd na blauw maken page-title*/
}

.navbar-light .navbar-nav .nav-link{
    font-weight: 600;
    font-size: 18px;
    color: #0242a3;
    /*color: #cdcdcd;*/
}

.navbar-light .navbar-nav .active>.nav-link{
    color: #000000;
    color: #0090e3;
    color: #0242a3;
    color: #ff6600;
}

.navbar-light .navbar-nav .nav-link:hover{
    color: #000000;
    color: #0090e3;
    color: #0242a3;
    color: #ff6600;
}

/* Kleur van navbar titel nadat er op is geklikt om de onderliggende navbar-items op te klappen */
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
    color: #ff6600;
}

/*
    .navbar-light .navbar-nav .nav-link:hover{
        color: #fff;
    }
*/

.ce-headline-left{text-align: left;}
.ce-headline-right{text-align: right;}
.ce-headline-center{text-align: center;}

.banner-foto{
    max-width: 100%;
}

.labels{
    width: 200px;
    margin: 10px auto 0px auto;
}

.btn-nit{
    display: block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.160rem 0.300rem;
    font-size: 0.9375rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    min-width: 140px;
    height: 45px;
    background-color: #00b900;
    color: #FFF;
    cursor: pointer;
    border-radius: 0;
}

.side-banner-buttons{
    font-size: 20px;
    font-size: 18px;
    font-weight: 600;
    padding: 0.75rem;
    height: auto;
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    height: 60px;
}

.btn-telefoon{background-color: #0242a3;}
.telefoon-icon{margin-right:15px; font-size:28px; vertical-align: middle;}
.sidebar-span-text{vertical-align: middle;}
.storing-icon{margin-right: 15px; font-size: 28px; vertical-align: middle;}
.nav-top{position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between;}
.info-top{margin: auto auto;}

.btn-group{display: none;}
.btn-nijsink{color: #fff; background-color: #f47937; border-color: #f47937;}
.btn-nijsink{
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    display: block;
    margin: 0 auto;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size: 14px;
    font-weight: 600;
}

.btn-nijsink:hover{color: #fff; background-color: #0069d9; border-color: #0069d9;}
.btn-nijsink:hover{
    background-color: #0069d9 !important; border-color: #0069d9 !important;
}

.lp-ac-nit-top-banner, .lp-ac-nit-duurzaam-banner, .lp-ac-nit-modellen, .lp-wp-nit-top-banner, .lp-wp-nit-mid-banner{
    margin-bottom: 10px;
}
.interesse-formulier{
    margin-top: 20px;
}
.btn-garantie:hover{
    background-color: #AF955F !important;
    border: none;
    outline: none;
}
.btn-garantie{
    background-color: #9f8857 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    margin: 16px auto 0px auto;
    outline: none;
    border: none;
    color: #fff;
}
.btn-garantie:active, .btn-garantie:focus{
    outline: none;
    border: none;
}
.vijfjrgarimg{  
    max-height: 100%;
    display: inline-block;
    margin-right: 15px;
    max-width: 100%;
    height: auto;
    display: block;
    max-height: 60px;
}
.vijfjrgartxt{
    display: inline-block;
    line-height: 28px;
    max-height: 100%;
    display: flex;
    align-items: center;
}
.garantie-icon-in-image-right{
    position: absolute;
    left: 82%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 70px;
}
  
#expandContentGarantie p {
    text-align: center;
}
  
.garantie-icon-in-image-left{
    position: absolute;
    left: 30%;
    top: 35%;
    transform: translate(-40%, -50%);
    max-height: 70px;
}

.btn-cta{
    background-color: #ff6601;
    color: #FFF;
    cursor: pointer;
    font-size: 15px !important;
    font-weight: 400;
    padding: 0.375rem 0.75rem !important;
    min-width: auto;
    height: auto;
}
  
.CTAs-LP{
    margin: 20px 0 !important;
}
.CTAs-LP .offerte-aanvragen-lp{
    text-align: center;
}
  
.btn-cta-lp{
    width: 300px;
    height: 60px;
    border-radius: 0;
    font-size: 18px !important;
    font-weight: 600;
    height: 42px; /* Aanpassing n.a.v. rebrand mid jan 25 */
    font-size: 16px !important; /* Aanpassing n.a.v. rebrand mid jan 25 */
    border-radius: .5rem; /* Aanpassing n.a.v. rebrand mid jan 25 */
}

.card-online-regelen .btn-nijsink{
    z-index: 32;
    display: flex;
    background-color: #007bff;
    color: #fff;
    position: relative;
    transition: all 0.25s ease-in-out !important;
}

.card-online-regelen .btn-nijsink:hover{
    background-color: #0069d9 !important; border-color: #0069d9 !important;
}

.powermail_form h3{display: none;}
.powermail_legend{display: none;}
.tx-powermail .container-fluid{padding: 0px 0px;}
.powermail_fieldset .col-md-6{padding: 0px 0px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 16px;}
.powermail_fieldset .powermail_fieldset_5{padding: 0px 0px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.powermail_fieldset .powermail_fieldwrap_type_check .col-md-6{padding: 0px 0px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.control-label{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.powermail_fieldset_5 .control-label{-ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; float: left;}
.powermail_fieldset_5 .col-sm-10{-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; float: left;}
.powermail_fieldset_6 .control-label{-ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; float: left;}
.powermail_fieldset_6 .col-sm-10{-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; float: left;}
.powermail_fieldset_7 .control-label{-ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; float: left;}
.powermail_fieldset_7 .col-sm-10{-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; float: left;}
.powermail_fieldwrap_type_input .control-label{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.powermail_fieldwrap_type_check{-ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important;}
.powermail_fieldset_5 .powermail_fieldwrap_type_input .col-sm-10{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; float: left;}
.powermail_fieldset_5 .powermail_fieldwrap_type_textarea .control-label{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; float: left;}
.powermail_fieldset_5 .powermail_fieldwrap_type_textarea .col-sm-10{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; float: left;}
.powermail_fieldset_6 .powermail_fieldwrap_type_input .col-sm-10{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; float: left;}
.powermail_fieldset_6 .powermail_fieldwrap_type_textarea .control-label{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; float: left;}
.powermail_fieldset_6 .powermail_fieldwrap_type_textarea .col-sm-10{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; float: left;}
.powermail_fieldset_7 .powermail_fieldwrap_type_input .col-sm-10{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; float: left;}
.powermail_fieldset_7 .powermail_fieldwrap_type_textarea .control-label{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; float: left;}
.powermail_fieldset_7 .powermail_fieldwrap_type_textarea .col-sm-10{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; float: left;}
.powermail_fieldset_5 .powermail_fieldwrap_type_check{margin-bottom: 0px;}
.powermail_fieldset_6 .powermail_fieldwrap_type_check{margin-bottom: 0px;}
.powermail_fieldset_7 .powermail_fieldwrap_type_check{margin-bottom: 0px;}
.powermail_fieldset .col-sm-10{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.tx-powermail .powermail_fieldwrap_type_check .control-label{
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    float: left;
}
.tx-powermail .powermail_fieldwrap_type_check .col-sm-10{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    float: left;
}
.powermail_form_4 .powermail_fieldwrap_type_check .input-field-wrap{float: right;}
.powermail_form_5 .powermail_fieldwrap_type_check .input-field-wrap{float: right;}
.powermail_form_6 .powermail_fieldwrap_type_check .input-field-wrap{float: right;}
.powermail_fieldwrap_type_submit{margin-top: 16px;}
.powermail_fieldwrap_type_submit .btn-primary{background-color: #00b900; border-color: transparent; padding: 0.16rem 0.3rem; min-width: 140px; height: 45px; font-weight: 700; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; padding: .375rem .75rem; min-width: auto; height: auto;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {background-color: #00b900; border-color: transparent;}
.footer{padding: 16px 0;background-color: #0242a3; padding-bottom: 7px; background-color: #ebebeb;}
.footer-copyright{padding: 8px 0 10px 0; text-align: center;background-color: #0090e3;background-color: #0242a3;}
.footer-copyright p{color: #ffffff;font-size:14px;line-height:20px;margin-bottom: 0; font-size: 15px;}
.footer-copyright p:nth-child(2){margin-top: 4px;}
.footer-copyright a{color: #ffffff;}
.footer-copyright a:hover{text-decoration: underline;}
.footer header{color: #ffffff; color: #000;}
.footer ul{margin-left: -40px;}
.footer li{list-style-type: none; color: #ffffff; color: #000;}
.footer a{color: #ffffff; color: #000;}
.footer-item{
    font-size: 14px;
}
.footer-item-image{
    max-width: 170px;
    height: auto;
    margin-bottom: 10px;
}
.footer-item-image img{
    width: auto;
    height: 50px;
    /*height: 45px;*/
}
.footer-place-marker{
    width: 30px;
    padding-left: 5px;
    padding-right: 5px;
    display: inline;
}

.footer-phone{
    width: 30px;
    padding-left: 3px;
    padding-right: 5px;
    display: inline;
}
  
.footer-mail-icon{
    width: 30px;
    padding-left: 1px;
    padding-right: 4px;
    display: inline-block;
}
  
.footer-afhaal-locatie{
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
}

.footer-place-adres, .footer-phone-number, .footer-mail-adres{
    display: inline;
}
  
.footer-place-marker .fas, .footer-phone .fas, .footer-mail .fas{
    font-size: 18px;
    color: #777777;
}
  
.footer-item-image, .footer-locatie, .footer-telefoon, .footer-mail{
    display: block;
}
  
.footer-afhalen, .footer-telefoon, .footer-mail{
    margin-bottom: 10px;
    margin-bottom: 5px;
}
.socials{margin: 0 auto; display: table;}
.smi-pad{width:46px;height:46px;padding:8px;float:left;}
.fa{padding: 3px;font-size:17px;text-align:center;text-decoration: none;border-radius:50%;width:30px;height:30px;background-color: #0090e3;}
.fa:hover{background: #f38800 !important;}
.envelope{padding: 5px 4px;}

.cov-nit-footer-banner{
    max-width: 60%;
    margin: 10px 0 0 0;
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 4px;
}

li.nit-li{list-style-image: url(/fileadmin/images/layout/icons/green-icon.png); margin-left: -15px; font-size: 14px;}
/*.frame-layout-1 li {
    background-image: url(/fileadmin/images/layout/icons/green-icon.png);
    background-position: 5px 2px;
    background-repeat: no-repeat;
    list-style-type: none;
    margin-left: -15px; 
    font-size: 14px; 
    line-height: 20px;
    padding-left: 40px;
    padding-bottom: 10px;
    padding-bottom: 0px;
}*/
li.green-icon {
    background-image: url(/fileadmin/images/layout/icons/green-icon.png);
    background-position: 5px 2px;
    background-repeat: no-repeat;
    list-style-type: none;
    margin-left: -15px; 
    font-size: 14px; 
    line-height: 20px;
    padding-left: 40px;
    padding-bottom: 10px;
    padding-bottom: 0px;
}
li.disc{margin-left: -15px; font-size: 14px; list-style-type: disc; background-image: none; padding-left: 15px;}
li.green-checkmark{
    width: 100%;
    float: left;
    list-style-image: url('/fileadmin/images/layout/icons/green-icon.png');
    margin-left: -15px;
    margin-left: 0;
    font-size: 14px;
    font-size: 16px;
}
.airco-checkmarks{margin-left: -15px;}

h2.subheader-h2{font-size: 17px; color: #000000; font-weight: 600; margin-bottom: 5px; line-height: 1.2; color: #f47937; color: #0242a3;font-size: 15px; font-weight: 600; line-height: normal; color: #000; line-height: 18px; margin-bottom: 8px;} 
.modellen{border: 1px solid #b7b7b7; margin-bottom: 16px; overflow: hidden; position: relative; background-color: #fff;}
.card-title-model{background-color: #0242a3;}
h4.card-title-model{line-height: 30px; font-size: 16px; text-align: center; color: #ffffff; font-weight: 600;}
.card-image-model{height: 100px; width: 70%; margin: 8px auto 0px; display: block; position: relative;}
.list-group{display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem;}
.list-group-flush{height: 70px; word-break: break-word; border-radius: 0; margin-top: 10px; padding-left: 28px;}
.list-group-item{position: relative; padding: 0px; background-color: transparent;}
li.modellen-li{list-style-image: url(/fileadmin/images/layout/icons/green-icon.png); margin-left: 0px; display: list-item; font-size: 13px; line-height: 18px;}
.card-footer-model{display: block; height: 30px; margin-top: 6px; background-color: #f38800;}
.card-footer-model a:hover{text-decoration: none;}
.card-btn{color: #fff; display: block; vertical-align: top; user-select: none; padding: 0px 5px; height: 31px;}
.modellen-meer-informatie{border: none; background-color: #f38800; margin-bottom: -15px; text-align: left;}
.card-btn-text{margin-left: 5px; font-size: 14px; line-height: 31px; font-weight: 500;}
.vloermodel img{margin-left: 20px; max-width: 70%;}
.mobiele-airco-modellen{border: 1px solid #b7b7b7; margin-bottom: 16px; background-color: #fff;}
.card-image-mobiele-airco{margin: 33px 0px;}
.card-img-mobiele-arico{display: block; margin: 0 auto; width: 65%; position: relative;}
.mobiele-airco-modellen .card-btn-text{text-align: center;}

.card-wrapper{padding: 1rem 2rem; background-color: #efefef; border: none; margin-bottom: 16px; background-color: #fff;}
h4.card-title.card-onderhoud{color: #f59c1a; font-size: 20px; font-size: 22px; font-weight: 600; margin-bottom: 0.5rem;}
.card-onderhoud{height: auto;}
.card-text-strong{font-size: 17px; font-weight: bold; height: 85px;}
.card-text-body{height: 144px;}
.card-footer{border-radius: 0.25rem !important;}
.btn-basis{background-color: #224e84;}
.btn-service-plus{background-color: #3bbbed;}
.btn-all-in{background-color: #f59c1a;}
.onderhoud-button span{color: #ffffff; font-weight: bold;}
.onderhoud-button:hover{text-decoration: none;}
.list-group-abonnementen{height: auto; margin-bottom: 10px;}
.list-group-abonnementen .modellen-li{font-size: 14px; line-height: 1.3; margin-bottom: 10px; margin-bottom: 5px;font-size: 16px;}
li.grijs-li{list-style-image: url(/fileadmin/images/layout/icons/grey-icon.png);}
.list-group-abonnementen .grijs-li{color: #d3d3d3;}
.onderhoud-basis-voorwaarden{font-size: 13px;}

.card-online-regelen{
    background-color: #f4f4f4;
    background-color: #fff;
    background-color: #e2e8f0;
    border-radius: .25rem !important;
}

h3.online-regelen{
    text-align: center;
    font-size: 18px;
    line-height: 1.5;
    color: #f59c1a;
    color: #777777;
    color: #000;
    font-size: 16px;
}

.checkmark-ul{
    height: auto;
    margin-bottom: 10px;
    padding-left: 28px;
}
.checkmark-ul li{
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 5px;
}
li.groen-li{
    list-style-image: url(/fileadmin/images/layout/icons/green-icon.png);
}
.assortiment-img img{
    margin: 10px auto 0 auto;
    max-height: 500px;
    display: block;
}

.sidebar .ce-border img{
    border: 1px solid #b7b7b7;
}

.warmtepompboiler-img img{
    margin: 10px auto 0 auto;
    max-height: 500px;
}

.card-online-regelen .card-text{
    text-align: center;
    color: #000;
}

.cardnew .card-text{
    width: 33%;
}
.cardnew .card-footer{
    width: 67%;
}

.layout2 .check-span{display: none;}

.storing-melden{background-color: #f47937;}

.footer h4{font-size: 15px; font-size: 16px; font-weight: 600; margin-bottom: 15px; margin-top: 0px; line-height: 1.2;}
.footer li{font-size: 14px; font-size: 15px; line-height: 1.6;}

.powermail_fieldwrap_wiltuuwhuidigecontractmeenemennaaruwnieuweadres .radio{
    width: 15%;
    float: left;
}

.home-card h2{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 6px;
    color: #777777;
}

.usp-list-top a{
    color: #fff;
    color: #0242a3;
}
.usp-list-top a:hover{
    text-decoration: underline !important;
}
.usp-list-top i:hover, .usp-list-top a:hover{
    color: #fff;
    color: #0242a3;
}

.top-header a:hover{text-decoration: none;}

.top-header .fa-envelope:hover, .top-header .fa-envelope{
    background: transparent !important;
    padding: 0;
}

.usp-banner-top{
    display: flex;
    align-self: center;
    gap: 20px;
    /*
    margin-bottom: 0px;
    margin-left: 0px;
    display: flex;
    list-style: none;
    padding: 0px;
    color: #fff;*/
}
.usp-list-top{
    height: 30px;
    display: flex;
    align-items: center;
    gap: 7px;
    /*
    margin-right: 2.5rem;
    display: list-item;
    padding: 4.6px 0px;
    font-size: 13px;
    font-size: 14px;
    list-style: none;
    color: #fff;
    line-height: 30px;
    height: 30px;
    padding: 0;*/
}
.usp-list-top-check{
    background: url(/fileadmin/images/layout/icons/white-icon.png) left center no-repeat;
    padding-left: 20px;
}
/*
.usp-list-top-check:first-child{
    margin-right: 1.5rem;
}*/

.usp-list-top:last-child{
    margin-right: 0px;
}

.usp-list-top a{
    display: flex;
    align-items: center; /* Center SVG and text in links */
    gap: 7px; /* Match gap in <li> */
    text-decoration: none; /* Remove underline */
    color: #333; /* Text color */
    margin: 0; /* Reset any default margins */
    padding: 0; /* Reset any default padding */
  }

.fa-ul{
    margin-left: 0 !important;
    list-style: none;
    padding-left: 0;
}

.li-top-icon{
    display: inline-flex;
    vertical-align: middle;
    margin: 0;
}

.li-top-icon path{
    fill: #0242a3;
    transition: fill 0.3s ease, stroke 0.3s ease;
}

.li-top-tekst, span.li-top-tekst, .usp-list-top a span{
    font-size: 14px;
    line-height: 1.2;
    color: #333;
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.powermail_fieldwrap_marker-oude-adresgegevens{font-weight: bold;}
.powermail_fieldwrap_marker-nieuwe-adresgegevens{font-weight: bold;}
.powermail_fieldwrap_type_input label, .powermail_fieldwrap_type_textarea label, .powermail_fieldwrap_type_select, .powermail_fieldwrap_type_date, .powermail_fieldwrap_type_radio label{font-weight: bold; line-height: 2;}
.radio label{font-weight: normal; line-height: normal;}

/*
.powermail_fieldset_1 .form-item:nth-child(2), .powermail_fieldset_9 .form-item:nth-child(2), .powermail_fieldset_11 .form-item:nth-child(2), .powermail_fieldset_13 .form-item:nth-child(2), .powermail_fieldset_12 .form-item:nth-child(2), .powermail_fieldset_15 .form-item:nth-child(2), .powermail_fieldset_4 .form-item:nth-child(2), .powermail_fieldset_8 .form-item:nth-child(2), .powermail_fieldset_16 .form-item:nth-child(2), .powermail_fieldset_17 .form-item:nth-child(2), .powermail_fieldset_18 .form-item:nth-child(2){width: 30%; float: left;}
.powermail_fieldset_1 .form-item:nth-child(3), .powermail_fieldset_9 .form-item:nth-child(3), .powermail_fieldset_11 .form-item:nth-child(3), .powermail_fieldset_13 .form-item:nth-child(3), .powermail_fieldset_12 .form-item:nth-child(3), .powermail_fieldset_15 .form-item:nth-child(3), .powermail_fieldset_4 .form-item:nth-child(3), .powermail_fieldset_8 .form-item:nth-child(3), .powermail_fieldset_16 .form-item:nth-child(3), .powermail_fieldset_17 .form-item:nth-child(3), .powermail_fieldset_18 .form-item:nth-child(3){width: 70%; float: left;}*/
/*.powermail_fieldset_1 .form-item:nth-child(4), .powermail_fieldset_11 .form-item:nth-child(4), .powermail_fieldset_13 .form-item:nth-child(4), .powermail_fieldset_15 .form-item:nth-child(4), .powermail_fieldset_8 .form-item:nth-child(5), .powermail_fieldset_18 .form-item:nth-child(5){width: 60%; float: left;}*/
/*.powermail_fieldset_1 .form-item:nth-child(5), .powermail_fieldset_11 .form-item:nth-child(5), .powermail_fieldset_13 .form-item:nth-child(5), .powermail_fieldset_15 .form-item:nth-child(5){width: 20%; float: left;}
.powermail_fieldset_1 .form-item:nth-child(6), .powermail_fieldset_12 .form-item:nth-child(6), .powermail_fieldset_13 .form-item:nth-child(6), .powermail_fieldset_11 .form-item:nth-child(6), .powermail_fieldset_8 .form-item:nth-child(6), .powermail_fieldset_16 .form-item:nth-child(6), .powermail_fieldset_8 .form-item:nth-child(7), .powermail_fieldset_18 .form-item:nth-child(6), .powermail_fieldset_18 .form-item:nth-child(7){width: 20%; float: left;}*/
/*.powermail_fieldset_1 .form-item:nth-child(7), .powermail_fieldset_12 .form-item:nth-child(7), .powermail_fieldset_13 .form-item:nth-child(7), .powermail_fieldset_11 .form-item:nth-child(7), .powermail_fieldset_16 .form-item:nth-child(7), .powermail_fieldset_16 .form-item:nth-child(8), .powermail_fieldset_8 .form-item:nth-child(8), .powermail_fieldset_8 .form-item:nth-child(10){width: 30%; float: left;}
.powermail_fieldset_1 .form-item:nth-child(8), .powermail_fieldset_12 .form-item:nth-child(8), .powermail_fieldset_13 .form-item:nth-child(8), .powermail_fieldset_11 .form-item:nth-child(8), .powermail_fieldset_16 .form-item:nth-child(9), .powermail_fieldset_8 .form-item:nth-child(9), .powermail_fieldset_8 .form-item:nth-child(11){width: 70%; float: left;}
.powermail_fieldset_1 .form-item:nth-child(9), .powermail_fieldset_12 .form-item:nth-child(9), .powermail_fieldset_13 .form-item:nth-child(9), .powermail_fieldset_11 .form-item:nth-child(9), .powermail_fieldset_16 .form-item:nth-child(10){width: 30%; float: left;}
.powermail_fieldset_1 .form-item:nth-child(10), .powermail_fieldset_12 .form-item:nth-child(10), .powermail_fieldset_13 .form-item:nth-child(10), .powermail_fieldset_11 .form-item:nth-child(10){width: 70%; float: left;}
.powermail_fieldset_5 .form-item:nth-child(8), .powermail_fieldset_7 .form-item:nth-child(12), .powermail_fieldset_6 .form-item:nth-child(11){width: 30%; float: left;}
.powermail_fieldset_5 .form-item:nth-child(9), .powermail_fieldset_7 .form-item:nth-child(13), .powermail_fieldset_6 .form-item:nth-child(12){width: 70%; float: left;}*/
/*.powermail_fieldset_5 .form-item:nth-child(11), .powermail_fieldset_6 .form-item:nth-child(14), .powermail_fieldset_6 .form-item:nth-child(15), .powermail_fieldset_7 .form-item:nth-child(15), .powermail_fieldset_9 .form-item:nth-child(6){width: 20%; float: left;}
.powermail_fieldset_5 .form-item:nth-child(12), .powermail_fieldset_7 .form-item:nth-child(16), .powermail_fieldset_9 .form-item:nth-child(7){width: 20%; float: left;}*/
/*.powermail_fieldset_5 .form-item:nth-child(13), .powermail_fieldset_7 .form-item:nth-child(17), .powermail_fieldset_9 .form-item:nth-child(8), .powermail_fieldset_6 .form-item:nth-child(16), .powermail_fieldset_6 .form-item:nth-child(18), .powermail_fieldset_18 .form-item:nth-child(8), .powermail_fieldset_18 .form-item:nth-child(10){width: 30%; float: left;}
.powermail_fieldset_5 .form-item:nth-child(14), .powermail_fieldset_6 .form-item:nth-child(17), .powermail_fieldset_6 .form-item:nth-child(19), .powermail_fieldset_7 .form-item:nth-child(18), .powermail_fieldset_9 .form-item:nth-child(9), .powermail_fieldset_18 .form-item:nth-child(9), .powermail_fieldset_18 .form-item:nth-child(11){width: 70%; float: left;}
.powermail_fieldset_5 .form-item:nth-child(15), .powermail_fieldset_7 .form-item:nth-child(19), .powermail_fieldset_9 .form-item:nth-child(10){width: 30%; float: left;}
.powermail_fieldset_5 .form-item:nth-child(16), .powermail_fieldset_7 .form-item:nth-child(20), .powermail_fieldset_9 .form-item:nth-child(11), .powermail_fieldset_6 .form-item:nth-child(12){width: 70%; float: left;}
.powermail_fieldset_14 .form-item:nth-child(2), .powermail_fieldset_6 .form-item:nth-child(11){width: 30%; float: left;}
.powermail_fieldset_14 .form-item:nth-child(3){width: 70%; float: left; margin-bottom: 10px;}*/
/*.powermail_fieldset_14 .form-item:nth-child(5), .powermail_fieldset_9 .form-item:nth-child(5), .powermail_fieldset_5 .form-item:nth-child(10), .powermail_fieldset_6 .form-item:nth-child(13){width: 60%; float: left;}*/
/*.powermail_fieldset_14 .form-item:nth-child(6){width: 20%; float: left;}
.powermail_fieldset_14 .form-item:nth-child(7){width: 20%; float: left;}*/
/*.powermail_fieldset_14 .form-item:nth-child(8){width: 30%; float: left;}
.powermail_fieldset_14 .form-item:nth-child(9){width: 70%; float: left; margin-bottom: 10px;}*/
/*.powermail_fieldset_14 .form-item:nth-child(11), .powermail_fieldset_17 .form-item:nth-child(4){width: 60%; float: left;}*/
/*.powermail_fieldset_14 .form-item:nth-child(12), .powermail_fieldset_17 .form-item:nth-child(5){width: 20%; float: left;}
.powermail_fieldset_14 .form-item:nth-child(13), .powermail_fieldset_17 .form-item:nth-child(6){width: 20%; float: left;}
.powermail_fieldset_14 .form-item:nth-child(14), .powermail_fieldset_17 .form-item:nth-child(7){width: 30%; float: left;}
.powermail_fieldset_14 .form-item:nth-child(15), .powermail_fieldset_17 .form-item:nth-child(8){width: 70%; float: left;}
.powermail_fieldset_14 .form-item:nth-child(16), .powermail_fieldset_17 .form-item:nth-child(9){width: 30%; float: left;}
.powermail_fieldset_14 .form-item:nth-child(17), .powermail_fieldset_17 .form-item:nth-child(10){width: 70%; float: left;}*/
/*.powermail_fieldset_16 .form-item:nth-child(5), .powermail_fieldset_12 .form-item:nth-child(5), .powermail_fieldset_4 .form-item:nth-child(5){width: 60%; float: left;}*/
/*.powermail_fieldset_16 .form-item:nth-child(6), .powermail_fieldset_16 .form-item:nth-child(7), .powermail_fieldset_12 .form-item:nth-child(6), .powermail_fieldset_12 .form-item:nth-child(7), .powermail_fieldset_4 .form-item:nth-child(6), .powermail_fieldset_4 .form-item:nth-child(7){width: 20%; float: left;}*/
/*.powermail_fieldset_16 .form-item:nth-child(8), .powermail_fieldset_12 .form-item:nth-child(8), .powermail_fieldset_4 .form-item:nth-child(8){width: 30%; float: left;}
.powermail_fieldset_16 .form-item:nth-child(9), .powermail_fieldset_12 .form-item:nth-child(9), .powermail_fieldset_4 .form-item:nth-child(9){width: 70%; float: left;}
.powermail_fieldset_16 .form-item:nth-child(10), .powermail_fieldset_12 .form-item:nth-child(10), .powermail_fieldset_4 .form-item:nth-child(10){width: 30%; float: left;}
.powermail_fieldset_16 .form-item:nth-child(11), .powermail_fieldset_12 .form-item:nth-child(11), .powermail_fieldset_4 .form-item:nth-child(11){width: 70%; float: left;}*/
.form-item .powermail_fieldwrap_straat{width: 60%; float: left;}
.form-item .powermail_fieldwrap_voornaam, .form-item .powermail_fieldwrap_voorletters, .form-item .powermail_fieldwrap_postcode, .form-item .powermail_fieldwrap_telefoonnummer{width: 30%; float: left;}
.form-item .powermail_fieldwrap_naam_bedrijfsnaam, .form-item .powermail_fieldwrap_achternaam, .form-item .powermail_fieldwrap_naam, .form-item .powermail_fieldwrap_woonplaats, .form-item .powermail_fieldwrap_e_mailadres, .form-item .powermail_fieldwrap_email{width: 70%; float: left;}
.form-item .powermail_fieldwrap_toev, .form-item .powermail_fieldwrap_huisnummer{width: 20%; float: left;}*/
.sidebar img{width: 300px;}
/*.col-home-banner .btn-nijsink{display: block;}*/
p.card-text{margin-bottom: 10px; height: 54px;}
.card-body{padding: 0.7rem;}
.card{border-radius: 0; border: 1px solid #b7b7b7;}
.card-img, .card-img-top{border-radius: 0;}
.card a:hover{text-decoration: none;}
.os-block{
    border-radius: 0;
    border: 1px solid #b7b7b7;
}
.privacy-cookies-voorwaarden p{
    font-size: 11px;
    line-height: 1.2;
}
.privacy-cookies-voorwaarden li{
    font-size: 11px;
    font-weight: bold;
}
.privacy-cookies-voorwaarden .ce-uploads img{
    padding-top: 0 !important;
}
.privacy-cookies-voorwaarden header{
    padding-bottom: 0.3rem;
}
.privacy-cookies-voorwaarden h2{
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
}

.nit-page-main-intro{
    overflow: hidden;
}

#nit-page-main-content, #multicool-airco-content, #multicool-airco-main-content {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}
  
#nit-page-main-content .overlay, #multicool-airco-content .overlay, #multicool-airco-main-content .overlay {
    height: 50px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(rgba(255,255,255,0),#fbfbfb);
    background-image: linear-gradient(rgba(255,255,255,0),#fbfbfb);
}

.desc-button {
    font-size: 14px;
    text-align: left;
    float: left;
    width: 100%;
    color: #000;
    position: relative;
    padding: 10px 20px;
    background: #fbfbfb;
    margin-top: -10px;
}
  
.desc-button svg {
    position: absolute;
    top: 14px;
    height: 14px;
    width: 13px;
    margin-left: 5px;
    color: #007bff;
}
  
.desc-button:hover{
    color: #000;
    text-decoration: underline;
}
  
.desc-button.less svg {
    transform: rotate(180deg);
}

.col-item-inner{
    height: 200px;
    background-color: #B8B8B8;
}

.col-item-inner .item-banner{
    max-width: 190px;
    margin: 0 auto;
}

.item-container-outer{
    border:1px solid #b7b7b7;
}

.airco-container-inner{
    border: 1px solid #b7b7b7;
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
}

.content-item-block{
    border: 1px solid #b7b7b7;
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
}

.airco-item-inner{
    /*background-image: url(/fileadmin/images/layout/white-gray-gradient.jpg);
    background-repeat: no-repeat;*/
    height: 200px;
    /*border-bottom: 1px solid #b7b7b7;*/
    height: auto;
}

.content-item-block-inner{
    height: auto;
}

.item-block-inner-fw{
    display: block;
    overflow: hidden;
    height: 160px;
    cursor: pointer;
}
.item-block-inner-fw img{
    margin: 12px auto 0 auto;
    width: 274px;
}
.airco-container-inner-brick .airco-item-inner{
    background-image: url(/fileadmin/images/layout/white-gray-brick.jpg);
}

.airco-container-inner img{
    height: 200px;
    margin: 0 auto;
    padding: 20px;
    height: 160px;
    padding: 10px;
}

.airco-item-title h2, .content-item-block-title h2{
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    text-align: left;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    line-height: 34px;
    line-height: normal;
    margin: 0 0 0 10px;
    margin: 0px;
    padding: 0;
    position: relative;
    color: #000;
    padding: 5px 10px;
    padding-right: 10px;
    padding-right: 5px;
}

.airco-item-title, .content-item-block-title{
    background-color: #0242a3;
    background-color: #fff;
    border-bottom: 1px solid #b7b7b7;
}
.airco-item-bottom-container{
    padding: 12px;
    overflow: hidden;
    padding-top: 0px;
}
.content-item-block-footer-container{
    padding: 12px;
    overflow: hidden;
}
.airco-item-bottom, .content-item-block-footer{
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226,232,240,var(--bg-opacity));
    padding: .5rem;
    overflow: hidden;
}
.content-item-block-footer p{
    font-size: 13px;
    line-height: 18px;
}
.airco-item-bottom .go-to-button, .airco-item-bottom .more-info-button, .content-item-block-footer .go-to-button, .content-item-block-footer .more-info-button{
    display: inline-block;
    margin-right: 8px;
    color: #fff;
    box-shadow: none;
    padding: 10px 20px;
    font-weight: bold;
    border-radius: 4px;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
}
.airco-item-bottom .go-to-button, .content-item-block-footer .go-to-button{
    z-index: 31;
    --bg-opacity: 1;
    background-color: #718096 !important;
    background-color: rgba(113,128,150,var(--bg-opacity)) !important;
    background-color: #0097e0 !important;
    transition: all 0.25s ease-in-out !important;
    float: left;
    margin-right: 8px;
    line-height: 16px;
}

.airco-item-bottom .more-info-button, .content-item-block-footer .more-info-button{
    z-index: 32;
    display: flex;
    background-color: #ff6600;
    background-color: #0242a3;
    color: #fff;
    transition: all 0.25s ease-in-out !important;
}

.airco-item-bottom .fa-li{
    left: 0px;
    color: #00b900;
}
.airco-item-bottom .fa-li::before{
    color: #00b900;
}

.os-block .blokje-text{
    width: 50%;
    float:left;
    padding: 0 5px;
}
.os-block .blokje-button{
    width: 50%;
    float: left;
    padding: 0 5px;
}

.go-to-button:hover{
    background-color: #58677D !important;
    background-color: #0097e0 !important;
}
.more-info-button:hover{
    background-color: #E64D00 !important;
    background-color: #00b900 !important;
    background-color: #0097e0 !important;
}

.meer-informatie-btn{
    font-size: 14px;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
}

.airco-item-link, .content-item-block-link{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
}

.airco-item-highlights{
    padding: 12px;
}
.airco-item-highlights ul, .airco-item-bottom-container ul{
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    padding: 0 5px;
}
.airco-item-highlights .item-bullet, .airco-item-bottom-container .item-bullet{
    font-size: 13px !important;
    line-height: 1.5;
    margin: 0 0 1rem;
    margin-bottom: 1rem;
    font-size: .875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    --text-opacity: 1;
    color: #38a169;
    color: rgba(56,161,105,var(--text-opacity));
    color: #00b900;
    color: rgba(0,185,0,var(--text-opacity));
    color: #718096;
    margin-bottom: 8px;
    font-weight: 400;
    width: 100%;
}

.airco-item-highlights .item-bullet:last-child, .airco-item-bottom-container .item-bullet:last-child{
    margin-bottom: 0px;
}

.airco-item-highlights .item-bullet::before, .airco-item-bottom-container .item-bullet::before{
    width: 9px;
    height: 9px;
    border-radius: 9999px;
    --bg-opacity: 1;
    background-color: #38a169;
    background-color: rgba(56,161,105,var(--bg-opacity));
    background-color: #00b900;
    background-color: rgba(0,185,0,var(--text-opacity));
    display: inline-block;
    margin-right: .5rem;
    content: "";
}

.nit-page-main-intro .frame-layout-1 h2{
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    padding-top: 0px;
    font-size: 16px;
}

table tbody p{margin-bottom: 0px;}
table tbody tr td{font-size: 14px; line-height: 1.3;}

@media (max-width: 450px){
    .tx-powermail .powermail_fieldwrap_type_check .control-label{
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
        float: left;
    }
    .tx-powermail .powermail_fieldwrap_type_check .col-sm-10{
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
        float: left;
    }
}
@media (max-width: 324px) {
    .modellen .list-group-flush{display: none;}
    .modellen .card-image-model{height: 75px;}
}
@media (max-width: 359px){
    .airco-item-title, .content-item-block-title{
        height: 50px;
    }
}
@media (max-width: 374px){
    .airco-item-bottom .go-to-button{
        display: none;
    }
    .home-content-item{
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .home-content-item .content-item-block-title{
        height: auto;
    }
}
@media (min-width: 325px) and (max-width: 425px){.modellen .card-image-model{height: 80px;}}
@media (min-width: 325px) and (max-width: 374px){h4.card-title-model{font-size: 11px;}}
@media (min-width: 375px) and (max-width: 424px){h4.card-title-model{font-size: 13px;}}
@media (min-width: 375px) and (max-width: 419px){
    .content-item-block-footer-container p{
        height: 108px;
    }
}
@media (min-width: 420px) and (max-width: 499px){
    .content-item-block-footer-container p{
        height: 90px;
    }
}
@media (min-width: 425px) and (max-width: 449px){h4.card-title-model{font-size: 15px;}}
@media (min-width: 500px) and (max-width: 575px){.modellen .card-image-model{height: 120px; margin: 15px auto 0px;}.content-item-block-footer-container p{height: 72px;}}
@media (min-width: 576px) and (max-width: 1199px){.modellen .card-image-model{height: 90px; width: 80%;}}
@media (max-width: 767px){
    h2.subheader-h2{
        font-size: 14px; font-weight: 600;
    }
    h1.pagina-titel{
        text-align: left; line-height: 20px; padding: 5px 0; font-size: 16px;
    }/* Verwijderd na blauw maken page-title, standaard padding-top: 10px;
    .main-section{
        padding-top: 4px;
    }
    */
    h2{
        font-size: 14px;
    }
}
@media only screen and (min-width: 1280px){.container{max-width: 1264px;}
    .content-item-block-footer p{
        height: 54px;
    }
}
@media (min-width: 300px) and (max-width: 330px){
    .card-text-body{font-size: 13px; height: 225px;}
    .all-in .card-text-body{height: auto;}
    .onderhoud-button span{font-size: 14px;}
}
@media (max-width: 425px){.ct-storing-melden{display: none;}}
@media (min-width: 300px) and (max-width: 575px){
    .card-wrapper{
        padding: 0.5rem;
    }
}
@media (min-width: 300px) and (max-width: 499px){
    /*
    .card-onderhoud{
        height: 48px;
    }
    .all-in .card-onderhoud{
        height: auto !important;
    }
    .all-in .card-text-body{
        height: auto !important;
    }
    */
}
@media (min-width: 331px) and (max-width: 375px){
    .list-group-abonnementen .modellen-li{
        font-size: 14px;
        line-height: 1.2;
    }
    .card-text-body{
        height: 110px;
        font-size: 14px;
    }
}
@media (min-width: 376px) and (max-width: 399px){
    .card-text-body{font-size: 14px; height: auto;}
}
@media (min-width: 400px) and (max-width: 499px){
    .card-text-body{font-size: 14px; height: 190px; height: 90px;}
    .all-in .card-text-body{height: 80px;}
    .onderhoud-button span {font-size: 14px;}
}
@media (min-width: 450px) and (max-width: 499px){
    .onderhoud-button span {font-size: 16px;}
}
@media (min-width: 500px) and (max-width: 549px){
    .card-text-body{height: 180px;}
}
@media (min-width: 550px) and (max-width: 575px){
    .card-text-body{height: 150px;}
}
@media (min-width: 500px) and (max-width: 575px){
    .card-text-body{font-size: 15px;}
    .all-in .card-text-body{height: auto;}
}
@media (max-width: 500px){
    .os-block .blokje-text{
        width: 100%;
    }
    .os-block .blokje-button{
        width: 100%;
    }
}
@media (min-width: 576px) and (max-width: 991px){
    .os-block .blokje-text{
        width: 100%;
    }
    .os-block .blokje-button{
        width: 100%;
    }
    /*.footer-item{margin-bottom: 20px;}*/
}
@media (min-width: 576px) and (max-width: 767px){
    .card-onderhoud{height: 48px;}
    .card-text-body{height: 200px;}
    .onderhoud-button span{font-size: 15px;}
    .airco-item-inner, .airco-item-inner-img img{
        height: auto;
    }
    .home-card .card-body .card-text{
        height: 72.8px;
    }
    .content-item-block-footer-container p{
        height: 72px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .gratis-offerte-aanvragen{font-size: 20px;
    }
    .btn-telefoon{font-size: 20px;}
    .telefoon-icon{font-size: 22px;}
    .card-wrapper{
        padding: 1rem;
    }
    .card-onderhoud{
        height: 48px;
    }
    .card-text-body{
        height: 200px;
    }
    .onderhoud-button span{
        font-size: 15px;
    }
    .main{
        width: calc(100% - 316px);
        max-width: 100%;
    }
    .sidebar{
        width: 316px;
        max-width: 100%;
    }
    .content-item-block-footer p{
        height: 54px;
    }
    .item-block-inner-fw img{
        width: 280px;
    }
    .card-online-regelen .btn-nijsink{
        font-size: 13px;
    }
    .navbar-light .navbar-nav .nav-link{
        font-size: 14px;
    }
}

@media (max-width: 991px){
    .home-card img{
        max-height: none !important;
    }
    .sidebar{
        display: none;
    }
    .frame-layout-3{
        display: none;
    }
    .card-991-disno{display: none;}
    ul.navbar-nav{
        align-items: flex-start;
    }
    .cov-nit-footer-banner{
        max-width: 170px;
        margin: 10px 0 0 0;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .info-top{width: 690px;
    }
    .airco-item-highlights ul, .airco-item-bottom-container ul{
        padding: 0;
    }
    .airco-item-inner, .airco-container-inner img{
        height: auto;
    }
    .airco-item-bottom .go-to-button, .airco-item-bottom .more-info-button{
        padding: 10px;
    }
    .airco-item-bottom-container{
        padding: 6px;
        padding-top: 0;
    }
    .airco-item-highlights .item-bullet, .airco-item-bottom-container .item-bullet{
        font-size: 12px !important;
    }
    .airco-item-highlights .item-bullet::before, .airco-item-bottom-container .item-bullet::before{
        margin-right: 6px;
    }
    .content-item-block-footer-container p{
        height: 72px;
    }
    .content-item-block-footer .go-to-button{
        padding: 7px;
    }
    .content-item-block-footer .more-info-button{
        padding: 7px 15px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){.info-top{width: 930px;}}
@media (min-width: 1200px) and (max-width: 1299px){.info-top{width: 1140px;}}
@media (min-width: 1300px){.info-top{ width: 1230px;}}

@media (max-width: 375px){
    .top-banner-med{display: none;}
}
@media (min-width: 376px){
    .top-banner-small{display: none;}
}

@media (max-width: 420px){
    .airco-item-title h2, .content-item-block-title h2{
        font-size: 14px;
        padding: 5px 6px;
    }
}
@media (max-width: 575px){
    .col-9{
        margin: 0 auto;
    }
    .col-home-banner-v1{
        width: 300px;
        margin: 0 auto;
    }
    .col-home-banner{
        width: 330px;
        margin: 0 auto;
    }
    .direct-online-regelen h3.online-regelen{
        text-align: left;
        font-size: 16px !important;
    }
    .direct-online-regelen .card-text{
        margin-top: 5px;
        text-align: left;
    }
    .card-online-regelen .btn{display: none;}
    p.card-text{
        height: auto;
    }
    .footer > .container > .row > div:nth-child(2), .footer > .container > .row > div:nth-child(3), .footer > .container > .row > div:nth-child(4), .footer > .container > .row > div:nth-child(5){
        display: none;
    }
    .footer-item-image{
        margin: 0 auto 10px auto;
    }
    .footer-item{
        text-align: center;
    }
    .top-header .justify-content{
        justify-content: center !important;
    }
    /*
    .top-header .usp-banner-top .usp-list-top:first-child{
        display: none;
    }*/
    .col-xs-3{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xs-4{
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
    .col-xs-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xs-12{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .top-banner{display: none;}
    .container{max-width: calc(100% - 16px);}
    .airco-item-inner{
        height: auto;
    }
    .airco-container-inner img{
        height: auto;
        padding: 5px;
        padding: 0px 5px;
    }
    .airco-item-inner-img{
        display: none;
    }
    .airco-item-bottom-container, .content-item-block-footer-container{
        padding: 6px;
    }
    .airco-item-highlights ul, .airco-item-bottom-container ul{
        /*display: none;*/
        padding: 0;
        margin-bottom: 6px;
    }
    .airco-item-bottom .go-to-button{
        /*display: none;*/
        padding: 4px 8px;
        margin-right: 4px;
    }
    .content-item-block-footer .go-to-button{
        padding: 4px 6px;
        margin-right: 4px;
    }
    .airco-item-bottom .more-info-button, .content-item-block-footer .more-info-button{
        padding: 4px 5px;
    }
    .meer-informatie-btn{
        font-size: 12px;
    }
    .airco-item-bottom{
        padding: 6px 6px 6px 6px;
    }
    .airco-item-bottom ul li:nth-child(2), .airco-item-bottom ul li:nth-child(3){
        display: none;
    }
    .airco-item-highlights .item-bullet, .airco-item-bottom-container .item-bullet{
        font-size: 11px !important;
        margin-bottom: 0px;
    }
    .content-item-block .content-item-block-img img{
        height: auto !important;
        padding: 5px !important;
    }
    .item-block-inner-fw{
        height: auto;
    }
    .item-block-inner-fw img{
        margin: 0 auto;
    }
    .img-2{
        display: none;
    }
    .dropdown-item{
        padding: 9px 1.5rem;
    }
    .cov-nit-footer-banner{
        margin: 10px auto 0px auto;
    }
}

@media (min-width: 576px){
    .top-header .justify-content{
        justify-content: flex-end !important;
    }
    .col-sm-3{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4{
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
    .col-sm-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-12{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .top-banner-med{display: none;}
    .airco-item-inner-img-sm{
        display: none;
    }
}

@media (min-width: 768px){
    .parsley-errors-list{
        width: 70% !important;
        float:left !important;
    }
    .col-md-3{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4{
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
    .col-md-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-12{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sticky + .main-content {
        padding-top: 80px;
    }
}

@media (min-width: 992px){
    .powermail_fieldset_5{
        max-width: 500px;
    }
    .powermail_fieldset_6{
        max-width: 500px;
    }
    .powermail_fieldset_7{
        max-width: 500px;
    }
    [class*='powermail_fieldset_']{
        max-width: 500px;
    }
    .full-disno{
        display: none;
    }
    .card-992-plus-disno{display: none;}
    .sidebar{
        width: 316px;
        max-width: 100% !important;
        flex: unset !important;
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-3{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4{
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
    .col-lg-5{
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }
    .col-lg-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-12{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* Verwijderd op 13-12-2023 bij activeren collapse on hover
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        margin-top: 19px;
    }*/
    #nitHeader{height: 70px;}
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0 0.5rem;
        display: flex;
        align-items: center;
    }
}

@media (min-width: 992px) and (max-width: 1366px){
    h1.pagina-titel{
      font-size: 16px;
    }
}

@media (min-width: 1200px){
    .col-xl-4{
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
    .col-xl-3{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-12{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) and (max-width: 1279px){
    .main{
        width: calc(100% - 316px);
        max-width: 100%;
        flex: unset;
    }
    h4.card-title{
        min-height: 48px;
    }
    .list-group-abonnementen{
        height: 215px;
    }
    .card-text-body{
        height: 180px;
    }
    .home-card .card-body .card-text{
        height: 72.8px;
    }
    .content-item-block-footer p{
        height: 72px;
    }
}

@media (min-width: 1200px) and (max-width: 1366px){
    /*
    .page-title, .main-section{
        max-width: 1060px;
    }*/
    .page-title > .content-container, .main-section > .container{
        margin: 0 8px;
        max-width: 1044px;
        margin: 0 auto;
    }
    .main-section .row {
        max-width: 1044px;
        display: block;
        flex-wrap: unset;
        overflow: hidden;
    }
    .main{
        width: 70%;
        max-width: 70%;
        flex: unset;
        float: left;
    }
    .sidebar{
        width: 30%;
        max-width: 30%;
        flex: unset;
        float: left;
    }
    .nit-page-main-item .row, .main .direct-online-regelen, .main .row-warmtepompen{
        display: flex;
        flex-wrap: wrap;
    }
    .card-online-regelen .btn-nijsink{
        font-size: 14px;
    }
    .content-item-block-footer p{
        height: 72px;
    }
    .content-item-block-footer-container .more-info-button{
        padding: 10px 7px;
    }
    .navbar .container, .footer .container, .top-header .container{
        max-width: 1060px;
    }
    .navbar-light .navbar-nav .nav-link{
        font-size: 16px;
    }
}

/* ==========================================================================
   Aanvulling op Bootstrap 4.5.2 t.b.v. onderhoud-landingspagina's.
   Vervangt GEEN Bootstrap-grid/utilities — gebruik .container/.row/.col-*
   en .card/.btn zoals in 10.html. Dit bestand vult alleen aan wat ontbreekt.
   ========================================================================== */

:root {
  --nij-blue: #0242a3;
  --nij-orange: #ff6600;
  --nij-gray-bg: #fbfbfb;
  --nij-green: #2e9e4f;
}

/* Overschrijf Bootstrap's primary-kleur met het Nijsink-blauw/oranje,
   zodat .btn-primary, .text-primary etc. de huisstijl volgen.
   (Alternatief: dit via $primary/$secondary in de Sass-variabelen zelf regelen
   als jullie Bootstrap via Sass compileren i.p.v. losse CSS.) */
.btn-primary {
  background-color: var(--nij-orange);
  border-color: var(--nij-orange);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #e05a00;
  border-color: #e05a00;
}

/* Checklist met vinkjes, gebruikt in de onderhoudsabonnement-kaarten */
.onderhoud-checklist { margin: 0 0 16px; }
.onderhoud-checklist li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 8px;
  font-size: 14px;
}
.onderhoud-checklist li.is-included::before {
  content: "\2713";
  position: absolute;
  left: 0;
  color: var(--nij-green);
  font-weight: 700;
}
.onderhoud-checklist li.is-excluded {
  color: #6b6b6b;
}
.onderhoud-checklist li.is-excluded::before {
  content: "\2713";
  position: absolute;
  left: 0;
  color: #c9c9c9;
}

/* Kaarten in de mid-tekst iets laten aansluiten op de bestaande .card-stijl */
.lp-wp-nit-mid-tekst .card-title { color: var(--nij-blue); }

/* Menu-content-element als kaarten-grid op de plaats-hub pagina (colPos 20) */
.onderhoud-toestel-menu ul.menu {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  list-style: none;
  padding: 0;
}
.onderhoud-toestel-menu ul.menu li {
  flex: 1 1 220px;
}
.onderhoud-toestel-menu ul.menu a {
  display: block;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  padding: 20px;
  color: var(--nij-blue);
  font-weight: 700;
}
.onderhoud-toestel-menu ul.menu a:hover {
  border-color: var(--nij-orange);
  text-decoration: none;
}

/* ==========================================================================
   CV-ketel onderhoud — plaats-landingspagina's (13.html)
   Bovenop Bootstrap 4.5.2. Merkkleuren als CSS-variabelen.
   ========================================================================== */

:root {
  --cvk-blue: #0242a3;
  --cvk-blue-deep: #01235e;
  --cvk-orange: #ff6600;
  --cvk-orange-deep: #e05a00;
  --cvk-gray-bg: #fbfbfb;
  --cvk-border: #e7e7e7;
  --cvk-text: #232323;
  --cvk-text-muted: #6b6b6b;
  --cvk-green: #1f9d55;
  --cvk-radius: 10px;
  --cvk-shadow: 0 8px 24px rgba(2, 66, 163, 0.08);
}

/* ---------- Hero ---------- */

.cvk-hero {
  position: relative;
  min-height: 480px;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #ffffff;
}
.cvk-hero__bg { position: absolute; inset: 0; }
.cvk-hero__bg img { width: 100%; height: 100%; object-fit: cover; }
.cvk-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(1,35,94,0.92) 0%, rgba(2,66,163,0.78) 45%, rgba(2,66,163,0.35) 100%);
  background: linear-gradient(120deg, rgba(1,35,94,0.65) 0%, rgba(2,66,163,0.35) 70%, rgba(2,66,163,0.10) 100%),
  linear-gradient(0deg, rgba(1,35,94,0.35) 0%, rgba(1,35,94,0) 70%);
}
.cvk-hero__content { position: relative; z-index: 2; padding: 64px 0; max-width: 640px; }

@media (max-width: 991px) {
  .cvk-hero__content {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .cvk-hero__actions { justify-content: center; }
  .cvk-hero__trust { justify-content: center; }
  .cvk-hero__lead { margin-left: auto; margin-right: auto; }
}

.cvk-eyebrow {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #ffd8b8;
  margin-bottom: 12px;
}
.cvk-hero h1 {
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 16px;
}
.cvk-hero__lead { font-size: 17px; line-height: 1.6; opacity: 0.94; margin: 0 0 28px; max-width: 52ch; }

.cvk-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 28px; }

.btn-cvk-primary {
  background: var(--cvk-orange);
  border-color: var(--cvk-orange);
  color: #ffffff;
  font-weight: 700;
  border-radius: var(--cvk-radius);
  padding: 12px 26px;
}
.btn-cvk-primary:hover { background: var(--cvk-orange-deep); border-color: var(--cvk-orange-deep); color: #fff; }

.btn-cvk-ghost {
  background: transparent;
  border: 2px solid rgba(255,255,255,0.55);
  color: #ffffff;
  font-weight: 700;
  border-radius: var(--cvk-radius);
  padding: 10px 24px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.btn-cvk-ghost:hover { border-color: #ffffff; color: #ffffff; background: rgba(255,255,255,0.08); }
.btn-cvk-ghost i,
.cvk-sticky-cta i { font-size: 15px; }

.btn-cvk-outline {
  background: transparent;
  border: 2px solid var(--cvk-blue);
  color: var(--cvk-blue);
  font-weight: 700;
  border-radius: var(--cvk-radius);
  padding: 10px 22px;
}
.btn-cvk-outline:hover { background: var(--cvk-blue); color: #fff; }

.cvk-hero__trust {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  padding: 0;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}
.cvk-hero__trust li { position: relative; padding-left: 20px; opacity: 0.95; }
.cvk-hero__trust li::before { content: "\2713"; position: absolute; left: 0; color: #ffd8b8; }

/* ---------- Section heading (herbruikt overal) ---------- */

.cvk-section-heading { max-width: 75ch; margin: 0 auto 32px; text-align: center; }
.cvk-section-heading h2 { font-size: 28px; font-weight: 700; line-height: 1.25; color: var(--cvk-blue-deep); margin-bottom: 8px; }
.cvk-section-heading p { color: var(--cvk-text-muted); font-size: 15px; }

.cvk-lp section { margin: 24px 0; }
.main-section-cvk-ldp{
    max-width: none;
    padding-top: 0;
}

/* ---------- USP strip ---------- */

.cvk-usp-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: -56px;
  position: relative;
  z-index: 3;
}
.cvk-usp {
  background: #ffffff;
  border-radius: var(--cvk-radius);
  box-shadow: var(--cvk-shadow);
  padding: 28px 24px;
  text-align: center;
}
.cvk-usp__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--cvk-gray-bg);
  margin-bottom: 14px;
  color: var(--cvk-orange);
  font-size: 20px;
}
.cvk-usp__icon svg,
.cvk-usp__icon i { width: 1em; height: 1em; }
.cvk-usp h3 { font-size: 17px; font-weight: 700; line-height: 1.35; color: var(--cvk-blue-deep); margin-bottom: 6px; }
.cvk-usp p { font-size: 14px; color: var(--cvk-text-muted); margin: 0; }

/* ---------- Pricing cards ---------- */

#cvk-abonnementen{
   scroll-margin-top: 90px; /*70+20 extra*/
}

.cvk-pricing__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  gap: 24px;
  max-width: 780px;
  margin: 0 auto;
}
.cvk-price-card {
  position: relative;
  background: #ffffff;
  border: 1px solid var(--cvk-border);
  border-radius: var(--cvk-radius);
  padding: 28px;
  transition: transform .15s ease, box-shadow .15s ease;
}
.cvk-price-card:hover { transform: translateY(-4px); box-shadow: var(--cvk-shadow); }
.cvk-price-card--highlight {
  border-color: var(--cvk-orange);
  box-shadow: var(--cvk-shadow);
}
.cvk-price-card__badge {
  position: absolute;
  top: -12px;
  left: 24px;
  background: var(--cvk-orange);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 999px;
}
.cvk-price-card__header h3 { font-size: 20px; font-weight: 700; line-height: 1.3; color: var(--cvk-blue-deep); margin: 0 0 4px; }
.cvk-price-card__header p { font-size: 13px; color: var(--cvk-text-muted); margin: 0 0 20px; }

.cvk-checklist { list-style: none; margin: 0 0 24px; padding: 0; }
.cvk-checklist li { position: relative; padding-left: 26px; margin-bottom: 10px; font-size: 14px; }
.cvk-checklist li.is-included::before { content: "\2713"; position: absolute; left: 0; color: var(--cvk-green); font-weight: 700; }
.cvk-checklist li.is-excluded { color: #9a9a9a; }
.cvk-checklist li.is-excluded::before { content: "\2717"; position: absolute; left: 0; color: #d4d4d4; }

/* ---------- Process timeline ---------- VERSIE 1 

.cvk-process__timeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  position: relative;
}
.cvk-process__timeline::before {
  content: "";
  position: absolute;
  top: 22px;
  left: 10%;
  right: 10%;
  height: 2px;
  background: var(--cvk-border);
  z-index: 0;
}
.cvk-process__step { position: relative; z-index: 1; text-align: center; }
.cvk-process__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--cvk-blue);
  color: #fff;
  font-weight: 700;
  margin-bottom: 14px;
}
.cvk-process__step h3 { font-size: 15px; font-weight: 700; line-height: 1.4; color: var(--cvk-blue-deep); margin-bottom: 6px; }
.cvk-process__step p { font-size: 13px; color: var(--cvk-text-muted); }

*/


/* ---------- Process timeline ---------- */

section.cvk-process {
    margin-top: 48px;
}

.cvk-process__timeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  position: relative;
}

/* Grijze basislijn */
.cvk-process__timeline::before,
.cvk-process__timeline::after {
  content: "";
  position: absolute;
  top: 21px;                 /* helft van 44px cirkel minus helft lijndikte */
  left: 12.5%;               /* midden van kolom 1 */
  right: 12.5%;              /* midden van kolom 4 */
  height: 2px;
  z-index: 0;
}
.cvk-process__timeline::before { background: var(--cvk-border); }

/* Blauwe voortgangslijn die zich tekent */
.cvk-process__timeline::after {
  background: var(--cvk-blue);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1.4s cubic-bezier(.22, .61, .36, 1) .3s;
  transition: transform 2.4s cubic-bezier(.22, .61, .36, 1) .5s;
}
.cvk-process.is-visible .cvk-process__timeline::after { transform: scaleX(1); }

.cvk-process__step {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 6px;
  transition: transform .25s ease;
}

.cvk-process__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--cvk-blue);
  color: #fff;
  font-weight: 700;
  margin-bottom: 14px;
  box-shadow: 0 0 0 4px #fff;   /* "uitsnede" in de lijn, ziet er netter uit */
  transition: transform .25s ease, box-shadow .25s ease;
  font-size: 18px;
}

.cvk-process__step h3 { font-size: 15px; font-weight: 700; line-height: 1.4; color: var(--cvk-blue-deep); margin-bottom: 6px; }
.cvk-process__step p  { font-size: 13px; color: var(--cvk-text-muted); }

/* Hover */
.cvk-process__step:hover { transform: translateY(-3px); }
.cvk-process__step:hover .cvk-process__num {
  transform: scale(1.1);
  box-shadow: 0 0 0 4px #fff, 0 6px 14px rgba(0, 0, 0, .15);
}

/* ---- Alleen animeren als JS beschikbaar is ---- */
.js .cvk-process__step {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .6s ease, transform .6s ease;
  transition-delay: calc(var(--i, 0) * .25s);
  transition: opacity .9s ease, transform .9s ease;
  transition-delay: calc(var(--i, 0) * .5s);
}
.js .cvk-process.is-visible .cvk-process__step {
  opacity: 1;
  transform: none;
}
/* Na de intro-animatie weer snelle hover, zonder vertraging */
.js .cvk-process.is-done .cvk-process__step {
  transition: transform .25s ease;
  transition-delay: 0s;
}

/* Zachte puls op stap 1 */
.cvk-process.is-visible .cvk-process__step:first-child .cvk-process__num {
  animation: cvk-pulse 2.2s ease-out 1.2s 2;
  animation: cvk-pulse 2.2s ease-out 2.6s 5;
}
@keyframes cvk-pulse {
  0%   { box-shadow: 0 0 0 4px #fff, 0 0 0 4px rgba(0, 90, 160, .35); }
  70%  { box-shadow: 0 0 0 4px #fff, 0 0 0 18px rgba(0, 90, 160, 0); }
  100% { box-shadow: 0 0 0 4px #fff, 0 0 0 4px rgba(0, 90, 160, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .js .cvk-process__step { opacity: 1; transform: none; transition: none; }
  .cvk-process__timeline::after { transform: scaleX(1); transition: none; }
  .cvk-process__step:first-child .cvk-process__num { animation: none !important; }
}

/* ---------- Local trust section ---------- */

.cvk-local {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 32px;
  align-items: start;
  background: var(--cvk-gray-bg);
  border-radius: var(--cvk-radius);
  padding: 40px;
}
.cvk-local__text h2 { font-size: 24px; font-weight: 700; line-height: 1.3; color: var(--cvk-blue-deep); margin-bottom: 12px; }
.cvk-local__text p { font-size: 15px; color: var(--cvk-text); }

/* ---------- FAQ ---------- */

.cvk-faq__list { max-width: 720px; margin: 0 auto; }
.cvk-faq__item {
  border: 1px solid var(--cvk-border);
  border-radius: var(--cvk-radius);
  padding: 16px 20px;
  margin-bottom: 12px;
}
.cvk-faq__item summary {
  cursor: pointer;
  font-weight: 700;
  color: var(--cvk-blue-deep);
  list-style: none;
}
.cvk-faq__item summary::-webkit-details-marker { display: none; }
.cvk-faq__item summary::after { content: "+"; float: right; font-weight: 400; color: var(--cvk-orange); }
.cvk-faq__item[open] summary::after { content: "\2212"; }
.cvk-faq__item p { margin: 10px 0 0; font-size: 14px; color: var(--cvk-text-muted); }

/* ---------- Form section ---------- */

.cvk-form { background: var(--cvk-blue); border-radius: var(--cvk-radius); padding: 48px; color: #fff; }
.cvk-form .cvk-section-heading h2 { color: #fff; }
.cvk-form .cvk-section-heading p { color: rgba(255,255,255,0.8); }

/* ---------- Nabijgelegen plaatsen (chips) ---------- */

.cvk-nabij h3 { font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--cvk-blue-deep); margin-bottom: 14px; text-align: center; }
.cvk-nabij ul.menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  list-style: none;
  padding: 0;
}
.cvk-nabij ul.menu a {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 999px;
  background: var(--cvk-gray-bg);
  border: 1px solid var(--cvk-border);
  color: var(--cvk-blue);
  font-size: 13px;
  font-weight: 600;
}
.cvk-nabij ul.menu a:hover { background: var(--cvk-blue); color: #fff; text-decoration: none; }

/* ---------- Sticky mobiele CTA ---------- */

.cvk-sticky-cta {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: var(--cvk-orange);
  color: #fff;
  text-align: center;
  font-weight: 700;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.cvk-sticky-cta:hover { background: var(--cvk-orange-deep); color: #fff; text-decoration: none; }

/* ---------- Responsief ---------- */

@media (max-width: 575px) {
  .cvk-process__timeline { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .cvk-pricing__grid { grid-template-columns: 1fr; }
}

@media (max-width: 991px) {
  .cvk-usp-strip { grid-template-columns: 1fr; margin-top: 24px; }
  .cvk-process__timeline { grid-template-columns: repeat(2, 1fr); gap: 32px 24px; }
  .cvk-process__timeline::before,
  .cvk-process__timeline::after { display: none; }
  .cvk-local { grid-template-columns: 1fr; padding: 28px; }
  .cvk-form { padding: 28px; }
  body { padding-bottom: 56px; } /* ruimte voor sticky CTA */
}
@media (min-width: 992px) {
  .cvk-sticky-cta { display: none; }
}

/* ---------- Container-breedte fix, alleen op deze landingspagina (.cvk-lp) ----------
   Doel: hero-container en overige containers onder de hero laten samenvallen.
   - 1200–1366px: zelfde 1044px als de site elders hanteert (.main-section > .container),
     nu ook expliciet toegepast op de hero, die buiten die selector valt.
   - vanaf 1280px: standaard Bootstrap-breedte (1140px) i.p.v. de site-brede override
     van 1264px (@media (min-width: 1280px) { .container { max-width: 1264px } }).
   Alleen binnen .cvk-lp, dus geen effect op overige paginatypes. */
@media (min-width: 1200px) and (max-width: 1366px) {
  .cvk-lp .container {
    max-width: 1044px;
  }
}

@media (min-width: 1280px) {
  .cvk-lp .container {
    max-width: 1140px;
  }
}

.wrap { max-width: 1080px; margin: 0 auto; padding: 0 20px; }

.aan-badge { background: var(--cvk-blue-deep); color: #fff; }
.aan-badge__inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 14px 0; }
.aan-badge__label { font-size: 14px; }
.aan-badge__label strong { color: var(--cvk-orange); font-weight: 700; }
.aan-badge__switch { font-size: 13px; color: rgba(255,255,255,0.8); text-decoration: none; }

.aan-intro { padding: 48px 0 32px; text-align: center; }
.aan-intro__eyebrow { font-size: 13px; font-weight: 700; color: var(--cvk-orange); margin-bottom: 10px; }
.aan-intro h1 { font-size: clamp(26px, 3.4vw, 36px); font-weight: 700; line-height: 1.2; color: var(--cvk-blue-deep); max-width: 36ch; margin: 0 auto 12px; }
.aan-intro p { color: var(--cvk-text-muted); font-size: 15px; max-width: 46ch; margin: 0 auto; }

.aan-layout {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 32px;
  padding-bottom: 64px;
  align-items: start;
}
@media (max-width: 991px) {
  .aan-layout { grid-template-columns: 1fr; }
}

.aan-card { background: #fff; border: 1px solid var(--cvk-border); border-radius: var(--cvk-radius); box-shadow: var(--cvk-shadow); padding: 36px; }
@media (max-width: 560px) { .aan-card { padding: 24px 18px; } }

/* ---------- CVK scope: styling van de ECHTE Powermail-output ---------- */

.cvk-aanmeld .form-item { margin-bottom: 18px; }

/* Powermail/Bootstrap col-md-6 zorgt al voor de 2-koloms indeling — daar
   hoeven we niets aan toe te voegen, wel de grid/flex-context waarin die
   col-md-* classes werken (mocht Bootstrap's eigen .row ontbreken in de
   colPos-output, dan regelt onderstaande flex-wrap dat alsnog). */
.cvk-aanmeld .powermail_form { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.cvk-aanmeld .form-item { padding: 0 10px; flex: 0 0 100%; max-width: 100%; }
.cvk-aanmeld .form-item:has(.col-md-6) { flex: 0 0 50%; max-width: 50%; }
@media (max-width: 560px) {
  .cvk-aanmeld .form-item:has(.col-md-6) { flex: 0 0 100%; max-width: 100%; }
}

.cvk-aanmeld .control-label,
.cvk-aanmeld .form-label-title {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--cvk-text);
  margin-bottom: 6px;
}
.cvk-aanmeld .control-label .mandatory { color: var(--cvk-orange); margin-left: 2px; }

.cvk-aanmeld .input-field-wrap { width: 100%; }

.cvk-aanmeld input.powermail_input.form-control,
.cvk-aanmeld select.powermail_input.form-control,
.cvk-aanmeld textarea.powermail_input.form-control {
  font-family: var(--font-body);
  font-size: 15px;
  padding: 12px 14px;
  border: 1.5px solid var(--cvk-border);
  border-radius: 8px;
  background: #fff;
  color: var(--cvk-text);
  width: 100%;
  height: auto;
  box-shadow: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.cvk-aanmeld input.powermail_input.form-control:focus {
  outline: none;
  border-color: var(--cvk-blue);
  box-shadow: 0 0 0 3px rgba(2,66,163,0.12);
}

/* ---------- Checkbox-groep (apparaten) ---------- */
.cvk-aanmeld .powermail_fieldwrap_type_check .input-field-wrap { display: flex; flex-direction: column; gap: 10px; }
.cvk-aanmeld .powermail_fieldwrap_type_check .checkbox {
  border: 1.5px solid var(--cvk-border);
  border-radius: 8px;
  padding: 12px 14px;
  transition: border-color .15s ease, background .15s ease;
}
.cvk-aanmeld .powermail_fieldwrap_type_check .checkbox:has(input:checked) {
  border-color: var(--cvk-blue);
  background: rgba(2,66,163,0.04);
}
.cvk-aanmeld .powermail_fieldwrap_type_check .checkbox label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14.5px;
  font-weight: 600;
  margin: 0;
  cursor: pointer;
}
.cvk-aanmeld .powermail_fieldwrap_type_check .checkbox input[type="checkbox"] {
  width: 18px; height: 18px; accent-color: var(--cvk-blue); margin: 0;
}

/* ---------- Conditionele merk/bouwjaar-velden ----------
   Toont/verbergt direct de bestaande .powermail_fieldwrap_merk_* en
   .powermail_fieldwrap_bouwjaar_* divs — geen aparte wrapper nodig, want
   Powermail rendert al een unieke class per veld-marker. */
.cvk-aanmeld [class*="powermail_fieldwrap_merk_"],
.cvk-aanmeld [class*="powermail_fieldwrap_bouwjaar_"] {
  display: none;
}
.cvk-aanmeld [class*="powermail_fieldwrap_merk_"].cvk-visible,
.cvk-aanmeld [class*="powermail_fieldwrap_bouwjaar_"].cvk-visible {
  display: block;
  animation: cvkFadeIn .18s ease;
}
@keyframes cvkFadeIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }

.cvk-aanmeld .powermail_field_error_container { font-size: 12.5px; color: #c0392b; margin-top: 4px; }

.cvk-aanmeld input[type="submit"],
.cvk-aanmeld button[type="submit"] {
  width: 100%;
  background: var(--cvk-orange);
  border: 0;
  color: #fff;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  padding: 16px;
  border-radius: var(--cvk-radius);
  cursor: pointer;
  margin-top: 10px;
}
.cvk-aanmeld input[type="submit"]:hover,
.cvk-aanmeld button[type="submit"]:hover { background: var(--cvk-orange-deep); }

.aan-submit-note { text-align: center; font-size: 12.5px; color: var(--cvk-text-muted); margin-top: 12px; }

/* ---------- Zijbalk (buiten Powermail-scope, eigen classes mogen hier wel) ---------- */
.aan-side { display: flex; flex-direction: column; gap: 18px; position: sticky; top: 20px; }
.aan-side__card { background: #fff; border: 1px solid var(--cvk-border); border-radius: var(--cvk-radius); padding: 22px; }
.aan-side__card h3 { font-size: 14px; color: var(--cvk-blue-deep); margin-bottom: 12px; font-family: var(--font-display); }
.aan-side__list { list-style: none; margin: 0; padding: 0; }
.aan-side__list li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; padding: 7px 0; }
.aan-side__list li::before { content: "\2713"; color: var(--cvk-green); font-weight: 700; margin-top: 1px; }
.aan-side__contact { text-align: center; background: var(--cvk-gray-bg); }
.aan-side__contact a { display: block; font-family: var(--font-display); font-weight: 700; font-size: 17px; color: var(--cvk-blue-deep); text-decoration: none; margin-top: 4px; }
.aan-side__contact p { font-size: 14px; color: var(--cvk-text-muted); margin: 0; }

:root {
  --nit-blue: #0047ab;
  --nit-orange: #f26522;
  --nit-bg: #f5f7fa;
  --nit-border: #e3e8ef;
  --nit-text: #2b2f36;
  --nit-text-muted: #6b7280;
}

.nit-footer {
  background: var(--nit-bg);
  border-top: 1px solid var(--nit-border);
  color: var(--nit-text-muted);
  padding: 2rem 0 1rem;
}

/* Logo + tekst */
.nit-footer-logo-link { display: inline-block; }
.nit-footer-logo {
  max-width: 180px;
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 16px;
}
.nit-footer-brand p,
.nit-footer-brand .ce-bodytext p {
  font-size: 15px;
  line-height: 1.5;
  color: var(--nit-text-muted);
  margin-bottom: 0;
}

.nit-footer-brand .frame-nit-address p {
  font-size: 14px;
  color: var(--nit-text);
  line-height: 1.4;
  margin: 0;
}

.nit-footer .nit-footer-brand .frame-nit-address p {
  font-size: 14px;
  line-height: 1.4;
  color: var(--nit-text);
  margin: 0;
}

/* ---------- Adresblok met icoon (Frame: "Footer: adres met icoon") ---------- */
.frame-nit-address {
  position: relative;
  padding-left: 42px;
  margin-bottom: 16px;
  min-height: 32px;
  display: flex;
  align-items: center;      /* tekst verticaal gecentreerd bij 1 regel */
}
.frame-nit-address::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background-color: #fff;
  border: 1px solid var(--nit-border);
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%230047ab' d='M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z'/%3E%3C/svg%3E");
}
.frame-nit-address p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: var(--nit-text);
}
.frame-nit-address a {
  color: var(--nit-text);
  text-decoration: none;
}
.frame-nit-address a:hover { color: var(--nit-orange); }

/* Kolomkoppen met oranje accent */
.nit-footer h5 {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--nit-blue);
  line-height: 1.2;
  padding: 0 0 10px;
  margin: 0 0 16px;
}
.nit-footer h5::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 28px;
  width: calc(100% - 1.5px);
  height: 3px;
  border-radius: 2px;
  background: var(--nit-orange);
}

/* Linklijsten */
.nit-footer ul,
.nit-footer .ce-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nit-footer ul li,
.nit-footer .ce-menu ul li {
  margin-bottom: 8px;
  font-size: 14px;
}
.nit-footer ul li a,
.nit-footer .ce-menu ul li a {
  font-size: 14px;
  color: var(--nit-text);
  text-decoration: none;
  transition: color 0.15s;
}
.nit-footer ul li a:hover,
.nit-footer .ce-menu ul li a:hover {
  color: var(--nit-orange);
}

/* Contact */
.nit-contact-list li { margin-bottom: 10px; }
.nit-contact-list li a {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: var(--nit-text);
  text-decoration: none;
}
.nit-contact-icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  background: #fff;
  border: 1px solid var(--nit-border);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s, border-color 0.15s;
}
.nit-contact-icon svg {
  width: 13px;
  height: 13px;
  fill: var(--nit-blue);
  transition: fill 0.15s;
}
.nit-contact-list li a:hover { color: var(--nit-orange); }
.nit-contact-list li a:hover .nit-contact-icon {
  background: var(--nit-orange);
  border-color: var(--nit-orange);
}
.nit-contact-list li a:hover .nit-contact-icon svg { fill: #fff; }

/* ---------- Trust strip (altijd gecentreerd) ---------- */
.nit-trust {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 0 2rem;
  margin-bottom: 1.75rem;
  border-bottom: 1px solid var(--nit-border);
}
.nit-trust-label {
  width: 100%;
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--nit-text-muted);
}
.nit-trust-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.nit-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding: 6px 12px;
  margin: 4px 6px;
  background: #fff;
  border: 1px solid var(--nit-border);
  border-radius: 10px;
  box-shadow: 0 4px 14px rgba(0, 71, 171, 0.07);
  transition: transform 0.15s, box-shadow 0.15s;
}

.nit-badge img {
  display: block;
  height: 100%;
  width: auto;
}

.nit-badge:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 71, 171, 0.14);
}

.nit-badge:focus-visible {
  outline: 2px solid var(--nit-blue);
  outline-offset: 2px;
}

/* Onderbalk */
.nit-footer-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--nit-border);
  padding-top: 1rem;
}
.nit-footer-bottom .frame { display: contents; }
.nit-footer-bottom p {
  font-size: 12px;
  color: var(--nit-text-muted);
  margin: 4px 0;
}
.nit-footer-bottom a {
  font-size: 12px;
  color: var(--nit-text-muted);
  text-decoration: none;
}
.nit-footer-bottom a:hover { color: var(--nit-orange); }

/* Social icons */
.nit-contact-list .nit-social {
  display: flex;
  margin-top: 4px;
}
.nit-social a {
  width: 34px;
  height: 34px;
  margin-right: 8px;
  background: #fff;
  border: 1px solid var(--nit-border);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s, border-color 0.15s;
}
.nit-social a:hover {
  background: var(--nit-orange);
  border-color: var(--nit-orange);
}
.nit-social svg {
  width: 15px;
  height: 15px;
  fill: var(--nit-blue);
  transition: fill 0.15s;
}
.nit-social a:hover svg { fill: #fff; }

@media (max-width: 991.98px) {
  .nit-footer-brand {
    text-align: center;
  }
  .nit-footer-logo {
    margin-left: auto;
    margin-right: auto;
  }
  .frame-nit-address {
    display: flex;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
}

@media (min-width: 768px) {
  .nit-trust {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .nit-trust-label {
    width: auto;
    margin: 0 20px 0 0;
  }
}

@media (max-width: 575.98px) {
  .nit-badge { height: 48px; }
}

.cvk-certs {
    margin: 3rem 0;
}

.cvk-certs__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    max-width: 900px;
    margin: 0 auto;
}

.cvk-cert-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem;
    background: #fff;
    border: 1px solid var(--cvk-border);
    border-radius: var(--cvk-radius);
    color: var(--cvk-text);
    text-decoration: none;
    box-shadow: var(--cvk-shadow);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

/* Subtiele blauwe accentlijn links, past bij de stijl van de price cards */
.cvk-cert-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    bottom: 12px;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: var(--cvk-blue);
    transition: background .2s ease;
}

.cvk-cert-card:hover,
.cvk-cert-card:focus-visible {
    transform: translateY(-3px);
    border-color: var(--cvk-blue);
    box-shadow: 0 12px 28px rgba(2, 66, 163, 0.14);
    color: var(--cvk-text);
    text-decoration: none;
}

.cvk-cert-card:hover::before,
.cvk-cert-card:focus-visible::before {
    background: var(--cvk-orange);
}

.cvk-cert-card:focus-visible {
    outline: 2px solid var(--cvk-orange);
    outline-offset: 2px;
}

.cvk-cert-card__logo {
    flex: 0 0 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cvk-cert-card__logo img {
    max-width: 100%;
    max-height: 90px;
    height: auto;
    object-fit: contain;
}

.cvk-cert-card__body h3 {
    margin: 0 0 .35rem;
    font-size: 1.1rem;
    color: var(--cvk-blue-deep);
}

.cvk-cert-card__body p {
    margin: 0;
    font-size: .95rem;
    line-height: 1.5;
    color: var(--cvk-text-muted);
}

@media (max-width: 767px) {
    .cvk-certs__grid {
        grid-template-columns: 1fr;
    }
}

:root {
  --nit-blue: #0242a3;
  --nit-blue-deep: #01235e;
  --nit-orange: #ff6600;
  --nit-orange-deep: #e05a00;
  --nit-gray-bg: #fbfbfb;
  --nit-border: #e7e7e7;
  --nit-text: #232323;
  --nit-text-muted: #6b6b6b;
  --nit-green: #1f9d55;
  --nit-radius: 10px;
  --nit-shadow: 0 8px 24px rgba(2, 66, 163, 0.08);
}

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

/* ---------- Hero ---------- */

.nit-hero {
  position: relative;
  min-height: 480px;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #ffffff;
}
.nit-hero--no-image { background: var(--nit-blue-deep); }
.nit-hero__bg {
  position: absolute;
  inset: 0;
  background-image: var(--nit-hero-image-desktop);
  background-size: cover;
  background-position: center;
}
@media (max-width: 767px) {
  .nit-hero__bg {
    background-image: var(--nit-hero-image-mobile, var(--nit-hero-image-desktop));
  }
}
.nit-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(1,35,94,0.92) 0%, rgba(2,66,163,0.78) 45%, rgba(2,66,163,0.35) 100%);
  background: linear-gradient(120deg, rgba(1,35,94,0.65) 0%, rgba(2,66,163,0.35) 70%, rgba(2,66,163,0.10) 100%),
  linear-gradient(0deg, rgba(1,35,94,0.35) 0%, rgba(1,35,94,0) 70%);
}
@media (max-width: 991px) {
  .nit-hero__overlay, .cvk-hero__overlay {
    background: linear-gradient(180deg, rgba(1,35,94,0.75) 0%, rgba(1,35,94,0.6) 100%);
  }
}
.nit-hero .container { position: relative; z-index: 2; width: 100%; }
.nit-hero__content { position: relative; z-index: 2; padding: 64px 0; max-width: 640px; }

@media (max-width: 991px) {
  .nit-hero__content {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .nit-hero__actions { justify-content: center; }
  .nit-hero__trust { justify-content: center; }
  .nit-hero__lead { margin-left: auto; margin-right: auto; }
}

.nit-eyebrow {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #ffd8b8;
  margin-bottom: 12px;
}
.nit-hero__title {
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 700;
  line-height: 1.15;
  color: inherit;
  margin: 0 0 16px;
}
.nit-hero__lead { font-size: 17px; line-height: 1.6; opacity: 0.94; margin: 0 0 28px; max-width: 52ch; }

.nit-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 28px; }

.btn-nit-primary {
  background: var(--nit-orange);
  border-color: var(--nit-orange);
  color: #ffffff;
  font-weight: 700;
  border-radius: var(--nit-radius);
  padding: 12px 26px;
}
.btn-nit-primary:hover { background: var(--nit-orange-deep); border-color: var(--nit-orange-deep); color: #fff; }

.btn-nit-ghost {
  background: transparent;
  border: 2px solid rgba(255,255,255,0.55);
  color: #ffffff;
  font-weight: 700;
  border-radius: var(--nit-radius);
  padding: 10px 24px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.btn-nit-ghost:hover { border-color: #ffffff; color: #ffffff; background: rgba(255,255,255,0.08); }
.btn-nit-ghost i,
.nit-sticky-cta i { font-size: 15px; }

.btn-nit-outline {
  background: transparent;
  border: 2px solid var(--nit-blue);
  color: var(--nit-blue);
  font-weight: 700;
  border-radius: var(--nit-radius);
  padding: 10px 22px;
}
.btn-nit-outline:hover { background: var(--nit-blue); color: #fff; }

.nit-hero__trust {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  padding: 0;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}
.nit-hero__trust li { position: relative; padding-left: 20px; opacity: 0.95; }
.nit-hero__trust li::before { content: "\2713"; position: absolute; left: 0; color: #ffd8b8; }

/* ---------- Section heading ---------- */

.nit-section-heading { max-width: 75ch; margin: 0 auto 32px; text-align: center; }
.nit-section-heading h2 { font-size: 28px; font-weight: 700; line-height: 1.25; color: var(--nit-blue-deep); margin-bottom: 8px; }
.nit-section-heading p { color: var(--nit-text-muted); font-size: 15px; }

.nit section { margin: 24px 0; }
.nit ul{ overflow: visible;}
.main-section-nit {
  max-width: none;
  padding-top: 0;
}

/* ---------- USP strip ---------- */

.nit-usp-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: -56px;
  position: relative;
  z-index: 3;
}
.nit-usp {
  background: #ffffff;
  border-radius: var(--nit-radius);
  box-shadow: var(--nit-shadow);
  padding: 28px 24px;
  text-align: center;
}
.nit-usp__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--nit-gray-bg);
  margin-bottom: 14px;
  color: var(--nit-orange);
  font-size: 20px;
}
.nit-usp__icon svg,
.nit-usp__icon i { width: 1em; height: 1em; }
.nit-usp h3 { font-size: 17px; font-weight: 700; line-height: 1.35; color: var(--nit-blue-deep); margin-bottom: 6px; }
.nit-usp p { font-size: 14px; color: var(--nit-text-muted); margin: 0; }

/* ---------- Pricing cards ---------- */

#nit-abonnementen { scroll-margin-top: 90px; }

.nit-pricing__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  gap: 24px;
  max-width: 780px;
  margin: 0 auto;
}
.nit-price-card {
  position: relative;
  background: #ffffff;
  border: 1px solid var(--nit-border);
  border-radius: var(--nit-radius);
  padding: 28px;
  transition: transform .15s ease, box-shadow .15s ease;
}
.nit-price-card:hover { transform: translateY(-4px); box-shadow: var(--nit-shadow); }
.nit-price-card:focus-within { outline: 2px solid var(--nit-blue); outline-offset: 2px; }
.nit-price-card--highlight {
  border-color: var(--nit-orange);
  box-shadow: var(--nit-shadow);
}
.nit-price-card__badge {
  position: absolute;
  top: -12px;
  left: 24px;
  background: var(--nit-orange);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 999px;
}
.nit-price-card__header h3 { font-size: 20px; font-weight: 700; line-height: 1.3; color: var(--nit-blue-deep); margin: 0 0 4px; }
.nit-price-card__header p { font-size: 13px; color: var(--nit-text-muted); margin: 0 0 20px; }

.nit-checklist { list-style: none; margin: 0 0 24px; padding: 0; }
.nit-checklist li { position: relative; padding-left: 26px; margin-bottom: 10px; font-size: 14px; }
.nit-checklist li.is-included::before { content: "\2713"; position: absolute; left: 0; color: var(--nit-green); font-weight: 700; }
.nit-checklist li.is-excluded { color: #9a9a9a; }
.nit-checklist li.is-excluded::before { content: "\2717"; position: absolute; left: 0; color: #d4d4d4; }

/* ---------- Process timeline ---------- */

section.nit-process { margin-top: 48px; }

/*
.nit-process__timeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  position: relative;
}
.nit-process__timeline::before,
.nit-process__timeline::after {
  content: "";
  position: absolute;
  top: 21px;
  left: 12.5%;
  right: 12.5%;
  height: 2px;
  z-index: 0;
}
*/
.nit-process__timeline {
  --steps: 4; /* fallback, o.a. voor de Landing-versie */
  display: grid;
  grid-template-columns: repeat(var(--steps), 1fr);
  gap: 24px;
  position: relative;
}
.nit-process__timeline::before,
.nit-process__timeline::after {
  content: "";
  position: absolute;
  top: 21px;
  left: calc(50% / var(--steps));
  right: calc(50% / var(--steps));
  height: 2px;
  z-index: 0;
}
.nit-process__timeline::before { background: var(--nit-border); }
.nit-process__timeline::after {
  background: var(--nit-blue);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 2.4s cubic-bezier(.22, .61, .36, 1) .5s;
}
.nit-process.is-visible .nit-process__timeline::after { transform: scaleX(1); }

.nit-process__step {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 6px;
  transition: transform .25s ease;
}
.nit-process__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--nit-blue);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 14px;
  box-shadow: 0 0 0 4px #fff;
  transition: transform .25s ease, box-shadow .25s ease;
}
.nit-process__step h3 { font-size: 15px; font-weight: 700; line-height: 1.4; color: var(--nit-blue-deep); margin-bottom: 6px; }
.nit-process__step p  { font-size: 13px; color: var(--nit-text-muted); }

.nit-process__step:hover { transform: translateY(-3px); }
.nit-process__step:hover .nit-process__num {
  transform: scale(1.1);
  box-shadow: 0 0 0 4px #fff, 0 6px 14px rgba(0, 0, 0, .15);
}

.js .nit-process__step {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .9s ease, transform .9s ease;
  transition-delay: calc(var(--i, 0) * .5s);
}
.js .nit-process.is-visible .nit-process__step { opacity: 1; transform: none; }
.js .nit-process.is-done .nit-process__step {
  transition: transform .25s ease;
  transition-delay: 0s;
}

.nit-process.is-visible .nit-process__step:first-child .nit-process__num {
  animation: nit-pulse 2.2s ease-out 2.6s 5;
}
@keyframes nit-pulse {
  0%   { box-shadow: 0 0 0 4px #fff, 0 0 0 4px rgba(2, 66, 163, .35); }
  70%  { box-shadow: 0 0 0 4px #fff, 0 0 0 18px rgba(2, 66, 163, 0); }
  100% { box-shadow: 0 0 0 4px #fff, 0 0 0 4px rgba(2, 66, 163, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .js .nit-process__step { opacity: 1; transform: none; transition: none; }
  .nit-process__timeline::after { transform: scaleX(1); transition: none; }
  .nit-process__step:first-child .nit-process__num { animation: none !important; }
}

@media (max-width: 991.98px) {
  .nit-process__timeline {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 32px;
  }

  /* geen verbindingslijn meer */
  .nit-process__timeline::before,
  .nit-process__timeline::after {
    display: none;
  }

  /* oneven aantal: laatste stap gecentreerd op een eigen regel */
  .nit-process__step:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    max-width: calc(50% - 12px); /* zelfde breedte als een gewone kolom (gap is 24px) */
  }
}

/* ---------- Local trust section ---------- */

.nit-local {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 32px;
  align-items: start;
  background: var(--nit-gray-bg);
  border-radius: var(--nit-radius);
  padding: 40px;
}
.nit-local__text h2 { font-size: 24px; font-weight: 700; line-height: 1.3; color: var(--nit-blue-deep); margin-bottom: 12px; }
.nit-local__text p { font-size: 15px; color: var(--nit-text); }

/* ---------- FAQ ---------- */

.nit-faq__list { max-width: 720px; margin: 0 auto; }
.nit-faq__item {
  border: 1px solid var(--nit-border);
  border-radius: var(--nit-radius);
  padding: 16px 20px;
  margin-bottom: 12px;
}
.nit-faq__item summary {
  cursor: pointer;
  font-weight: 700;
  color: var(--nit-blue-deep);
  list-style: none;
}
.nit-faq__item summary::-webkit-details-marker { display: none; }
.nit-faq__item summary::after { content: "+"; float: right; font-weight: 400; color: var(--nit-orange); }
.nit-faq__item[open] summary::after { content: "\2212"; }
.nit-faq__item p { margin: 10px 0 0; font-size: 14px; color: var(--nit-text-muted); }

/* ---------- Form section ---------- */

.nit-form { background: var(--nit-blue); border-radius: var(--nit-radius); padding: 48px; color: #fff; }
.nit-form .nit-section-heading h2 { color: #fff; }
.nit-form .nit-section-heading p { color: rgba(255,255,255,0.8); }

/* ---------- Nabijgelegen plaatsen (chips) ---------- */

.nit-nabij h3 { font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--nit-blue-deep); margin-bottom: 14px; text-align: center; }
.nit-nabij ul.menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  list-style: none;
  padding: 0;
}
.nit-nabij ul.menu a {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 999px;
  background: var(--nit-gray-bg);
  border: 1px solid var(--nit-border);
  color: var(--nit-blue);
  font-size: 13px;
  font-weight: 600;
}
.nit-nabij ul.menu a:hover { background: var(--nit-blue); color: #fff; text-decoration: none; }

/* ---------- Sticky mobiele CTA ---------- */

.nit-sticky-cta {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: var(--nit-orange);
  color: #fff;
  text-align: center;
  font-weight: 700;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.nit-sticky-cta:hover { background: var(--nit-orange-deep); color: #fff; text-decoration: none; }

/* ---------- Responsief ---------- */

@media (max-width: 575px) {
  .nit-process__timeline { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .nit-pricing__grid { grid-template-columns: 1fr; }
}
@media (max-width: 991px) {
  .nit-usp-strip { grid-template-columns: 1fr; margin-top: 24px; }
  .nit-process__timeline { grid-template-columns: repeat(2, 1fr); gap: 32px 24px; }
  .nit-process__timeline::before,
  .nit-process__timeline::after { display: none; }
  .nit-local { grid-template-columns: 1fr; padding: 28px; }
  .nit-form { padding: 28px; }
  body { padding-bottom: 56px; } /* ruimte voor sticky CTA */
}
@media (min-width: 992px) {
  .nit-sticky-cta { display: none; }
}

/* ---------- Container-breedte fix, alleen binnen .nit ---------- */

@media (min-width: 1200px) and (max-width: 1366px) {
  .nit .container { max-width: 1044px; }
}
@media (min-width: 1280px) {
  .nit .container { max-width: 1140px; }
}

/* ---------- Aanmeldpagina (aan-*) ---------- */

.wrap { max-width: 1080px; margin: 0 auto; padding: 0 20px; }

.aan-badge { background: var(--nit-blue-deep); color: #fff; }
.aan-badge__inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 14px 0; }
.aan-badge__label { font-size: 14px; }
.aan-badge__label strong { color: var(--nit-orange); font-weight: 700; }
.aan-badge__switch { font-size: 13px; color: rgba(255,255,255,0.8); text-decoration: none; }

.aan-intro { padding: 48px 0 32px; text-align: center; }
.aan-intro__eyebrow { font-size: 13px; font-weight: 700; color: var(--nit-orange); margin-bottom: 10px; }
.aan-intro h1 { font-size: clamp(26px, 3.4vw, 36px); font-weight: 700; line-height: 1.2; color: var(--nit-blue-deep); max-width: 36ch; margin: 0 auto 12px; }
.aan-intro p { color: var(--nit-text-muted); font-size: 15px; max-width: 46ch; margin: 0 auto; }

.aan-layout {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 32px;
  padding-bottom: 64px;
  align-items: start;
}
@media (max-width: 991px) {
  .aan-layout { grid-template-columns: 1fr; }
}

.aan-card { background: #fff; border: 1px solid var(--nit-border); border-radius: var(--nit-radius); box-shadow: var(--nit-shadow); padding: 36px; }
@media (max-width: 560px) { .aan-card { padding: 24px 18px; } }

/* ---------- Powermail-formulier (.nit-aanmeld) ---------- */

.nit-aanmeld .form-item { margin-bottom: 18px; }

.nit-aanmeld .powermail_form { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.nit-aanmeld .form-item { padding: 0 10px; flex: 0 0 100%; max-width: 100%; }
.nit-aanmeld .form-item:has(.col-md-6) { flex: 0 0 50%; max-width: 50%; }
@media (max-width: 560px) {
  .nit-aanmeld .form-item:has(.col-md-6) { flex: 0 0 100%; max-width: 100%; }
}

.nit-aanmeld .control-label,
.nit-aanmeld .form-label-title {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--nit-text);
  margin-bottom: 6px;
}
.nit-aanmeld .control-label .mandatory { color: var(--nit-orange); margin-left: 2px; }

.nit-aanmeld .input-field-wrap { width: 100%; }

.nit-aanmeld input.powermail_input.form-control,
.nit-aanmeld select.powermail_input.form-control,
.nit-aanmeld textarea.powermail_input.form-control {
  font-family: var(--font-body);
  font-size: 15px;
  padding: 12px 14px;
  border: 1.5px solid var(--nit-border);
  border-radius: 8px;
  background: #fff;
  color: var(--nit-text);
  width: 100%;
  height: auto;
  box-shadow: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.nit-aanmeld input.powermail_input.form-control:focus {
  outline: none;
  border-color: var(--nit-blue);
  box-shadow: 0 0 0 3px rgba(2,66,163,0.12);
}

.nit-aanmeld .powermail_fieldwrap_type_check .input-field-wrap { display: flex; flex-direction: column; gap: 10px; }
.nit-aanmeld .powermail_fieldwrap_type_check .checkbox {
  border: 1.5px solid var(--nit-border);
  border-radius: 8px;
  padding: 12px 14px;
  transition: border-color .15s ease, background .15s ease;
}
.nit-aanmeld .powermail_fieldwrap_type_check .checkbox:has(input:checked) {
  border-color: var(--nit-blue);
  background: rgba(2,66,163,0.04);
}
.nit-aanmeld .powermail_fieldwrap_type_check .checkbox label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14.5px;
  font-weight: 600;
  margin: 0;
  cursor: pointer;
}
.nit-aanmeld .powermail_fieldwrap_type_check .checkbox input[type="checkbox"] {
  width: 18px; height: 18px; accent-color: var(--nit-blue); margin: 0;
}

/* Conditionele merk/bouwjaar-velden */
.nit-aanmeld [class*="powermail_fieldwrap_merk_"],
.nit-aanmeld [class*="powermail_fieldwrap_bouwjaar_"] {
  display: none;
}
.nit-aanmeld [class*="powermail_fieldwrap_merk_"].nit-visible,
.nit-aanmeld [class*="powermail_fieldwrap_bouwjaar_"].nit-visible {
  display: block;
  animation: nitFadeIn .18s ease;
}
@keyframes nitFadeIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }

.nit-aanmeld .powermail_field_error_container { font-size: 12.5px; color: #c0392b; margin-top: 4px; }

.nit-aanmeld input[type="submit"],
.nit-aanmeld button[type="submit"] {
  width: 100%;
  background: var(--nit-orange);
  border: 0;
  color: #fff;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  padding: 16px;
  border-radius: var(--nit-radius);
  cursor: pointer;
  margin-top: 10px;
}
.nit-aanmeld input[type="submit"]:hover,
.nit-aanmeld button[type="submit"]:hover { background: var(--nit-orange-deep); }

/* ---------- Certificeringen ---------- */

.nit-certs {
    margin: 3rem 0;
}

.nit-certs__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    max-width: 900px;
    margin: 0 auto;
}

.nit-cert-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem;
    background: #fff;
    border: 1px solid var(--nit-border);
    border-radius: var(--nit-radius);
    color: var(--nit-text);
    text-decoration: none;
    box-shadow: var(--nit-shadow);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

/* Subtiele blauwe accentlijn links, past bij de stijl van de price cards */
.nit-cert-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    bottom: 12px;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: var(--nit-blue);
    transition: background .2s ease;
}

.nit-cert-card:hover,
.nit-cert-card:focus-visible {
    transform: translateY(-3px);
    border-color: var(--nit-blue);
    box-shadow: 0 12px 28px rgba(2, 66, 163, 0.14);
    color: var(--nit-text);
    text-decoration: none;
}

.nit-cert-card:hover::before,
.nit-cert-card:focus-visible::before {
    background: var(--nit-orange);
}

.nit-cert-card:focus-visible {
    outline: 2px solid var(--nit-orange);
    outline-offset: 2px;
}

.nit-cert-card__logo {
    flex: 0 0 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nit-cert-card__logo img {
    max-width: 100%;
    max-height: 90px;
    height: auto;
    object-fit: contain;
}

.nit-cert-card__body h3 {
    margin: 0 0 .35rem;
    font-size: 1.1rem;
    color: var(--nit-blue-deep);
}

.nit-cert-card__body p {
    margin: 0;
    font-size: .95rem;
    line-height: 1.5;
    color: var(--nit-text-muted);
}

@media (max-width: 767px) {
    .nit-certs__grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================
   Tekst & Media / Afbeeldingen, TYPO3 10
   ========================================================== */

/* --- Kaart: foto/logo naast tekst --- */
.main-section-nit .ce-textpic.ce-intext {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 0 0 1.5rem;
  padding: 1.25rem 1.5rem 1.25rem 1.75rem;
  background: #fff;
  border: 1px solid var(--nit-border);
  border-radius: var(--nit-radius);
  box-shadow: var(--nit-shadow);
}
.main-section-nit .ce-textpic.ce-intext.ce-right { flex-direction: row-reverse; }

.main-section-nit .ce-textpic.ce-intext::before {
  content: "";
  position: absolute;
  left: 0; top: 12px; bottom: 12px;
  width: 4px;
  border-radius: 0 4px 4px 0;
  background: var(--nit-blue);
}
.main-section-nit .ce-textpic.ce-intext.ce-right::before {
  left: auto; right: 0;
  border-radius: 4px 0 0 4px;
}

.main-section-nit .ce-textpic.ce-intext .ce-gallery {
  float: none;
  flex: 0 0 170px;
  width: 170px;
  margin: 0;
  padding: 1rem;
  background: var(--nit-gray-bg);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-section-nit .ce-textpic.ce-intext .ce-row,
.main-section-nit .ce-textpic.ce-intext .ce-column,
.main-section-nit .ce-textpic.ce-intext figure { margin: 0; padding: 0; width: 100%; }

.main-section-nit .ce-textpic.ce-intext .ce-gallery img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 200px;
  margin: 0 auto;
  object-fit: contain;
}

/* Tekst in de kaart */
.main-section-nit .ce-textpic.ce-intext .ce-bodytext { flex: 1 1 auto; min-width: 0; }
.main-section-nit .ce-textpic.ce-intext .ce-bodytext header { margin: 0 0 .5rem; }
.main-section-nit .ce-textpic.ce-intext .ce-bodytext header h2,
.main-section-nit .ce-textpic.ce-intext .ce-bodytext header h3,
.main-section-nit .ce-textpic.ce-intext .ce-bodytext > h2,
.main-section-nit .ce-textpic.ce-intext .ce-bodytext > h3 {
  font-size: 1.15rem;
  line-height: 1.3;
  color: var(--nit-blue-deep);
  margin: 0;
}
.main-section-nit .ce-textpic.ce-intext .ce-bodytext > :last-child { margin-bottom: 0; }

/* --- Variant: echte foto, vol vlak --- */
.main-section-nit .frame-nit-media-photo .ce-textpic.ce-intext {
  align-items: stretch;
  padding: 0;
  overflow: hidden;
}
.main-section-nit .frame-nit-media-photo .ce-textpic.ce-intext::before { display: none; }
.main-section-nit .frame-nit-media-photo .ce-textpic.ce-intext .ce-gallery {
  flex: 0 0 38%;
  width: 38%;
  padding: 0;
  background: none;
  border-radius: 0;
}
.main-section-nit .frame-nit-media-photo .ce-textpic.ce-intext .ce-row,
.main-section-nit .frame-nit-media-photo .ce-textpic.ce-intext .ce-column,
.main-section-nit .frame-nit-media-photo .ce-textpic.ce-intext figure { height: 100%; }
.main-section-nit .frame-nit-media-photo .ce-textpic.ce-intext .ce-gallery img {
  width: 100%;
  height: 100%;
  min-height: 220px;
  max-height: none;
  object-fit: cover;
}
.main-section-nit .frame-nit-media-photo .ce-textpic.ce-intext .ce-bodytext {
  padding: 1.5rem;
  align-self: center;
}

/* --- Foto's boven/onder en galerij --- */
.main-section-nit .ce-textpic.ce-above,
.main-section-nit .ce-textpic.ce-below { margin-bottom: 1.5rem; }
.main-section-nit .ce-above .ce-gallery { margin-bottom: 1rem; }
.main-section-nit .ce-below .ce-gallery { margin-top: 1rem; }

.main-section-nit .ce-gallery figure { margin: 0; overflow: hidden; border-radius: var(--nit-radius); }
.main-section-nit .ce-row { display: flex; gap: 1rem; margin-bottom: 1rem; }
.main-section-nit .ce-row:last-child { margin-bottom: 0; }
.main-section-nit .ce-column { flex: 1 1 0; min-width: 0; }
.main-section-nit .ce-gallery[data-ce-columns="2"] img,
.main-section-nit .ce-gallery[data-ce-columns="3"] img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--nit-radius);
}
.main-section-nit .ce-gallery figcaption {
  font-size: 13px; color: var(--nit-text-muted); margin-top: 6px;
}
.main-section-nit .ce-gallery a { display: block; cursor: zoom-in; }

/* --- Zoom bij hover --- */
.main-section-nit .ce-gallery img { transition: transform .5s cubic-bezier(.22,.61,.36,1); }
@media (hover: hover) {
  .main-section-nit .ce-gallery figure:hover img { transform: scale(1.06); }
  .main-section-nit .ce-textpic.ce-intext .ce-gallery figure:hover img { transform: none; }
  .main-section-nit .frame-nit-media-photo .ce-textpic.ce-intext .ce-gallery figure:hover img { transform: scale(1.06); }
}

/* --- Mobiel galerij (<768px): onder elkaar, volle breedte --- */
@media (max-width: 767px) {
  .main-section-nit .ce-gallery .ce-row { flex-direction: column; gap: 1rem; }
  .main-section-nit .ce-gallery .ce-column { flex: 0 0 auto; width: 100%; }
  .main-section-nit .ce-gallery[data-ce-columns="2"] img,
  .main-section-nit .ce-gallery[data-ce-columns="3"] img {
    width: 100%;
    aspect-ratio: auto;
    object-fit: initial;
  }
}

/* --- Mobiel kaart (<576px): compacter --- */
@media (max-width: 575px) {
  .main-section-nit .ce-textpic.ce-intext { gap: 1rem; padding: 1rem 1rem 1rem 1.25rem; }
  .main-section-nit .ce-textpic.ce-intext .ce-gallery { flex-basis: 96px; width: 96px; padding: .5rem; }
  .main-section-nit .ce-textpic.ce-intext .ce-gallery img { max-height: 130px; }
  .main-section-nit .ce-textpic.ce-intext .ce-bodytext { font-size: 14px; }

  .main-section-nit .frame-nit-media-photo .ce-textpic.ce-intext { padding: 0; }
  .main-section-nit .frame-nit-media-photo .ce-textpic.ce-intext .ce-gallery { flex-basis: 34%; width: 34%; padding: 0; }
  .main-section-nit .frame-nit-media-photo .ce-textpic.ce-intext .ce-bodytext { padding: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  .main-section-nit .ce-gallery img { transition: none; }
  .main-section-nit .ce-gallery figure:hover img { transform: none !important; }
}

/* ==========================================================
   Powermail-formulieren (nit-standaard)
   Scope (test): .nit-main-content .tx-powermail
   Live: vervang door .tx-powermail
   ========================================================== */

/* ---------- 1. Reset Bootstrap grid/float ---------- */
.nit-main-content .tx-powermail .container-fluid {
  padding: 0;
}
.nit-main-content .tx-powermail .powermail_fieldwrap,
.nit-main-content .tx-powermail .form-group,
.nit-main-content .tx-powermail [class*="col-md-"],
.nit-main-content .tx-powermail [class*="col-sm-"] {
  width: 100% !important;
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  min-height: 0 !important;
  position: static !important;
}

/* ---------- 2. Layout: flex op de fieldset ---------- */
.nit-main-content .tx-powermail h3 {
  font-family: var(--font-display, inherit);
  font-weight: 700;
  font-size: 20px;
  color: var(--nit-blue-deep);
  margin: 0 0 20px;
}
.nit-main-content .tx-powermail .powermail_fieldset {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
  border: 0;
  margin: 0;
  padding: 0;
}
.nit-main-content .tx-powermail .powermail_legend {
  flex: 0 0 100%;
  font-family: var(--font-display, inherit);
  font-weight: 700;
  font-size: 14px;
  color: var(--nit-blue-deep);
  padding: 0 0 10px;
  margin: 0 0 14px;
  border-bottom: 1px solid var(--nit-border);
}

.nit-main-content .tx-powermail .form-item {
  flex: 1 1 calc(50% - 8px);
  max-width: calc(50% - 8px);
  min-width: 0;
  margin-bottom: 12px;
}

/* Volle breedte: textarea, select, checkboxen, verzendknop */
.nit-main-content .tx-powermail .form-item:has(.powermail_fieldwrap_type_textarea),
.nit-main-content .tx-powermail .form-item:has(.powermail_fieldwrap_type_select),
.nit-main-content .tx-powermail .form-item:has(.powermail_fieldwrap_type_check),
.nit-main-content .tx-powermail .form-item:has(.powermail_fieldwrap_type_radio),
.nit-main-content .tx-powermail .form-item:has(.powermail_fieldwrap_type_submit) {
  flex-basis: 100%;
  max-width: 100%;
}

/* Straat / Nr. / Toev. op één regel */
.nit-main-content .tx-powermail .form-item:has(.powermail_fieldwrap_straat) {
  flex-basis: calc(50% - 8px);
  max-width: calc(50% - 8px);
}
.nit-main-content .tx-powermail .form-item:has(.powermail_fieldwrap_huisnummer),
.nit-main-content .tx-powermail .form-item:has(.powermail_fieldwrap_toev) {
  flex-basis: calc(25% - 12px);
  max-width: calc(25% - 12px);
}

@media (max-width: 700px) {
  .nit-main-content .tx-powermail .form-item:has(.powermail_fieldwrap_straat),
  .nit-main-content .tx-powermail .form-item:has(.powermail_fieldwrap_huisnummer),
  .nit-main-content .tx-powermail .form-item:has(.powermail_fieldwrap_toev) {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (max-width: 560px) {
  .nit-main-content .tx-powermail .form-item {
    flex-basis: 100%;
    max-width: 100%;
  }
}

/* ---------- 3. Labels en velden ---------- */
.nit-main-content .tx-powermail .control-label.form-label-title {
  display: block;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--nit-text);
  margin-bottom: 4px;
}
.nit-main-content .tx-powermail .control-label .mandatory {
  color: var(--nit-orange);
  margin-left: 2px;
}
.nit-main-content .tx-powermail .input-field-wrap { width: 100%; }

.nit-main-content .tx-powermail input.powermail_input.form-control,
.nit-main-content .tx-powermail select.powermail_select.form-control,
.nit-main-content .tx-powermail textarea.powermail_textarea.form-control {
  font-family: var(--font-body, inherit);
  font-size: 14.5px;
  padding: 10px 12px;
  border: 1.5px solid var(--nit-border);
  border-radius: 7px;
  background: #fff;
  color: var(--nit-text);
  width: 100%;
  height: auto;
  box-shadow: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.nit-main-content .tx-powermail textarea.powermail_textarea.form-control {
  min-height: 120px;
  resize: vertical;
}
.nit-main-content .tx-powermail input.powermail_input.form-control:focus,
.nit-main-content .tx-powermail select.powermail_select.form-control:focus,
.nit-main-content .tx-powermail textarea.powermail_textarea.form-control:focus {
  outline: none;
  border-color: var(--nit-blue);
  box-shadow: 0 0 0 3px rgba(2, 66, 163, 0.12);
}

/* ---------- 4. Checkboxen / radio's ---------- */
.nit-main-content .tx-powermail .powermail_fieldwrap_type_check .input-field-wrap,
.nit-main-content .tx-powermail .powermail_fieldwrap_type_radio .input-field-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.nit-main-content .tx-powermail .powermail_fieldwrap_type_check .checkbox,
.nit-main-content .tx-powermail .powermail_fieldwrap_type_radio .radio {
  border: 1.5px solid var(--nit-border);
  border-radius: 7px;
  padding: 10px 12px;
  margin: 0;
  transition: border-color .15s ease, background .15s ease;
}
.nit-main-content .tx-powermail .powermail_fieldwrap_type_check .checkbox:has(input:checked),
.nit-main-content .tx-powermail .powermail_fieldwrap_type_radio .radio:has(input:checked) {
  border-color: var(--nit-blue);
  background: rgba(2, 66, 163, 0.04);
}
.nit-main-content .tx-powermail .checkbox label,
.nit-main-content .tx-powermail .radio label {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.nit-main-content .tx-powermail .checkbox input[type="checkbox"],
.nit-main-content .tx-powermail .radio input[type="radio"] {
  width: 17px;
  height: 17px;
  margin: 0;
  flex-shrink: 0;
  accent-color: var(--nit-blue);
}

/* ---------- 5. Validatie: verzamelbox boven de knop ---------- */
.nit-main-content .tx-powermail .parsley-errors-list { display: none !important; }

/* Rode rand pas na een verzendpoging */
.nit-main-content .tx-powermail form:not(.nit-submitted) .parsley-error {
  border-color: var(--nit-border) !important;
  box-shadow: none !important;
}
.nit-main-content .tx-powermail form.nit-submitted input.parsley-error,
.nit-main-content .tx-powermail form.nit-submitted select.parsley-error,
.nit-main-content .tx-powermail form.nit-submitted textarea.parsley-error {
  border-color: #c0392b;
  box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.1);
}

.nit-main-content .tx-powermail .nit-error-summary {
  display: none;
  flex-basis: 100%;
  max-width: 100%;
  background: #fdecea;
  border: 1px solid #f2b8b5;
  border-radius: 8px;
  padding: 14px 16px;
  margin-bottom: 4px;
}
.nit-main-content .tx-powermail form.nit-submitted .nit-error-summary:not(:empty) { display: block; }

.nit-main-content .tx-powermail .nit-error-summary__titel {
  font-weight: 700;
  font-size: 14px;
  color: #c0392b;
  margin-bottom: 8px;
}
.nit-main-content .tx-powermail .nit-error-summary ul { list-style: none; margin: 0; padding: 0; }
.nit-main-content .tx-powermail .nit-error-summary li {
  font-size: 13px;
  color: #c0392b;
  padding: 3px 0;
  cursor: pointer;
}
.nit-main-content .tx-powermail .nit-error-summary li:hover { text-decoration: underline; }

/* ---------- 6. Verzendknop ---------- */
.nit-main-content .tx-powermail input.btn.btn-primary[type="submit"] {
  width: 100%;
  background: var(--nit-orange) !important;
  border: 0 !important;
  color: #fff !important;
  font-family: var(--font-display, inherit);
  font-weight: 700;
  font-size: 15px;
  padding: 13px !important;
  border-radius: var(--nit-radius);
  box-shadow: none !important;
  text-shadow: none !important;
  cursor: pointer;
  margin-top: 6px;
  transition: background .15s ease;
}
.nit-main-content .tx-powermail input.btn.btn-primary[type="submit"]:hover {
  background: var(--nit-orange-deep) !important;
}

/* ---------- Productkaarten ---------- */
.nit-products__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: visible;
}
@media (min-width: 992px) {
  .nit-products__grid { grid-template-columns: repeat(3, 1fr); }
}

.nit-product-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--nit-border);
  border-radius: var(--nit-radius);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.nit-product-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--nit-shadow);
  border-color: var(--nit-blue);
}
.nit-product-card:focus-within { outline: none; }
.nit-product-card:has(a:focus-visible) { outline: 2px solid var(--nit-orange); outline-offset: 2px; }
.nit-product-card a:focus { outline: none; }

.nit-product-card__media {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16 / 10;
  padding: 20px;
  overflow: hidden;
  background: var(--nit-gray-bg);
  border-bottom: 3px solid var(--nit-blue);
  transition: border-color .2s ease;
}
.nit-product-card:hover .nit-product-card__media { border-color: var(--nit-orange); }
.nit-product-card__media img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
}

.nit-product-card__body { display: flex; flex-direction: column; padding: 20px 22px 24px; flex: 1 1 auto; }
.nit-product-card__body h3 {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--nit-blue-deep);
  margin: 0 0 12px;
}
.nit-product-card__body h3 a { color: inherit; text-decoration: none; }

.nit-product-card__list { list-style: none; margin: 0; padding: 12px 0 0; border-top: 1px solid var(--nit-border); }
.nit-product-card__list li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 8px;
  font-size: 14px;
  color: var(--nit-text);
}
.nit-product-card__list li:last-child { margin-bottom: 0; }
.nit-product-card__list li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 2px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 17px; height: 17px;
  border-radius: 50%;
  background: rgba(31,157,85,.12);
  color: var(--nit-green);
  font-size: 11px;
  font-weight: 700;
}
.nit-product-card__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 16px;
    font-weight: 700;
    font-size: 14px;
    color: var(--nit-blue);
    transition: color .2s ease;
}
.nit-product-card__more i { font-size: 13px; transition: transform .2s ease; }
.nit-product-card:hover .nit-product-card__more { color: var(--nit-orange); }
.nit-product-card:hover .nit-product-card__more i { transform: translateX(4px); }

/* Tablet: horizontale kaart */
@media (min-width: 576px) and (max-width: 991px) {
  .nit-product-card { flex-direction: row; }
  .nit-product-card__media {
    flex: 0 0 38%;
    aspect-ratio: auto;
    padding: 16px;
    border-bottom: 0;
    border-right: 3px solid var(--nit-blue);
  }
  .nit-product-card:hover .nit-product-card__media { border-right-color: var(--nit-orange); }
  .nit-product-card__media img { height: auto; max-height: 180px; }
}

.nit-section-heading h1,
.nit-section-heading h2 { font-size: 28px; font-weight: 700; line-height: 1.25; color: var(--nit-blue-deep); margin-bottom: 8px; }
.nit-section-heading h3 { font-size: 22px; font-weight: 700; line-height: 1.3; color: var(--nit-blue-deep); margin-bottom: 8px; }
.nit-section-heading h4 { font-size: 18px; font-weight: 700; line-height: 1.3; color: var(--nit-blue-deep); margin-bottom: 6px; }
.nit-section-heading h5 { font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--nit-blue-deep); margin-bottom: 6px; }

/* ---------- Lijsten in lopende tekst: vinkjes ---------- */
.nit-main-content .ce-bodytext ul,
.nit-main-content .frame-type-text ul,
.nit-main-content .frame-type-textmedia ul {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  overflow: visible;
}
.nit-main-content .ce-bodytext ul li,
.nit-main-content .frame-type-text ul li,
.nit-main-content .frame-type-textmedia ul li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 8px;
}
.nit-main-content .ce-bodytext ul li:last-child,
.nit-main-content .frame-type-text ul li:last-child,
.nit-main-content .frame-type-textmedia ul li:last-child { margin-bottom: 0; }

.nit-main-content .ce-bodytext ul li::before,
.nit-main-content .frame-type-text ul li::before,
.nit-main-content .frame-type-textmedia ul li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 4px;                /* (26px regel - 18px vakje) / 2 */
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(31, 157, 85, .12);
  color: var(--nit-green);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  padding: 0;
}

/* Geneste lijsten: gewone stip, geen vinkje */
.nit-main-content .ce-bodytext ul ul li::before,
.nit-main-content .frame-type-text ul ul li::before,
.nit-main-content .frame-type-textmedia ul ul li::before {
  content: "";
  width: 6px; height: 6px; top: .6em; left: 6px;
  background: var(--nit-text-muted);
}

/* ---------- Typografie in lopende content ---------- */
.nit .nit-main-content .frame-type-text,
.nit .nit-main-content .frame-type-textmedia,
.nit .nit-main-content .frame-type-textpic { color: var(--nit-text); }

.nit .nit-main-content .ce-bodytext p,
.nit .nit-main-content .ce-bodytext li,
.nit .nit-main-content .frame-type-text p,
.nit .nit-main-content .frame-type-text li {
  font-size: 16px;
  line-height: 1.65;
}
.nit .nit-main-content .ce-bodytext p,
.nit .nit-main-content .frame-type-text p { margin: 0 0 1rem; }

/* Koppen */
.nit .nit-main-content .ce-bodytext h2,
.nit .nit-main-content .ce-bodytext h3,
.nit .nit-main-content .ce-bodytext h4,
.nit .nit-main-content .frame-type-text h2,
.nit .nit-main-content .frame-type-text h3,
.nit .nit-main-content .frame-type-text h4,
.nit .nit-main-content .frame-type-header h2,
.nit .nit-main-content .frame-type-header h3,
.nit .nit-main-content .frame-type-header h4 {
  font-weight: 700;
  color: var(--nit-blue-deep);
}

.nit .nit-main-content .ce-bodytext h2,
.nit .nit-main-content .frame-type-text h2,
.nit .nit-main-content .frame-type-header h2 { margin: 1.25rem 0 .4rem; }

.nit .nit-main-content .ce-bodytext h3,
.nit .nit-main-content .frame-type-text h3,
.nit .nit-main-content .frame-type-header h3 { margin: 1rem 0 .35rem; }

.nit .nit-main-content .ce-bodytext h4,
.nit .nit-main-content .frame-type-text h4,
.nit .nit-main-content .frame-type-header h4 { margin: .85rem 0 .3rem; }

/* Geen extra ruimte boven de allereerste kop in een blok */
.nit .nit-main-content .ce-bodytext > :first-child,
.nit .nit-main-content .frame-type-text .frame-inner > :first-child,
.nit .nit-main-content .frame-type-header h2:first-child { margin-top: 0; }

/* Mobiel */
@media (max-width: 575px) {
  .nit .nit-main-content .ce-bodytext h2,
  .nit .nit-main-content .frame-type-text h2,
  .nit .nit-main-content .frame-type-header h2 { font-size: 24px; }
  .nit .nit-main-content .ce-bodytext h3,
  .nit .nit-main-content .frame-type-text h3,
  .nit .nit-main-content .frame-type-header h3 { font-size: 20px; }
}

/* ---------- Servicekaarten ---------- */
.nit-services__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .nit-services__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 992px) {
  .nit-services__grid { grid-template-columns: repeat(3, 1fr); }
}
.nit-services__grid > li { display: flex; }

.nit-service-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
  border: 1px solid var(--nit-border);
  border-top: 3px solid var(--nit-blue);
  border-radius: var(--nit-radius);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.nit-service-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--nit-shadow);
  border-color: var(--nit-blue);
  border-top-color: var(--nit-orange);
}
.nit-service-card:focus-within { outline: none; }
.nit-service-card:has(a:focus-visible) {
  outline: 2px solid var(--nit-orange);
  outline-offset: 2px;
}

.nit-service-card__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 20px 22px 22px;
}
.nit-service-card__body h3 {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--nit-blue-deep);
  margin: 0 0 10px;
}
.nit-service-card__body h3 a { color: inherit; text-decoration: none; }

.nit-service-card__text {
  margin: 0 0 16px;
  font-size: 14px;
  color: var(--nit-text);
}
.nit-service-card__cta {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--nit-border);
  font-weight: 700;
  font-size: 14px;
  color: var(--nit-blue);
}
.nit-service-card:hover .nit-service-card__cta { color: var(--nit-orange); }

/*
Powermail velden van form Verhuizing Doorgeven volledige breedte maken, in elke schermbreedte
*/
.nit-main-content .tx-powermail .powermail_fieldset_14 .form-item:has(.powermail_fieldwrap_marker-oude-adresgegevens),
.nit-main-content .tx-powermail .powermail_fieldset_14 .form-item:has(.powermail_fieldwrap_straat-oud),
.nit-main-content .tx-powermail .powermail_fieldset_14 .form-item:has(.powermail_fieldwrap_marker-nieuwe-adresgegevens),
.nit-main-content .tx-powermail .powermail_fieldset_14 .form-item:has(.powermail_fieldwrap_straat-nieuw) {
  flex-basis: 100% !important;
  max-width: 100% !important;
}

/* ---------- Homepage: service-banners ---------- */
.nit-banners__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: visible;
}
@media (min-width: 768px) {
  .nit-banners__grid { grid-template-columns: repeat(2, 1fr); }
}

.nit-banner {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 240px;
  overflow: hidden;
  border-radius: var(--nit-radius);
  background: var(--nit-blue-deep) var(--nit-banner-img) var(--nit-banner-pos, center) / cover no-repeat;
  transition: transform .2s ease, box-shadow .2s ease;
}
.nit-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(1,35,94,.8) 0%, rgba(1,35,94,.2) 60%, rgba(1,35,94,0) 100%);
  pointer-events: none;
}
.nit-banner.nit-banner--accent::before {
  background: linear-gradient(0deg, rgba(200,0,110,.85) 0%, rgba(200,0,110,.25) 70%, rgba(200,0,110,0) 100%);
}
.nit-banner.nit-banner--green::before {
  background: linear-gradient(0deg, rgba(20,110,60,.85) 0%, rgba(31,157,85,.25) 70%, rgba(31,157,85,0) 100%);
}
.nit-banner.nit-banner--textless::before {
  background: linear-gradient(0deg, rgba(1,35,94,.55) 0%, rgba(1,35,94,0) 35%);
}
.nit-banner.nit-banner--orange::before {
  background: linear-gradient(0deg, rgba(200,80,20,.88) 0%, rgba(244,120,55,.3) 70%, rgba(244,120,55,0) 100%);
}
.nit-banner:hover { transform: translateY(-4px); box-shadow: var(--nit-shadow); }

/* Link over de hele banner */
.nit-banner__link {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.nit-banner__link:focus { outline: none; }
.nit-banner:has(.nit-banner__link:focus-visible) { outline: 2px solid var(--nit-orange); outline-offset: 2px; }

.nit-banner__content { position: relative; z-index: 1; width: 100%; padding: 24px; color: #fff; }
.nit-banner h2 { font-size: 24px; line-height: 1.2; font-weight: 700; margin: 0 0 6px; color: #fff; }
.nit-banner p { margin: 0 0 12px; font-size: 15px; line-height: 1.5; opacity: .95; }

.nit-banner__more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.55);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  transition: background .2s ease, border-color .2s ease;
}
.nit-banner:hover .nit-banner__more {
  background: var(--nit-orange);
  border-color: var(--nit-orange);
}

.nit-banner__more i { font-size: 16px; transition: transform .2s ease; }
.nit-banner:hover .nit-banner__more i { transform: translateX(3px); }

@media (max-width: 575px) {
  .nit-banner { min-height: 200px; }
  .nit-banner h2 { font-size: 21px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .nit-banner { min-height: 0; aspect-ratio: 7 / 4; }
}

/* ---------- Homepage-onderwerpkaarten ---------- */
.nit-topics__grid {
  display: grid; grid-template-columns: 1fr; gap: 20px;
  list-style: none; margin: 0; padding: 0; overflow: visible;
}
@media (min-width: 576px) { .nit-topics__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .nit-topics__grid { grid-template-columns: repeat(3, 1fr); } }

.nit-topic-card {
  position: relative; display: flex; flex-direction: column;
  background: #fff; border: 1px solid var(--nit-border);
  border-radius: var(--nit-radius); overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.nit-topic-card:hover { transform: translateY(-4px); box-shadow: var(--nit-shadow); border-color: var(--nit-blue); }
.nit-topic-card:focus-within { outline: none; }
.nit-topic-card:has(a:focus-visible) { outline: 2px solid var(--nit-orange); outline-offset: 2px; }
.nit-topic-card a:focus { outline: none; }

.nit-topic-card__media {
  display: flex; align-items: center; justify-content: center;
  aspect-ratio: 16 / 10; padding: 16px; overflow: hidden;
  background: var(--nit-gray-bg);
  border-bottom: 3px solid var(--nit-blue);
  transition: border-color .2s ease;
}
.nit-topic-card:hover .nit-topic-card__media { border-color: var(--nit-orange); }
.nit-topic-card__media img { width: 100%; height: 100%; object-fit: contain; }

.nit-topic-card__body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 20px 22px 22px; }
.nit-topic-card__body h3 { font-size: 1.15rem; font-weight: 700; line-height: 1.3; color: var(--nit-blue-deep); margin: 0 0 8px; }
.nit-topic-card__body h3 a { color: inherit; text-decoration: none; }
.nit-topic-card__text { font-size: 14px; line-height: 1.55; color: var(--nit-text-muted); margin: 0 0 12px; }
.nit-topic-card__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 8px;
    font-weight: 700;
    font-size: 14px;
    color: var(--nit-blue);
    transition: color .2s ease;
}
.nit-topic-card__more i { font-size: 13px; transition: transform .2s ease; }
.nit-topic-card:hover .nit-topic-card__more { color: var(--nit-orange); }
.nit-topic-card:hover .nit-topic-card__more i { transform: translateX(4px); }