.mapson {display: none;}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {background-color: #eee; color: #333;}
.contact-form .alert-danger {border: 1px solid #c00; background-color: #f8d7da !important;}
.cus-content a:LINK, .cus-content a:VISITED {text-decoration: underline;}
.cus-content a.btn {text-decoration: none!important;}
.cus-content img {max-width: 100%; height: auto;}
.breadcrumb-area {padding-top: 60px; padding-bottom: 60px; background-image: url("/img/bg-header.jpg");}
.breadcrumb-area h1 {color: #fff;}
.cta-bg-image_two {background-image: url("/img/bg-cta.jpg"); background-color: #e1f0d7;}
.header__logo > a img {width: 235px;}
.cus-internal-id {display: none;}
.hide {display: none;}

.cus-landingpage .processing-hero-images {margin-left: 0;}
.processing-hero-text h1 {font-size: 60px;}
.post-excerpt h2 {font-size: 30px;}
.post-excerpt h3 {font-size: 24px;}
.post-excerpt h4 {font-size: 20px;}

.cus-content h2 {font-size: 36px; margin-bottom: 20px;}
.cus-content h3 {font-size: 24px; margin-bottom: 16px;}

.cus-content ul {list-style-type: disc; margin-top: 15px;}
.cus-content ul li {margin-left: 50px; margin-bottom: 10px;}

.processing-hero-bg-ebook .processing-hero-text, .processing-hero-bg-ebook .processing-hero-text p {color: #333;}
.processing-hero-bg-ebook {background: url("/img/bg-slide-ebook.jpg");}
.cus-landingpage { font-size: 16px;}
.cus-landingpage .check-list {font-size: 20px;}
.cus-landingpage .check-list .list-item::before {font-size: 24px;}
.cus-landingpage .btn, #_form_1_submit {font-weight: bold !important; font-size: 18px !important;}
.cus-landingpage h1 {font-size: 44px;}
.cus-landingpage h3 {font-size: 30px;}
.cus-landingpage h4 {font-size: 24px;}
.cus-landingpage p.voetnoot {font-size: 13px; margin-top: 10px;}

.software-innovation-hero-text h3, .software-innovation-hero-text h1 {color: #333;}
.software-innovation-hero-text.subpagina h3 {font-size: 30px;}
.software-innovation-hero-text.subpagina h1 {font-size: 60px; line-height: 80px}
.software-innovation-hero-text {background-color: rgba(255, 255, 255, 0.9); padding: 25px; border-radius: 20px;}

.pricing-table__list a {text-decoration: underline;}
.pricing-table-one .pricing-table__header .sub-title {color: #333; font-size: 20px;}
.pricing-table-one .pricing-table__feature-mark {background-color: #f60;}
ul.pricing-table__list {text-align: left !important;}

.omni-hero {position: relative; min-height: 720px; background-position: center 30%; background-size: cover; background-repeat: no-repeat; display: flex; align-items: flex-end;}
.omni-hero-band {width: 100%; padding: 50px 0 30px 0; background: linear-gradient(to top, rgba(17, 17, 17, 0.88) 0%, rgba(17, 17, 17, 0.7) 60%, rgba(17, 17, 17, 0) 100%);}
.omni-hero-eyebrow {display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #9bd14d; background: rgba(17, 17, 17, 0.75); padding: 5px 12px; border-radius: 4px; margin-bottom: 12px;}
.omni-hero-title {font-size: 42px; line-height: 1.15; font-weight: 700; color: #fff; margin-bottom: 10px; text-wrap: balance;}
.omni-hero-sub {font-size: 17px; line-height: 1.6; color: rgba(255, 255, 255, 0.9); margin-bottom: 0;}
.omni-hero-trust {font-size: 13px; color: rgba(255, 255, 255, 0.75); text-align: right; margin-top: 12px;}
.omni-hero-actions {display: flex; flex-direction: column; align-items: flex-end; gap: 10px;}
.omni-hero-actions .ht-btn {width: 240px; text-align: center; margin-left: 0;}

.omni-header {background-size: cover; background-position: center 30%; background-repeat: no-repeat; background-color: #111;}
.omni-header-overlay {display: flex; align-items: flex-end; min-height: 300px; padding: 40px 0; background: linear-gradient(to right, rgba(17, 17, 17, 0.88) 0%, rgba(17, 17, 17, 0.6) 55%, rgba(17, 17, 17, 0.25) 100%);}
.omni-header-overlay {display: flex; align-items: flex-end; min-height: 380px; padding: 40px 0; background: linear-gradient(to right, rgba(17, 17, 17, 0.75) 0%, rgba(17, 17, 17, 0.45) 35%, rgba(17, 17, 17, 0) 65%);}
.omni-header-title {font-size: 44px; line-height: 1.15; font-weight: 700; color: #fff; margin-bottom: 0; text-wrap: balance; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);}

.omni-whatsapp {position: fixed; right: 20px; bottom: 20px; z-index: 999; width: 56px; height: 56px; border-radius: 50%; background-color: #25d366; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 30px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); transition: transform 0.2s;}
.omni-whatsapp:hover {color: #fff; transform: scale(1.08);}





@media (max-width: 767px) {
    .processing-hero h1 {font-size: 40px;}
    .btn, #_form_1_submit {display: block; width: 100%;}
    .processing-hero-images {display: none;}

    .omni-hero {min-height: 0; display: block; background-color: #111; background-size: 100% auto; background-position: center top; padding-top: 56.25%;}
    .omni-hero-actions {flex-direction: row; justify-content: flex-start; align-items: stretch; margin-top: 20px; gap: 10px;}
    .omni-hero-actions .ht-btn {width: auto; flex: 1; padding-left: 10px; padding-right: 10px; font-size: 14px;}
    .omni-hero-band {padding: 24px 0; background: #111;}
    .omni-hero-title {font-size: 28px;}
    .omni-hero-trust {text-align: left;}

    .omni-header-overlay {min-height: 200px; padding: 28px 0;}
    .omni-header-title {font-size: 30px;}
    .omni-whatsapp {width: 50px; height: 50px; font-size: 26px; right: 15px; bottom: 15px;}
}


@media (min-width: 768px) {

}


@media (min-width: 768px) and (max-width: 991px) {
    .omni-hero {min-height: 0; display: block; background-color: #111; background-size: 100% auto; background-position: center top; padding-top: 56.25%;}
    .omni-hero-actions {flex-direction: row; justify-content: flex-start; align-items: stretch; margin-top: 20px; gap: 12px;}
    .omni-hero-actions .ht-btn {width: auto; flex: 1; max-width: 260px;}
    .omni-hero-band {padding: 24px 0; background: #111;}
    .omni-hero-title {font-size: 34px;}
    .omni-hero-trust {text-align: left;}
}

@media (min-width: 992px) and (max-width: 1199px) {

}


.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 43px;
    height: 0;
    margin-bottom: 15px;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Service-bricks: Font Awesome icoon i.p.v. afbeelding (zelfde maat/kleur als de oude afbeeldingen) */
.ht-box-images.style-02 .image-box-wrap .box-image.box-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6bb536;
    font-size: 70px;
    line-height: 1;
}
.ht-box-images.style-02 .image-box-wrap .box-image.box-icon i,
.ht-box-images.style-02 .image-box-wrap .box-image.box-icon svg {
    display: block;
    font-size: inherit;
    line-height: 1;
}


/* Prijzen: opstartfee-opties in de prijskaarten (customdev-88) */
.pricing-fees {
    text-align: left;
    margin: 0 0 25px;
    padding: 15px 18px;
    background: #f8f8f8;
    border-radius: 5px;
}
.pricing-fees__title {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #7e7e7e;
    margin-bottom: 8px;
}
.pricing-fees__option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 8px 0;
}
.pricing-fees__option + .pricing-fees__option {
    border-top: 1px solid #e7e7e7;
}
.pricing-fees__label b {
    display: block;
    color: #333;
}
.pricing-fees__label small {
    display: block;
    color: #7e7e7e;
}
.pricing-fees__price {
    flex-shrink: 0;
    font-weight: 600;
    color: #6bb536;
    white-space: nowrap;
}


/* Sliders met te weinig slides voor een loop: geen dubbels, gecentreerd tonen */
.swiper-static .swiper-wrapper {
    justify-content: center;
}