h2::after,
h1.vervolg-title::after { content: ''; width: 75px; display: block; border-top: 2px solid var(--color-primary-accent); margin: 25px 0; }
h1.vervolg-title { font-size: 60px; line-height: 1; }

.vervolg-page h2 { font-size: 36px; color: var(--color-primary-accent); margin-bottom: 25px; }
.vervolg-page h2::after { display: none; }

.mbot-75 { margin-bottom: 75px; }
.mtop-75 { margin-top: 75px; }
.mtop-100 { margin-top: 100px; }

.topbar { background: #fff; z-index: 11; }
.topbar img { width: 160px; }
.topbar a { color: var(--color-primary); font-weight: 700; font-size: 20px; }
.topbar a i { color: var(--color-primary); margin-right: 10px; }
.topbar .container > .row { margin: 0; }
.topbar .container > .row > div { flex-grow: 1; width: 33.3333%; display: flex; }
.topbar .container > .row > .left-link { justify-content: flex-start; }
.topbar .container > .row > .center-link { justify-content: center; }
.topbar .container > .row > .right-link { justify-content: flex-end; }

.mainmenu { box-shadow: 0 3px 10px rgb(0 0 0 / 15%); }
.mainmenu li { padding: 0;  }
.mainmenu li:hover { background: var(--color-primary); }
.mainmenu li > a { padding: 10px 30px; }
.mainmenu li:hover a { color: #fff; }

.video-header { margin: 0 -15px; }
.video-header .video-wrap { z-index: -1; display: flex; justify-content: center; }
.video-header .video-wrap::after { content: ''; position: absolute; width: 100%; max-width: 2160px; height: 100%; background: rgb(0 0 0 / 40%); z-index: -1; }
.video-header video { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: -1; max-width: 2160px; }
.video-header .content-wrap { padding: 175px 15px; color: #fff; }
.video-header .subtitle { font-size: 22px; position: relative; display: inline-block; }
.video-header .subtitle::after { content: ''; display: block; width: 100%; border-top: 2px solid #fff; margin-top: 5px; }
.video-header h1 { color: #fff; font-size: 100px; max-width: 600px; line-height: 1; }

.about-icons { width: 100%; display: flex; flex-wrap: wrap; margin: 15px 0 40px 0; }
.about-icons .item { width: 50%; display: flex; align-items: center; font-size: 18px; font-weight: 700; color: #005024; }
.about-icons .item .image-wrap { flex-shrink: 0; margin-right: 20px; }
.about-icons .item .image-wrap  p { margin-bottom: 0; }
.about-icons.full-width .item { width: 33.333%; padding-right: 15px; display: flex; justify-content: center; }

.text-image .img-wrap { position: relative; }
.text-image .image-contain { position: relative; }
.text-image .img-wrap::before { content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translate(-50%,-50%); width: 275px; height: 275px; border-radius: 50%; background: var(--color-tertiary); z-index: -1; }
.text-image .icon-wrap { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 0; transform: translate(-50%,-50%); width: 100px; height: 100px; border-radius: 50%; background: var(--color-secondary); }
.text-image .icon-wrap p { margin-bottom: 0; }

.beige-wall { background: var(--color-tertiary); padding: 75px 0 125px 0; overflow: hidden; }
.center.title h2 { display: flex; flex-direction: column; align-items: center; }

.totaalpakket { position: relative; z-index: 1; }
.totaalpakket::before { content: ''; display: block; width: 234px; height: 234px; position: absolute; background: url('/template/images/circle-barn.svg'); background-size: contain; background-repeat: no-repeat; bottom: 80%; right: 90%; opacity: 0.1;  }
.totaalpakket::after { content: ''; display: block; width: 234px; height: 234px; position: absolute; background: url('/template/images/circle-pig.svg'); background-size: contain; background-repeat: no-repeat; top: 70%; left: 95%; opacity: 0.1; z-index: 0;  }
.totaalpakket .item { z-index: 1; margin-bottom: 75px; }
.totaalpakket .item .content-wrap { background: #fff; border-radius: 10px; padding: 35px 35px 23px; height: 100%; display: flex; flex-direction: column; }
.totaalpakket .item .title-wrap { display: flex; justify-content: space-between; }
.totaalpakket .item .text-wrap { position: relative; flex-grow: 1; margin-bottom: 20px; }
.totaalpakket .item h3 { color: var(--color-primary); font-size: 28px; font-weight: 700; line-height: 1.2; width: 66%; }
.totaalpakket .item figure { width: 100px; height: 100px; background: var(--color-secondary); flex-shrink: 0; border-radius: 50%; margin-right: -15px; margin-top: -65px; display: flex; justify-content: center; align-items: center; }
.totaalpakket .item figure p { margin-bottom: 0; }
.totaalpakket .item .btn-wrap { position: relative; }
.totaalpakket .item .btn { position: absolute; bottom: -65px; background: var(--color-primary); border-color: var(--color-primary); }
.totaalpakket .item .btn:hover { background: #feb148; border-color: #feb148; }

.col-xl-3.col-lg-6 { flex: 0 0 25%; max-width: 25%; }


.nog-vragen { background: var(--color-tertiary); border-radius: 10px; min-height: 225px; margin-top: 150px; }
.nog-vragen > div { display: flex; flex-direction: column; justify-content: center; }
.nog-vragen .center-wrap { padding-left: 40px; }
.nog-vragen .right-wrap { padding-left: 75px; padding-right: 50px; }
.nog-vragen .left-wrap { padding-left: 50px; padding-right: 50px; }
.nog-vragen h3 { color: var(--color-primary); font-size: 36px; font-weight: 800; }
.nog-vragen .subtitle p { color: #1C1C1C; font-size: 18px; line-height: 1.3; }
.nog-vragen .subtitle > *:last-child { margin-bottom: 0; }
.nog-vragen .contact-link { display: flex; flex-direction: column; align-items: flex-start; }
.nog-vragen .contact-link a { display: block; font-size: 32px; color: #1C1C1C; font-weight: 700; margin-bottom: 10px; }
.nog-vragen .contact-link a i { margin-right: 15px; color: var(--color-primary); }
.nog-vragen .contact-link > *:last-child { margin-bottom: 0; }
.nog-vragen .img-wrap { position: relative; height: 100%; }
.nog-vragen img { position: absolute; bottom: 0; left: 0; width: 100%; }

.subfoot .contact-line { display: flex; align-items: center; margin-bottom: 10px; font-size: 18px; }
.subfoot .contact-line:last-child { margin-bottom: 0; }
.subfoot .contact-line i { margin-right: 10px; width: 20px; display: flex; justify-content: center; }
.subfoot .contact-line a { color: #fff; }
.subfoot .row {  align-items: center;}
.subfoot .logo-wrap { display: flex; justify-content: center; }
.subfoot .logo-wrap img { width: 80%; max-width: 300px; }

.breadcrumbs { background: #F2F8E9; color: var(--color-primary); margin-bottom: 50px; height: 0; }
.breadcrumbs ul { margin: 0; font-weight: 700; }
.breadcrumbs .container { display: none; }

.product-main ul { margin: 0; padding: 0; list-style: none; color: #878986; font-weight: 500; margin-bottom: 25px; }
.product-main ul li { display: flex; align-items: center; margin-bottom: 8px; }
.product-main ul li::before { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-weight: 700; font-size: 14px; color: var(--color-primary-accent); margin-right: 10px; }

.text-nog-vragen .nog-vragen { margin-top: 0; }
.text-nog-vragen .nog-vragen .contact-link { margin-top: 20px; }
.text-nog-vragen .nog-vragen .contact-link a { font-size: 16px; }
.text-nog-vragen .nog-vragen .left-wrap { padding-left: 15px; padding-right: 15px; }

.img-slider { position: relative; border-radius: 10px; overflow: hidden; }
.img-slider img { width: 100%; object-fit: cover; max-height: 600px; }
.img-slider .slider-btn { background: var(--color-primary); color: #fff; width: 45px; height: 45px; border-radius: 50%; position: absolute; display: flex; justify-content: center; align-items: center; font-size: 14px; border: 0; top: 50%; transform: translateY(-50%); z-index: 1; transition: background 0.3s; }
.img-slider .slider-btn:hover { background: #028c41; }
.img-slider .slider-btn.btn-next { right: 15px; }
.img-slider .slider-btn.btn-prev { left: 15px; }

.contact-form label { color: #1c1c1c; font-weight: 600; margin-bottom: 0; }
.form-control:focus { border-color: var(--color-primary-accent); box-shadow: 0 0 0 0.2rem rgb(126 186 39 / 20%); }

.navbar-nav .dropdown-menu { padding: 10px 0; }
.navbar-nav .dropdown-menu li a { color: #fff; padding: 5px 0; text-transform: none; margin-bottom: 0; }

.text-image video { width: auto; max-width: 100%; }

.block.content i { width: 20px; display: inline-flex; justify-content: center; }

.block.content ul,
.productinfo ul { list-style: none; color: #9b9b9b; padding: 0; }
.block.content ul li,
.productinfo ul li { margin-bottom: 5px; }
.block.content ul li::before,
.productinfo ul li::before { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; color: var(--color-primary-accent); margin-right: 15px; }

.contact img { width: 80%; }

.product-smalldesc table { display: none; }

@media only screen and (max-width: 1439px) {
    .nog-vragen { margin-top: 100px; }

    .text-nog-vragen .nog-vragen { min-height: 190px; }
    .text-nog-vragen .nog-vragen h3 { font-size: 28px; }
    .text-nog-vragen .nog-vragen .contact-link { margin-top: 10px; }
}

@media only screen and (max-width: 1199px) {
    h1.vervolg-title { font-size: 48px; }

    .col-xl-3.col-lg-6 { flex: 0 0 50%; max-width: 50%; }

    .video-header .subtitle { font-size: 20px; }
    .video-header h1 { font-size: 72px; }

    .about-icons .item { width: 100%; margin-bottom: 25px; }
    .about-icons .item:last-child { margin-bottom: 0; }
    .about-icons .item svg { width: 50px; }
    .about-icons.full-width .item { width: 50%; justify-content: flex-start; }

    .totaalpakket .item { margin-bottom: 75px; }

    .nog-vragen .contact-link a { font-size: 24px; }
    .nog-vragen .right-wrap { padding-left: 25px; padding-right: 25px; }
    .nog-vragen .left-wrap { padding-left: 25px; padding-right: 25px; }
}

@media only screen and (max-width: 991px) {
    h1.vervolg-title { font-size: 36px; }

    .col-xl-3.col-lg-6 { flex: 0 0 100%; max-width: 100%; }

    .topbar .container > .row > .left-link { display: none; }
    .topbar .container > .row > .center-link { justify-content: flex-start; }
    .topbar .container > .row > .right-link { display: flex; flex-direction: column; align-items: flex-end; line-height: 1; }
    .topbar .container > .row > .right-link a { margin-bottom: 10px; }
    .topbar .container > .row > .right-link a:last-child { margin-bottom: 0; }
    .topbar img { margin-top: 10px; }

    .video-header .content-wrap { padding: 125px 15px; }

    .text-image .img-wrap { margin-bottom: 25px; }

    .nog-vragen { min-height: 0; padding-top: 50px; padding-right: 50px; }
    .nog-vragen img { left: 0; width: 33%; }
    .nog-vragen .left-wrap { order: 2; }
    .nog-vragen .center-wrap { width: 66%; padding: 0 15px; margin-bottom: 25px; margin-left: 33%; padding-left: 30px; }
    .nog-vragen .right-wrap { width: 66%; padding: 0 15px 40px; margin-left: 33%; padding-left: 30px; }

    .text-nog-vragen .nog-vragen { padding: 40px 15px; }
    .text-nog-vragen .nog-vragen .right-wrap { width: 100%; margin-bottom: 0; margin-left: 0; }
    .text-nog-vragen .nog-vragen .left-wrap { display: none; }
}

@media only screen and (max-width: 767px) {
    h2::after,
    h1.vervolg-title::after { margin: 15px 0; }

    h1.vervolg-title { font-size: 24px; }
    .mtop-100 { margin-top: 75px; }
    .mbot-75 { margin-bottom: 50px; }

    .topbar img { width: 130px; }
    .topbar .container > .row > .right-link a{ font-size: 16px; margin-bottom: 5px; }

    .breadcrumbs { margin-bottom: 25px; }

    .video-header h1 { font-size: 48px; }

    .about-icons { margin-bottom: 20px; }
    .about-icons.full-width .item { width: 100%; }
    .text-image .image-contain { margin-top: 25px; }
    .text-image .row { flex-wrap: wrap-reverse; }
    .text-image .icon-wrap { top: 0; transform: none; width: 75px; height: 75px; }
    .text-image .icon-wrap svg { width: 35px; }
    .text-image .img-wrap::before { z-index: 0; top: 0; width: 125px; height: 125px; transform: translate(-25px,-25px); }

    .beige-wall { padding: 75px 0 75px 0; }

    .nog-vragen { padding: 35px 50px; margin-top: 50px; }
    .nog-vragen .left-wrap { display: none; }
    .nog-vragen .center-wrap { width: 100%; margin-left: 0; padding-left: 15px; }
    .nog-vragen .right-wrap { width: 100%; padding-bottom: 0; margin-left: 0; padding-left: 15px; }

    .subfoot .logo-wrap img { margin-bottom: 25px; width: 60%; }

    .contact-form { margin-top: 50px; }
}

@media only screen and (max-width: 575px) {
    .mtop-100 { margin-top: 50px; }
    .video-header .content-wrap { padding: 75px 15px; }

    .nog-vragen { margin-left: 0; margin-right: 0; padding: 35px; margin-top: 25px; }
    .nog-vragen h3 { font-size: 24px; }
    .nog-vragen .contact-link a { font-size: 18px; }

    .subfoot .contact-line { font-size: 14px; }

    .img-slider .slider-btn { width: 30px; height: 30px; font-size: 12px; }
}

@media only screen and (max-width: 479px) {
    .topbar img { width: 90px; }
    .topbar .container > .row > .right-link a { font-size: 14px; }

    .video-header .content-wrap { padding: 100px 15px 25px; }
    .video-header .subtitle { font-size: 16px; }
    .video-header h1 { font-size: 36px; }

    .totaalpakket .item h3 { font-size: 22px; }
    .totaalpakket .item figure { width: 75px; height: 75px; }
    .totaalpakket .item figure svg { width: 35px; }

    .beige-wall { padding: 50px 0 0 0; }
    .totaalpakket::before { display: none; }
    .totaalpakket::after { display: none; }

    .nog-vragen { padding: 40px 15px; }
    .nog-vragen h3 { font-size: 20px; }
    .nog-vragen .subtitle p { font-size: 16px; }
    .nog-vragen .contact-link a { font-size: 16px; margin-bottom: 5px; }

    .contact-form { margin-top: 20px; }

    .modal.fixed-right .card-foot { flex-direction: column; }
    .modal.fixed-right .card-foot .btn-secondary { margin-top: 10px; }
}