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

/*
*
{
    background-color:#000 !important;
    border:solid 1px #cc0033 !important;
    color: #c03 !important;
}
    */

:root {
    --wit: #ffffff;
    --rood: #001b46;
    --default-text: "Poppins", sans-serif;
    --default-header-text: "Poppins", sans-serif;
    --default-text-color: #2e2e2e;
    --default-header-color: #50362d;
    --default-background-color:#ffffff;
    --button-background-color:#ff6b25;
    --button-text-color:#ffffff;
    --default-link-color:#ff6b25;
    --footer-background-color:#50362d;
    --top-background-color:#000000;
}

.text-dark
{
    color:var(--default-text-color) !important;
}

body
{
    font-family: var(--default-text);
    font-size: 16px;
    color:var(--default-text-color);
    line-height: 26px;
}

.page-item.active .page-link, .media-library-view--widget .view-header a.page-item.is-active .page-link
{
    background-color:var(--default-header-color) !important;
    border-color:var(--default-header-color) !important;
}

.page-link, .page-link:hover
{
    color:var(--default-link-color);
}

.row.no-gutters,
.kies-cards .row
{
    margin-left:0px !important;
    margin-right: 0px !important;
}

.block-field-blocknodeprojecten-overzichtfield-hoofdfoto,
.block-views-blockproject-details-block-5,
.page-node-type-page .block-inline-blockafbeelding
{
    margin-left:8.33333333%;
    margin-right: 8.33333333%;
    margin-bottom: 50px;
}

.block-views-blockproject-details-block-3
{
    margin-left:16.66666666%;
    margin-right: 23.33333333%;
    margin-bottom: 50px;
}

.block-field-blocknodeprojecten-overzichtfield-foto-s
{
    margin-left:8.33333333%;
    margin-right: 8.33333333%;
}

.block-views-blockproject-details-block-2,
.info-container .container .layout .block-field-blocknodeprojecten-overzichtfield-categorie,
.info-container .container .layout .block-views-blockproject-details-block-1,
.info-container .container .layout .block-field-blocknodeprojecten-overzichtfield-subtitel,
.page-node-type-page .col-12 .block-field-blocknodepagefield-subtitel,
.page-node-type-page .col-12 .block-field-blocknodepagetitle,
.page-node-type-page .col-12 .block-field-blocknodepagebody,
.block-system-breadcrumb-block,
.block-field-blocknodepagefield-subtitel-pagina,
.block-views-blocktijdlijn-block-1,
.block-views-blockfaq-block-1
{
    margin-left:16.66666666%;
    margin-right: 16.66666666%;
}


.page-node-type-page .col-12 .block-field-blocknodepagefield-subtitel,
.page-node-type-page .col-12 .block-field-blocknodepagetitle
{
    text-align: center;
}

.block-views-blocktijdlijn-block-1
{
    position: relative;
    padding-left:115px;
}

.block-views-blocktijdlijn-block-1::before
{
    position: absolute;
    top:0px;
    left:15px;
    width:20px;
    height:100%;
    background-color:#0098d8;
    content:"";
    border-radius: 10px;
}

.page-node-type-page .block-inline-blockbasic .field--name-body,
.page-node-type-page .col-12 .block-field-blocknodepagebody
{
    margin-bottom: 100px;
}

.page-node-type-page .col-12 .block-inline-blockbasic:last-child .field--name-body
{
    margin-bottom: 0px;
}

.block-field-blocknodeprojecten-overzichtfield-formulier-belangstellender
{
    margin-left:16.66666666%;
    margin-right: 23.33333333%;
    margin-bottom: 80px;
}

.block-field-blocknodeprojecten-overzichtfield-formulier-belangstellender h2
{
    margin-bottom: 50px;
}

.block-views-blockproject-details-block-5 img,
.block-field-blocknodeprojecten-overzichtfield-foto-s img,
.block-views-blockproject-details-block-2 .views-field-field-coordinaten,
.page-node-type-page .block-inline-blockafbeelding img,
.block-field-blocknodepagebody img,
.block-inline-blockfotogrid-alleen-foto-s- img
{
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
}

/*
.layout>.col-12>.block-field-blocknodepagetitle,
.layout>.col-12>.block-inline-blockbasic,
.layout>.col-12>.block-field-blocknodeproducttitle,
.layout>.col-12>.block-field-blocknodevacaturestitle,
.layout>.col-12>.block-field-blocknodeproductbody,
.layout>.col-12>.block-views-blockdownload-brochure-block-1,
.layout>.col-12>.block-field-blocknodeprojecten-overzichttitle,
.layout>.col-12>.block-field-blocknodeproductentitle,
.layout>.col-12>.block-field-blocknodeprojecten-overzichtbody,
.layout .col-lg-6:nth-child(2) .block-inline-blockbasic,
.block-field-blocknodeproductfield-usp,
.breadcrumbs .block-system-breadcrumb-block,
.layout>.col-lg-6>.block-webform-block,
.block-webform
{
    padding-left: 8.33333333%;
    padding-right: 8.33333333%;
}
*/

.layout > .col-lg-8 > .block-field-blocknodeprojecten-overzichtbody,
.layout>.col-12>.block-field-blocknodevacaturesbody,
.layout>.col-12>.block-field-blocknodevacaturesfield-formulier,
.block-views-blockvacatures-block-1,
.layout > .col-lg-8 > .block-views-blockproductvergelijker-block-2,
.layout > .col-lg-8 > .block-views-blockproductvergelijker-block-3,
.layout > .col-lg-8 > .block-views-blockproductvergelijker-block-4,
.layout > .col-lg-8 > .block-views-blockproductvergelijker-block-5
{
    padding-left:12.66666666%;
    padding-right: 12.66666666%;
}

.layout > .col-12 > .block-inline-blockbasic
{
    padding-left:16.66666666%;
    padding-right: 16.66666666%;
}

.slide-safaris .layout > .col-12 > .block-inline-blockbasic
{
    padding-left:8.33333333%;
    padding-right: 8.33333333%;
}


.layout > .col-12 > .block-inline-blockvideo
{
    padding-left:8.333333%;
    padding-right: 8.333333%;
    margin-bottom: 50px;
}

.layout > .col-12 > .block-views-blockprojecten-block-1,
footer .footer-container,
footer>.subfooter,
footer .subfooter_container,
footer .region-footer
{
    padding-left:8.333333%;
    padding-right: 8.333333%;
}



.layout > .col-12 > .block-inline-blockbasic h3,
.layout > .col-12 > .block-inline-blockbasic h2
{
    text-align: center;
}

.slide-safaris .layout > .col-12 > .block-inline-blockbasic h3
{
    text-align: left;
}

.layout > [class^="col-lg-"] > .block-inline-blockbasic h3,
.layout > [class^="col-lg-"] > .block-inline-blockbasic h2
{
    text-align: left;
}

.layout > .col-lg-8 > .block-inline-blockbasic
{
    padding-left:12.333333%;
    padding-right: 12.333333%;
}

.layout>.col-lg-7>.block-webform-block
{
    padding-left:29%
}

.divider .container
{
    position: relative;
    padding-bottom:100px;
}

.divider .container::after
{
    position: absolute;
    content: "";
    width: calc(86.666% + var(--bs-gutter-x, 0.75rem));
    height: 1px;
    background-color: #dd9a30;
    bottom: 0px;
    right: var(--bs-gutter-x, 0.75rem);
}


.hero-divider .layout>.col-12>.block-inline-blockbasic,
.hero-divider .block-block-content5c9fb2bd-a06c-43e8-b6b4-b301d688f798,
.block-inline-blockfoto-tekst-kader .field--name-body,
.view-projecten-cta .views-field-fieldset
{
    padding-left: 24.999999%;
    padding-right: 24.999999%;
}

.no-gutters .col-md-8 .block-field-blocknodepagebody
{
    display: flex;
    justify-content: flex-end;
    padding-right: 18.666666%;
}

.filters
{
    padding-right: 8.333333%;
}

.block-inline-blockfoto-tekst-kader .field--name-body,
.view-projecten-cta .views-field-fieldset
{
    padding-top:150px;
    padding-bottom: 150px;
}


.hero .layout>.col-12>.block-inline-blockbasic
{
    padding-right: 0px;
    padding-left:0px;
}


.layout .col-lg-6:nth-child(2) .block-inline-blockafbeelding-vierkant-
{
    padding-right:16.66666666% !important;
}

.layout .col-lg-6:nth-child(1) .block-inline-blockafbeelding-vierkant-,
.block-field-blocknodeproductfield-hoofdfoto
{
    padding-left:16.66666666% !important;
}

.layout>.col-lg-6>.block-webform-block,
.layout .col-lg-6 .block-inline-blockbasic,
.layout .col-lg-6:nth-child(2) .block-inline-blockbasic,
.layout>.col-lg-6>.block-field-blocknodepagebody
{
    padding-left: 16.66666666% !important;
    padding-right: 16.66666666% !important;
}

.layout.no-gutters .col-lg-6 .block-inline-blockbasic,
.view-projecten .views-row .views-field-fieldset-2
{
    padding-left: calc(8.33333333% + (var(--bs-gutter-x) * 0.25)) !important;
    padding-right: calc(8.33333333% + (var(--bs-gutter-x) * 0.25)) !important;
}



.layout>.col-lg-6>.block-webform-block
{
    padding-right: 0px;
}

.layout>.col-lg-6>.block-webform-block form,
.contact-container .block-inline-blockbasic
{
    padding-top:150px
}



.layout>.col-lg-6>.block-webform-block form::before
{
    content:"";
    position: absolute;
    top:0px;
    width:100vw;
    left:0px;
    height:1px;
    background-color:#577e76;
}


.node-203 .layout>.col-lg-6>.block-field-blocknodepagebody
{
    padding-right: 0px !important;
}

.node-203 .layout>.col-lg-6>.block-webform-block form
{
    padding-top:0px;
}

.node-203 .layout>.col-lg-6>.block-webform-block form::before
{
    display: none;
}

.menubg
{

    width:100%;
    z-index: 1000;
    background-color:#ffffff;
    padding-top:0px;
    padding-bottom: 0px;
    box-shadow: none;
    height: 130px;
    position: sticky;
    top:0px;
    z-index: 100;
    transition: all .5s ease;
    background-color: #50362d;
    overflow-x: hidden;
}

.path-frontpage .menubg
{
    position: fixed;
    background-color:transparent
}


.menubg.menu-scroll
{
    height:70px;
    background-color: #50362d
}

.menubg .container
{
    position: relative;
    display: flex;
}

.menubg .container .logo
{
    width:250px;
    transition: all .5s ease;
    left:var(--bs-gutter-x, 0.75rem);
    margin-top:25px;
}


.path-frontpage .menubg .container .logo
{
    width:400px;
}

.path-frontpage .logo img
{
    filter: brightness(0) saturate(100%) invert(100%); /* Standaard kleur (wit) */
}

.path-frontpage .menu-scroll .logo img
{
    filter: none;
}

.menubg.menu-scroll .container .logo
{
    width: 206px !important;
    margin-top: 13px;
}


.menubg .navigation
{
    margin-left: auto;
}

.btn-primary, .knop a
{
    display: inline-block;
    background-color:var(--button-background-color) !important;
    border-color:var(--blauw) !important;
    box-shadow: none !important;
    padding:15px 26px 12px 26px;
    color:var(--button-text-color) !important;
    text-transform: uppercase;
    border-radius: 3px;
    letter-spacing: 1px;
}



main .search-form .form-type-search
{
    width:calc(100% - 132px);
}

main .search-form 
{
    margin-top:80px;
    margin-bottom: 70px;
}


h1, h2
{
    font-family: var(--default-header-text);
    color:var(--default-header-color);
    font-weight: bold;
    font-size: 46px;
    line-height: 50px;
    margin-bottom: 20px;
    position: relative;
}

.path-frontpage h1
{
    color:#ffffff;
    font-size: 60px;
    line-height: 74px;
}

.header-homepage .block-block-content
{
    width:100%;
    max-width: 636px;
    color:#ffffff;
}

.header-homepage .block-content p
{
    color:#ffffff;
}

.view-project-details h1
{
    margin-bottom: 10px;
}

.block-field-blocknodeprojecten-overzichtfield-subtitel h2
{
    color:var(--default-text-color);
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 0px;
    font-weight: normal;
}

.responsive-menu-toggle-icon::before
{
    width:32px;
}

.responsive-menu-toggle-icon span.icon
{
    width:36px;
    top:18px;
}

.responsive-menu-toggle-icon::after
{
    width:24px;
    top:28px;
}

.responsive-menu-toggle-icon::before, .responsive-menu-toggle-icon::after, .responsive-menu-toggle-icon span.icon 
{
    left:0px;
}

.responsive-menu-toggle
{
    margin-top:14px;
}

.path-frontpage .responsive-menu-toggle-icon::before, .path-frontpage .responsive-menu-toggle-icon::after, .path-frontpage .responsive-menu-toggle-icon span.icon
{
    background:#fff;
}

.responsive-menu-toggle-icon::before, .responsive-menu-toggle-icon::after, .responsive-menu-toggle-icon span.icon,
.path-frontpage .menu-scroll .responsive-menu-toggle-icon::before, .path-frontpage .menu-scroll .responsive-menu-toggle-icon::after, .path-frontpage .menu-scroll .responsive-menu-toggle-icon span.icon
{
    background:var(--default-link-color);
}

.path-search main{
    padding-bottom: 100px;
}

.region-nav-main
{
    text-align: right;
}

.responsive-menu-toggle-icon span.label
{
    display: none;
}

.block-field-blocknodeproductenbody .field--name-body h2,
.block-field-blocknodeprojecten-overzichtbody .field--name-body h2,
.page-node-type-page .block-field-blocknodepagebody .field--name-body h2,
.page-node-type-vacatures .field--name-body h2,
.block-views-blockvacatures-block-1 h2,
.block-views-blockproductvergelijker-block-2 h2,
.block-views-blockproductvergelijker-block-3 h2,
.block-views-blockproductvergelijker-block-4 h2,
.block-views-blockproductvergelijker-block-5 h2
{
    margin-bottom: 0px;
    font-size: 22px;
    letter-spacing: normal;
    line-height: 25px;
}

.block-views-blockproductvergelijker-block-2 h2,
.block-views-blockproductvergelijker-block-3 h2,
.block-views-blockproductvergelijker-block-4 h2,
.block-views-blockproductvergelijker-block-5 h2
{
    margin-bottom: 10px;
}

.block-field-blocknodeproductenfield-usp h2,
.block-field-blocknodeproductenfield-downloads h2
{
    color:#000000;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 34px;
}

.block-field-blocknodeproductenfield-usp ul, .block-field-blocknodeproductenfield-usp li
{
    margin:0px;
    padding:0px;
    list-style: none;
    list-style-type: none;
}

.block-field-blocknodeproductenfield-usp li
{
    font-size: 18px;
    line-height: 37px;
    padding-left:38px;
    background-image:url('../images/icon-usp.svg');
    background-position: left top 4px;
    background-repeat: no-repeat;
}

.block-field-blocknodeproductenfield-downloads .file--application-pdf
{
    font-size: 18px;
    line-height: 37px;
    padding-left:38px;
    background-image:url('../images/icon-download.svg');
    background-position: left top 4px;
    background-repeat: no-repeat;
}

.block-field-blocknodeproductenbody .field--name-body .field--name-field-media-image
{
    margin-bottom: 40px;
    margin-top: 20px;
}

.usp-downloads
{
    height:fit-content;
    position: sticky;
    top:150px;
}


.wit h2
{
    color:var(--wit);
}

h3, .block-field-blocknodeprojecten-overzichtfield-subtitel
{
    color:#dd9a30;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 0px;
    line-height: normal;
}





.block-views-blockproductvergelijker-block-1 h2
{
    text-align: center;
    margin-top:150px;
    margin-bottom: 100px;
}

a, a:hover, .nav-link
{
    color: var(--default-link-color);
}

.field--name-body a,
.slick--view--projecten-homepage a,
.view-safaris a
{
    font-weight: bold;
    text-decoration: none;
    position: relative;
    padding-left:14px;
    background-image:url('../images/triangle.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 6px;
}

.field--name-body a::after,
.slick--view--projecten-homepage a::after,
.view-safaris a::after
{
    position: absolute;
    left:0px;
    bottom:-1px;
    content:"";
    width: 100%;
    height: 1px;
    background-color:#ff6b25;
}   

a.btn-pijl, .btn-pijl a
{
    background-image: url('../images/arrow-groen.svg');
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 34px;
}

.filters form
{
    position: relative;
}

.filters form::before,
.js-form-item-field-mogelijkheid-tot-aanmelden-value::before
{
  content:"Zoeken";
  font-family:  var(--default-header-text);
  font-size: 26px;
  font-weight: bold;
  line-height: 30px;
  color:#425b76;
  margin-bottom: 20px;
  display: block;
}

.js-form-item-field-mogelijkheid-tot-aanmelden-value::before
{
    content:"Belangstellende";
    margin-top:40px;
    width: 100%;
}

.filters fieldset legend
{
    margin:0px;
    padding:0px;
    border:none;
    font-family:  var(--default-header-text);
    font-size: 26px;
    font-weight: bold;
    line-height: 30px;
    color:#425b76;
    margin-bottom: 20px;
    background-color:transparent;
    margin-top:30px;
}

.filters label.option {
    display: inline;
    font-weight: normal;
    width: calc(100% - 44px);
    margin-left: 16px;
    line-height: 22px;
    padding-top:4px
}

.bef-exposed-form .form--inline .form-item {
    float: none;
    display: flex;
    flex-wrap: wrap;
}

.filters .js-form-type-checkbox
{
    margin-bottom: 20px !important;
}

.filters fieldset
{
    border:none
}

.filters fieldset .fieldset-wrapper
{
    border:none;
    padding:0px;
    margin:0px;
}

.filters .form-control, .filters .form-control:focus,
.webform-submission-form .form-control, .webform-submission-form .for-control:focus,
.select2-container--default .select2-selection--single
{
    box-shadow: none !important;
    border: none !important;
    padding: 20px;
    border-radius: 0px;
    font-size: 18px;
    margin-bottom: 20px;
    background-color: #ffffff;
    padding-top: 26px;
    padding-bottom: 14px;
    border-bottom: solid 2px #ff6b25 !important;

}

.select2-container--default .select2-selection--single
{
    height: 67px;
}

.webform-submission-form .js-form-type-textarea  .form-control
{
    border:none!important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable
{
    background-color:#425b76;
}

.select2-container--open .select2-dropdown
{
    background-color: #f6f6f6;
}

.select2-results__option
{
    padding-left:20px;
    padding-right:20px;
}

.select2-container--open .select2-dropdown
{
    top:-20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow
{
    top:21px;
    right:11px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container .select2-selection--single .select2-selection__rendered
{
    padding:0px !important;
    color:var(--default-text-color) !important;
    line-height: 18px;
}




.js-form-type-webform-document-file .webform-document-file,
.js-form-type-webform-document-file .description
{
    background-color:#eee;
    padding:20px;
}

.webform-submission-form .form-required::after
{
    display: none;
}

.webform-submission-form .form-control::placeholder
{
    color:#bebebe;
}

.webform-submission-form .form-control:focus
{
    border-color: #ff6b25 !important;
    box-shadow: none !important;
}


main,
footer,
.sticky_footer
{
    position: relative;
}

main::before,
footer::after,
.sticky_footer::before
{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    top:0px;
    left:0px;
    background-color:#000;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease;
    
}

main.menuopen::before,
footer.menuopen::after,
.sticky_footer.menuopen::before
{
    opacity: 0.5;
    visibility: visible;
    transition: all .3s ease;
}

.main-nav
{
    position: absolute;
    top: 0px;
    z-index: 100;
    width: 100%;
}

.main-nav .logo
{
    width:244px;
    margin-top:20px;
}

#layout-builder .main-nav
{
    position: relative;
}

.layout.no-gutters .block-inline-blockbasic .field--name-body,
.view-projecten .views-row .views-field-fieldset-2 .field-content
{
    width:100%;
    max-width: 416px;
    display: block;
}

.layout.no-gutters .col-lg-6:nth-child(1) .block-inline-blockbasic .field--name-body,
.view-projecten .views-row:nth-child(even) .views-field-fieldset-2 .field-content
{
    margin-left: auto;
}

/*
.col-lg-8 
{
    position: relative;
    padding-bottom: 0px;
}

.col-lg-8::after
{
    content:"";
    width:100vw;
    height:1px;
    background-color:#577e76;
    position: absolute;
    bottom:0px;
    right:calc(12.5% + (var(--bs-gutter-x) * 0.25));
}
*/

.wrapper-projectinformatie .container
{
    position: relative;
}

.wrapper-projectinformatie .container::before
{
    width:100vw;
    height: calc(100% - 100px);
    position: absolute;
    left: var(--bs-gutter-x, 0.75rem);
    top:100px;
    content:"";
}




.no-gutters .col-lg-6:nth-child(1) .block-inline-blockafbeelding
{
    padding-right: 12px;
}

.no-gutters .col-lg-6:nth-child(2) .block-inline-blockafbeelding
{
    padding-left: 12px;
}


.menu-nav
{
    margin-left:auto;
    margin-top:20px;
}

.node__content>div
{
    padding-top:0px;
    padding-bottom: 0px;
    margin-bottom: 100px;
    position: relative;
}

.node__content>div.bg-color
{
    padding-top:100px;
    padding-bottom: 100px;
}

.path-frontpage .node__content>div.divider
{
    margin-bottom: 50px;
}

.node__content>div.mb-50
{
    margin-bottom: 50px;
}

.node__content > div:last-child
{
    margin-bottom: 0px;
}

.border-top-left::before
{
    content:"";
    position: absolute;
    left:0px;
    top:0px;
    width:55%;
    height:5px;
    background-color:#b58e75;
}

.border-bottom-right::after
{
    content:"";
    position: absolute;
    right:0px;
    bottom:0px;
    width:55%;
    height:5px;
    background-color:#b58e75;
}


.node__content>div.hero-projecten
{
    margin-bottom: 54px;
}


.node__content>div.hero, .hero
{
    position: relative;
    background-image: url('../images/hero.jpg');
    background-size: cover;
    background-position: center center;
    padding-bottom: 160px;
    height:calc(100vh - 130px);
}


.node__content>div.hero::before
{
    content:"";
    position: absolute;
    top:0px;
    right:0px;
    width:50%;
    height:100%;
    mix-blend-mode: multiply;
    background-image: linear-gradient(to left, #4b4b53 0%, #fff);
}


.hero .block-inline-blockbasic .field--name-body
{
    width:100%;
    max-width: 350px;
    color:#ffffff;
}

.hero .block-inline-blockbasic .field--name-body h1
{
    font-weight:bold !important;
    color:#ffffff;
    font-size: 50px;
    line-height: 52px;
    margin-bottom: 0px;
}

.path-frontpage .hero .container
{
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
}

.path-frontpage .hero .container .col-12
{
    display: flex;
    width:100%;
    align-items: flex-end;
}

.path-frontpage .hero .container .col-12 .block-inline-blockbasic:nth-child(2)
{
    margin-left: auto;
}

.horizontal-menu
{
    text-align: right;
}

.horizontal-menu > li
{
    padding:0px;
}



.horizontal-menu > li > a, .horizontal-menu > li > span
{
    padding:0px;
    height: 78px;
    line-height: 88px;
    color:#ffffff;
    font-weight: normal;
    text-transform: uppercase;
    margin-left:10px;
    margin-right: 10px;
    background-color:transparent !important;
    transition: all .5s ease;
    letter-spacing: 1px;
}

.menu-scroll .horizontal-menu > li > a, .menu-scroll .horizontal-menu > li > span
{
    height: 70px;
    line-height: 70px;
    font-size: 16px;
}



.horizontal-menu > li:nth-child(1)::after {
    width: 100vw;
    position: absolute;
    height: 2px;
    background-color: #ffffff;
    content: "";
    left: 0px;
    bottom: 0px;
    z-index: 9;
  }

.horizontal-menu li li
{
    float: none;
    width: auto !important;
    padding-top:0px;
    margin-bottom: 10px;
    position: static;
}

.horizontal-menu>li>ul>li
{
    margin-bottom: 20px;
}

.horizontal-menu>li>ul>li>a,
.horizontal-menu>li>ul>li>span,
.horizontal-menu>li>ul>li>ul
{
    background-position: top left;
    background-repeat: no-repeat;
}


.btn-zoeken.search-open
{
    background-image:url('../images/icon-close.svg');
    background-size: 70%;
}



.horizontal-menu>li>.sub-nav
{
    background-color: #f6f6f6;
    top: 80px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease;
    box-shadow: 0px 10px 9px -6px rgba(0, 0, 0, 0.2);
    left: auto;
    padding: 20px;
    margin-left: 0px;
    padding-bottom: 0px;
    width:max-content;
}

.menu-scroll .horizontal-menu>li>.sub-nav
{
    top:54px;
}


.menubg a.is-active,
ul.menu a.is-active,
.menu-item--active-trail>span
{
    color: #ff6b25 !important;
  font-weight: normal !important;
}

.menubg a.is-active::before
{
    content:"";
    width:100%;
    bottom:0px;
    height:2px;
    background-color:#ff6b25;
    position: absolute;
    left:0px;
    z-index: 10;
}


.horizontal-menu>li:hover>ul{
   display: block;
    opacity: 1;
    transition: all .3s ease;
    visibility: visible;
}

.select2-container--default .select2-results>.select2-results__options
{
    max-height: 450px;
}

.horizontal-menu .sub-nav .sub-nav
{
    display: block !important;
    position: relative;
    margin-left:0px;
}


.horizontal-menu > li ul a
{
    font-size: 18px;
    padding:0px;
    letter-spacing: 0px;
    color:#375162;
}

.menu-scroll .horizontal-menu > li ul a
{
    font-size: 16px;
}


.menu-item::marker
{
    display: none !important;
}

.menu-item--expanded
{
    list-style-type: none;
    list-style-image: none;
}

.horizontal-menu>li:nth-child(1)
{
    position:  relative !important;
}


.hero-divider .block-inline-blockbasic,
.hero-divider .block-block-content5c9fb2bd-a06c-43e8-b6b4-b301d688f798
{
    position: relative;
    padding-top:150px;
    padding-bottom: 150px;;
}

.hero-divider .block-inline-blockbasic::before,
.hero-divider .block-block-content5c9fb2bd-a06c-43e8-b6b4-b301d688f798::before
{
    content:"";
    height:100%;
    width: 100vw;
    background-image: url('../images/hero-divider.jpg');
    background-size: cover;
    background-position: center center;
    position: absolute;
    right:0px;
    top:0px;
    z-index: 0;
}

@supports (background-image: url('../images/hero-divider.webp')) 
{
    .hero-divider .block-inline-blockbasic::before {
        background-image: url('../images/hero-divider.webp'); 
    }

    .node__content>div.hero, .hero {
        background-image: url('../images/hero.webp'); 
    }
    
}



.hero-divider .block-inline-blockbasic::after,
.hero-divider .block-block-content5c9fb2bd-a06c-43e8-b6b4-b301d688f798::after
{
    content:"";
    height:100%;
    width: 100vw;
    mix-blend-mode: multiply;
    background-image: linear-gradient(to bottom, #4d4d4c, #4d4d4c);
    position: absolute;
    right:0px;
    top:0px;
    z-index: 1;
}

.hero-divider .block-inline-blockbasic .field--name-body,
.hero-divider .block-block-content5c9fb2bd-a06c-43e8-b6b4-b301d688f798 .field--name-body,
.block-inline-blockfoto-tekst-kader .field--name-body,
.view-projecten-cta .views-field-fieldset
{
    position: relative;
    z-index: 10;
}

.hero-divider .block-inline-blockbasic .field--name-body h2, .hero-divider .block-inline-blockbasic .field--name-body p, .hero-divider .block-inline-blockbasic .field--name-body h3,
.hero-divider .block-block-content5c9fb2bd-a06c-43e8-b6b4-b301d688f798 .field--name-body h2, .hero-divider .block-block-content5c9fb2bd-a06c-43e8-b6b4-b301d688f798 .field--name-body p,
.block-inline-blockfoto-tekst-kader .field--name-body p, .block-inline-blockfoto-tekst-kader .field--name-body h2, .view-projecten-cta .views-field-fieldset p, .view-projecten-cta .views-field-fieldset h2
{
    color:#ffffff;
}

.hero-divider h2 strong,
.block-inline-blockfoto-tekst-kader .field--name-body h2 strong
{
    color:#b58e75 !important;
}

.intro-pagina p
{
    width:60%
}

.col-usp .field--name-body a
{
    display: block;
    color:#000;
    font-size: 18px;
    line-height: 37px;
    margin-bottom: 11px;
    padding-left:38px;
    background-position: left center;
    background-repeat: no-repeat;
}



footer
{
    padding-top:0px;
    padding-bottom: 50px;
    position: relative;
    margin-top:100px;
    background-color: #593a2f;
    background-image:url('../images/Modderpatroon.svg');
    background-size:cover;
    padding-top:100px;
}

footer::before
{
    content: "";
    width: 1320px;
    height: 53px;
    background-image: url('../images/olifanten-silhouette-bruin.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    top: -52px;
    left: 50%;
    transform: translateX(-50%);
}

footer.safaris-last
{
    margin-top:0px;
}

#block-memorise-footerlogos .field--name-body
{
    display: flex;
}

#block-memorise-footerlogos .field--name-body article
{
    margin-right: 10px;
}

#block-memorise-footerlogos .field--name-body article img
{
    height:90px;
    width:auto;
}

#block-memorise-footerteladdress
{
    width:100%;
    border-bottom: solid 1px #ffffff;
    padding-bottom: 60px;
}

.region-subfooter
{
    border-top:solid 1px #ffffff;
    padding-top:30px;
}

footer>.container .col-12 .footer-container
{
    display: flex;
    width:100%;
    padding-bottom: 60px;
    margin-top:52px;
    
}

footer>.container .col-12 .region
{
    margin-right: 38px;
}

footer>.container .col-12 .region-footer4
{
    margin-right: 0px;
    margin-left: auto;
}

#block-memorise-footergetintouch
{
    padding-left:60px;
    border-left:solid 1px #ffffff;
}

footer>.container .col-12 .region-footer4 p
{
    max-width: 270px;
}

footer>.container .col-12 .region-footer4 p.mail
{
    max-width: none;
}

footer a, footer span,
.contact-form a
{
    font-size: 16px !important;
    color:#ff6b25 !important;
    font-weight: bold !important;
    line-height: 24px !important;
    background-image: none !important;
    padding:0px !important;
}


.contact-form p
{
    margin-bottom: 10px;
}


footer a::before, footer a::after,
.contact-form a::after
{
    display: none;
}

footer li
{
    margin-bottom: 10px;
}

.dropdown-toggle::after
{
    display: none;
}

#block-memorise-languageswitcherlangcode ul
{
    display: flex;
    list-style: none;
    text-transform: uppercase;
    font-size: 14px;
    top:2px;
    margin-bottom: 0px;
    position: relative;
}

#block-memorise-languageswitcherlangcode ul li:first-child
{
    padding-right: 7px;
    margin-right: 7px;
    position: relative;
    
}

#block-memorise-languageswitcherlangcode ul li:first-child::after
{
    content: "";
    width: 1px;
    height: 12px;
    background-color: #393939;
    position: absolute;
    right: 0px;
    top: 4px;
}


.region-breadcrumb
{
    margin-top:50px;
    margin-bottom: 50px;
}

.region-breadcrumb a
{
    color:#181818 !important;
}

.breadcrumbs._none, .breadcrumb
{
    margin-bottom: 0px;
}

.layout-builder__section .breadcrumb, .layout-builder__section .breadcrumbs._none
{
    height: auto;
    line-height: normal;
}

.breadcrumb li
{
    font-size: 14px;
}

.block-inline-blockbasic ul, .block-inline-blockbasic ul li
{
    margin:0px;
    padding:0px;
    list-style: none;
}


.col-usp ul li
{
    font-size: 24px;
    color:#000000;
    font-weight: 300;
    margin-bottom: 30px;
    background-position: top 2px left;
}

.field--name-body ul, .field--name-body li,
.field-content ul, .field-content li
{
    list-style-type: none;
    padding:0px;
    margin:0px;
}

.field--name-body ul,
.field-content ul
{
    margin-bottom: 30px;
}

.field--name-body li,
.field-content li,
.block-inline-blockbasic ul li
{
    padding-left: 24px;
    background-image: url('../images/bullet.svg');
    background-repeat: no-repeat;
    background-position: top 7px left;
    margin-bottom: 10px;
}

.block-inline-blockbasic ul li:last-child
{
    margin-bottom: 40px;
}





.block-field-blocknodevacaturesfield-video video,
.block-views-blockvacatures-block-1 video
{
    width:100%;
    height: auto;
}

.view-vacatures .views-row
{
    border-bottom: solid 1px #848788;
    margin-bottom: 20px;
}

.view-vacatures .views-row .views-field-field-formulier
{
    margin-bottom: 40px;
}

.view-vacatures .views-row .views-field-title
{
    background-image:url('../images/arrow-down.svg');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:36px;
    cursor: pointer;
}

.view-vacatures .views-row .views-field-title.vacature-open
{
    background-image:url('../images/arrow-up.svg');
}

.view-vacatures .views-row .views-field-body
{
    margin-top:40px;
}

.view-vacatures .views-field-fieldset
{
    display: none;
}




.view-fotoslider .view-content .slick-slide {
    position: relative;
    width:auto !important
  }

  .view-fotoslider .view-content .slick-slide
  {
    margin-left:1px;
    margin-right: 1px;
  }

  .view-fotoslider .view-content .slick-slide *
  {
    height:100%;
  }
  

  .view-fotoslider .view-content .slick-slide img
  {
    height:600px;
    width:auto !important
  }
  

.block-field-blocknodeproductbody, .field--name-field-usp>.field__item:last-child
{
  position:relative;
  margin-bottom:40px;
}

.field--name-field-usp
{
    padding-bottom: 40px;
}

.page-node-type-product .field--name-field-foto-s,
.page-node-type-projecten-overzicht .field--name-field-foto-s
{
    display: flex;
    flex-wrap: wrap;
}

.page-node-type-product .field--name-field-foto-s>.field__item,
.page-node-type-projecten-overzicht .field--name-field-foto-s>.field__item
{
  width:calc(50% - 18px);
  margin-right:24px;
  margin-bottom: 24px;
}

.page-node-type-product .field--name-field-foto-s>.field__item.views-row:nth-child(even),
.page-node-type-projecten-overzicht .field--name-field-foto-s>.field__item:nth-child(even)
{
    margin-right: 0px;
}

.view-diensten
{
    padding-left: 8.33333333%;
    padding-right: 8.33333333%;
    margin-top:80px;
}

.block-inline-blockfoto-tekst-kader .field--name-field-foto-1,
.view-projecten-cta .views-field-field-call-to-action-achtergrond
{
    position: absolute;
    height: 100%;
    right: 0px;
    width: 100vw;
    top: 0px;
    z-index: 0;
}

.block-inline-blockfoto-tekst-kader .field--name-field-foto-1::before,
.view-projecten-cta .views-field-field-call-to-action-achtergrond::before
{
    width:100%;
    height: 100%;
    content:"";
    position: absolute;
    top:0px;
    right:0px;
    z-index: 1;
    mix-blend-mode: multiply;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));

}

.block-inline-blockfoto-tekst-kader .field--name-field-foto-1 *, .view-projecten-cta .views-field-field-call-to-action-achtergrond .field--name-field-media-image,
.view-projecten-cta .views-field-field-call-to-action-achtergrond .field--name-field-media-image *,
.view-projecten-cta .views-field-field-call-to-action-achtergrond .field-content,
.view-projecten-cta .views-field-field-call-to-action-achtergrond .field-content .media
{
    height:100%;
    width:100%;
}

.block-inline-blockfoto-tekst-kader .field--name-field-foto-1 img,
.view-projecten-cta .views-field-field-call-to-action-achtergrond img
{
    object-fit: cover;
    object-position: center center;
}



.view-projecten .views-field-field-hoofdfoto,
.hero .block-inline-blockafbeelding,
.no-gutters>.col-12>.block-inline-blockafbeelding,
.layout>.col-12>.block-inline-blockafbeelding::before,
.no-gutters>.col-12>.block-field-blocknodepagefield-hoofdfoto,
.view-product-categorieen .views-row .views-field-field-hoofdfoto,
.no-gutters>.col-12>.block-field-blocknodeprojecten-overzichtfield-hoofdfoto
{
    position: relative;
}

.view-projecten .views-row
{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.hero .block-inline-blockafbeelding::before
{
    display: none;
}

.topbar .region-topbar {
    display: flex;
    color: #ffffff !important;
  }

#block-memorise-contacttopbar
{
    width:100%;
}

.topbar .region-topbar .adres, .topbar .region-topbar .tel a, .topbar .region-topbar .mail a, .topbar .region-topbar .whatsapp a {
    background-image: url('../images/icon-adres.svg');
    background-size: 20px 20px;
    background-position: left top 2px;
    background-repeat: no-repeat;
    padding-left: 26px;
  }

  .topbar .region-topbar .contactgegevens {
    display: flex;
    margin-left: auto;
  }


  .topbar .region-topbar .tel a {
    background-image: url('../images/icon-phone.svg');
    margin-left: 20px;
  }

  .topbar .region-topbar .mail a {
    background-image: url('../images/icon-mail.svg');
    margin-left: 20px;
  }


  .topbar .region-topbar .whatsapp a {
    background-image: url('../images/icon-whatsapp.svg');
    margin-left: 20px;
    background-size: 24px;
    background-position: top left;
  }

.view-projecten .slick-slide, .slick--view--projecten .slick__slide
{
    width:416px;
    margin-right: 5px;
    margin-left:5px;
}

.block-inline-blockfotoslider .slick-slide
{
    width: auto !important;
    margin-right: 5px;
    margin-left:5px;
}

.block-inline-blockfotoslider .slick-slide img
{
    height: 600px;
    width:auto !important
}

.view-projecten .project-omschrijving
{
    padding:43px 20px 40px 20px;
    border: solid 1px #eee;
    border-top:none;
}

.view-projecten .project-omschrijving h3
{
    font-size:24px;
    line-height:normal;
    margin-bottom: 40px;
    min-height: 94px;
}

.view-projecten .project-omschrijving .views-field-field-quote
{
    font-style: italic;
    margin-bottom: 50px;
}

.view-product-categorieen .views-row .views-field-field-hoofdfoto::before
{
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.view-projecten .views-row
{
    margin-bottom: 150px;
}

.view-projecten .views-row:nth-child(odd) .order-2
{
    order:1 !important;
}

.view-projecten .views-row:nth-child(odd) .order-1
{
    order:2 !important;
}

.project-header
{
    margin-top:-50px;
    margin-left:50px;
    padding:40px;
    padding-top:16px;
    color:#ffffff;
    position: relative;
}

.project-header h2
{
    margin-bottom: 0px;
}

.project-header .subtitel
{
    margin-bottom: 20px;
}

.project-header::before
{
    content:"";
    width:100%;
    height: 100%;
    top:0px;
    position: absolute;
    left:0px;
    background-color:var(--rood);
    mix-blend-mode: multiply;
}

.project-body
{
    padding-top:50px;
}

.container-bottom
{
    margin-left: auto;
}

.container-bottom .text-formatted
{
    width:calc(72% - 50px);
    margin-left:auto;
    margin-top:65px;
    margin-right: 44px;
}

.block-img-text-right
{
    margin-left:-46px;
}




footer .navbar-nav a
{
    color: var(--default-link-color) !important;
    font-weight: normal !important;
}

footer .region-footer
{
    display: flex;
    flex-direction: row;
}

footer .region-footer #block-memorise-algemeen
{
    margin-right: 135px;
    margin-left:auto;
}

footer .region-footer #block-memorise-algemeen .nav-item
{
    margin-bottom: 5px;
}

#block-memorise-footeradres p
{
    line-height: 30px;
}



.region-footer #block-memorise-footeradres img
{
    margin-bottom: 20px;
}

footer .navbar-nav .nav-link
{
    padding:0px !important;
}

.footer_tel_address
{
    display: flex;
}

.footer_tel_address .footer_tel
{
    margin-right: 36px;
}

footer .label
{
    font-weight: normal;
    color:#ffffff;
    display: block;
    line-height: 40px;
    margin-bottom: 8px;
}

footer h5, footer h2
{
    margin-bottom: 21px;
    font-size: 16px;
    color: #fff !important;
    text-transform: uppercase;
    line-height: 38px;
    font-weight: 600;
}

footer h5 a
{
    color:#bebebe !important;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.region-subfooter
{
    display: flex;
    flex-wrap: wrap;
}



.subfooter .region-subfooter
{
    margin-top:10px;
    font-size: 14px !important;
    color:#181818;
}

.subfooter .region-subfooter  a,
.subfooter .region-subfooter  span
{
    color:#181818 !important;
    font-size: 14px !important;
}

#block-memorise-footerlogo img
{
    width:150px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(100%);
}

#block-memorise-blokcopyright
{
    height: 24px;
    line-height: 24px;
    margin-left:auto;
    color:#ffffff;
}

#block-memorise-memorise
{
    width:100%;
    margin-top:20px;
    text-align: right;
    font-size: 14px;
    margin-bottom: 38px;
}

#block-memorise-memorise a
{
    background-image: none;
    padding:0px;
    color:var(--default-text-color);
    font-weight: normal;
}

#block-memorise-memorise a::after
{
    display: none;
}

footer .navbar-nav .nav-link.footer-facebook
{
    margin-top:20px;
}

footer .navbar-nav .nav-link.footer-facebook, footer .navbar-nav .nav-link.footer-linkedin
{
    padding-left:34px !important; 
    background-image:url('../images/facebook.svg');
    background-position: left;
    background-repeat: no-repeat;
}

footer .navbar-nav .nav-link.footer-linkedin
{
    background-image:url('../images/LinkedIn.svg');
    background-position: top -2px left;
}

#block-memorise-blokcopyright a
{
    margin-right: 16px;
}

.view-product-categorieen .view-content
{
    display: flex;
    flex-wrap: wrap;
}

#block-memorise-support img
{
    width:120px;
    height: auto;
}

.view-product-categorieen .view-content .views-row
{
    width:calc(25% - 18px);
    margin-right:24px;
    margin-bottom: 50px;
    background-color:#ebebeb;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-radius: 7px;
}

.view-product-categorieen .view-content .views-row .views-field-field-hoofdfoto img
{
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.view-product-categorieen .view-content .views-row:nth-child(4n+4)
{
    margin-right: 0px;
}

.view-product-categorieen .view-content .views-field-name,
.view-product-categorieen .view-content .views-field-title
{
    margin-top:20px;
    margin-bottom: 40px;
    text-align: center;
    padding-left:20px;
    padding-right: 20px;
}

.view-product-categorieen .view-content .views-field-name a,
.view-product-categorieen .view-content .views-field-title a
{
    color:#004364;
    font-size: 26px;
    line-height: 28px;
    font-weight: bold;
}

.view-product-categorieen .views-field-view-taxonomy-term,
.view-product-categorieen .views-field-view-node
{
    margin-top:auto;
    text-align: center;
}

/*
a.external-link
{
    position: relative;
}

a.external-link::after
{
    content:"";
    width:10px;
    height: 10px;
    position: absolute;
    top:-5px;
    right:-5px;
    background-image: url('../images/external-link-icon.svg');
    background-size: contain;
}
    */

.product-container .layout .col-lg-6:nth-child(1)
{
  order:1;
}

.product-container .layout .col-lg-6:nth-child(2)
{
  order:0;
}

.view-team .group-wrapper-rows
{
    display: flex;
    flex-wrap: wrap;
}

.view-team .group-wrapper-rows .views-row
{
    width:calc(25% - 18px);
    margin-right: 24px;
    margin-bottom: 50px;
    background-color:#ebebeb;
    border-radius: 7px;
}

.view-team .group-wrapper-rows
{
    margin-bottom: 50px;
}

.view-team .group-wrapper-rows .views-row:nth-child(4n)
{
    margin-right: 0px;
}

.view-team .views-row .contact-gegevens
{
    padding:20px 20px 40px 20px;
} 

.view-team .views-row .views-field-title
{
    font-size: 26px;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 48px;
    color:#004364;
}

.view-team .views-row .views-field-field-functie
{
    font-size: 20px;
    margin-bottom: 40px;
}

.view-team .views-row .views-field-field-telefoonnummer
{
    margin-bottom: 10px;
}

.view-team .views-row .views-field-field-hoofdfoto
{
   position: relative;
}

.view-team .views-row .views-field-field-hoofdfoto::before
{
    content: "";
    width: 100%;
    height: 20px;
    top: 0px;
    position: absolute;
    left: 0px;
    background-color: var(--rood);
    mix-blend-mode: multiply;
    z-index: 1;
}

.field--name-field-quote
{
    color:var(--default-header-color);
    font-size:22px;
    line-height: 42px;
    font-style: italic;
    padding-bottom: 60px;
    background-image:url('../images/quote.svg');
    background-position: bottom left;
    background-repeat: no-repeat;
    margin-bottom: 33px;
}

.field--name-field-naam
{
    color:var(--default-header-color);
    font-weight: bold;
}



#block-memorise-searchform
{
    position: absolute;
    right: 55px;
    height: 90px;
    top: 0px;
    padding-top:28px;
    width:0px;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease, visibility .2s ease, width .5s ease;
}

#block-memorise-searchform.search-open
{
    opacity: 1;
    visibility: visible;
    transition: opacity .2s ease, visibility .2s ease, width .5s ease;
}

#block-memorise-searchform .form-item
{
    width:100%;
}

#block-memorise-searchform #edit-actions
{
    position: absolute;
    right:10px;
    top:31px;
}

.view-zoeksuggesties h2
{
    font-size: 16px;
    margin-bottom: 0px;
    font-style: italic;
    letter-spacing: normal;
    font-weight: normal;
    line-height: 38px;
    margin-top: 20px;
}

.view-zoeksuggesties a 
{
    color:#000000;
    line-height: 30px;
}

.view-zoeksuggesties
{
    background-color:#ffffff;
    padding-left:20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.view-zoeksuggesties .view-content, .view-zoeksuggesties .view-content .views-row
{
    display: block;
}

#block-memorise-views-block-zoeksuggesties-block-1
{
    visibility: hidden;
    opacity: 0;
}

.search-open #block-memorise-views-block-zoeksuggesties-block-1
{
    visibility: visible;
    opacity: 1;
    transition: all 0.1s ease;
    transition-delay:.5s;
    width:100%;
}

.search-open #block-memorise-views-block-zoeksuggesties-block-1>div,
.search-open #block-memorise-views-block-zoeksuggesties-block-1 .view-zoeksuggesties
{
    width:100%;
}

.block-inline-blockafbeelding-tegen-zijkant-geplakt
{
    width: calc(100% + (100vw - 1272px) /2);
}

.left-stick .block-inline-blockvideo
{
    width: calc(100% + (100vw - 1272px) /2);
    float:right;
}

.block-inline-blockvideo video
{
    width:100%;
    height: auto;
}


.block-field-blocknodeprojecten-overzichtfield-categorie
{
    font-family: var(--default-header-text);
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 10px;
}

.term-167 .block-field-blocknodeprojecten-overzichtfield-categorie
{
    color:#749b4e;
}

.term-167 .wrapper-projectinformatie .container::before,
.project-slide-overzicht.term-id-167,
.view-projecten-overzicht .term-id-167
{
    background-color:#eef2e9;
}


.term-171 .block-field-blocknodeprojecten-overzichtfield-categorie
{
    color:#815631;
}


.term-171 .wrapper-projectinformatie .container::before,
.project-slide-overzicht.term-id-171,
.view-projecten-overzicht .term-id-171
{
    background-color:#ede8e4;
}

.project-overzicht
{
    padding:40px;
    padding-bottom: 50px;
    display: flex;
  flex-direction: column;
}

.logo-omschrijving .views-row
{
    display: flex;
}

.logo-omschrijving .views-row .views-field-field-logo
{
    width:160px;
    margin-right: 60px;
}

.logo-omschrijving .views-row .views-field-body
{
    width:calc(100% - 220px);
}

.logo-omschrijving .views-row .views-field-body.logo-id-
{
    width: 100%;
    margin-left:8.33333333%;
}

main
{
    background-image:url('../images/page-bg@2x.png');
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    padding-top:100px;
    position: relative;
}

main::after
{
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-image: linear-gradient(to top, #fff 2%, rgba(213, 177, 113, 0) 63%);
    z-index: 0;
}

main>div
{
    position: relative;
    z-index: 1;
}

.path-frontpage main
{
    background-image: none;
    padding-top:0px;
}

.homepage-start
{
    background-image:url('../images/page-bg@2x.png');
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    padding-top:100px !important;
    position: relative;
}

.bg-gradient
{
    position: relative;
}

.homepage-start::before,
.bg-gradient::before
{
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-image: linear-gradient(to top, #fff 2%, rgba(213, 177, 113, 0) 63%);
}

.block-views-blockprojecten-homepage-block-1 h2
{
    text-align: center;
    margin-bottom: 30px;
}

.block-views-blockprojecten-homepage-block-1 h2::before
{
    content:"Let's adventure";
    font-size: 14px;
    color:#dd9a30;
    width:100%;
    display: block;
    line-height: normal;
    font-weight: normal;
}

.slick--view--projecten-homepage .slick-track
{
    padding-bottom: 20px;
    padding-top:20px;
    margin-left:50px;
}

.slick--view--projecten-homepage .slick-slide
{
    width:416px !important;
    margin-left:25px;
    margin-right: 25px;
    position: relative;
    background-color:#ffffff;
    border-radius: 9px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
}

.slick-slide img
{
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.slick--view--projecten-homepage .slick-slide .slick__slide
{
    display: flex !important;
    flex-wrap: wrap;
    min-height: 770px;
    flex-direction: column;
    align-content: flex-start;
}

.slick--view--projecten-homepage .views-field-field-subtitel
{
    width:calc(100% - 80px);
    margin-left:40px;
    margin-right: 40px;
    margin-top:42px;
    color:#dd9a30;
}

.slick--view--projecten-homepage .views-field-title
{
    font-size: 20px;
    color:var(--default-header-color);
    font-weight: bold;
    width:calc(100% - 80px);
    margin-left:40px;
    margin-right: 40px;
    margin-bottom: 16px;
    min-height: 55px;
}

.slick--view--projecten-homepage .views-field-field-highlights
{
    width:calc(100% - 80px);
    margin-left:40px;
    margin-right: 40px;
}

.slick--view--projecten-homepage .views-field-field-highlights .views-label
{
    color:#dd9a30
}

.slick--view--projecten-homepage .views-field-views-conditional-field,
.slick--view--projecten-homepage .views-field-view-node
{
    margin-top:auto;
    margin-left:40px;
    margin-right: 40px;
    margin-bottom: 40px;
}

.slick--view--projecten-homepage .slick-slide .project-slide-overzicht .views-field-body
{
    margin-top:auto;
}

.slick--view--projecten-homepage .slick-slide .project-slide-overzicht .views-field-title,
.slick--view--projecten-homepage .slick-slide .project-slide-overzicht .views-field-field-plaats,
.view-projecten-overzicht .views-field-title,
.view-projecten-overzicht .views-field-field-plaats
{
    font-family: var(--default-header-text);
    font-weight: bold;
    font-size: 25px;
    line-height: 30px;
}

.slick--view--projecten-homepage .slick-slide .project-slide-overzicht .views-field-field-plaats,
.view-projecten-overzicht .views-field-field-plaats
{
    margin-bottom: 10px;
}

.slick--view--projecten-homepage .slick-slide .project-slide-overzicht .views-field-field-subtitel,
.view-projecten-overzicht .views-field-field-subtitel
{
    font-family: var(--default-header-text);
    font-size: 18px;
    line-height: 32px;
    text-transform: uppercase;
}

.slick--view--projecten-homepage .views-field-views-conditional-field-1
{
    margin-top:55px;
}

.view-projecten-overzicht .views-field-field-subtitel
{
    margin-bottom: 32px;
}

.view-projecten-overzicht .views-field-title,
.view-projecten-overzicht .views-field-field-plaats,
.view-projecten-overzicht .views-field-field-subtitel,
.view-projecten-overzicht .views-field-view-node,
.view-projecten-overzicht .views-field-views-conditional-field
{
    margin-left:40px;
    margin-right: 40px;
}

.view-projecten-overzicht .views-field-title
{
    margin-top:40px;
}

.view-projecten-overzicht .views-field-view-node,
.view-projecten-overzicht .views-field-views-conditional-field
{
    margin-top:auto;
    margin-bottom: 50px;
}



.view-projecten-overzicht .views-field-view-node-1 a,
.slick--view--projecten-homepage .views-field-view-node-1 a,
.view-projecten-overzicht .link-project a,
.slick--view--projecten-homepage .link-project a
{
    position: absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    text-indent:-99999px;
    z-index: 10;
    background-image: none;
    padding:0px;
}

.slick-dots
{
    width:1000px;
    margin:auto;
    margin-top:50px;
    padding:0px;
}

.slick-dots li
{
    display: inline-block;
    padding:0px;
    list-style-type: none;
}

.slick-dots li button
{
    text-indent: -9999px;
    width:10px;
    height: 10px;
    background-color:#b2d5f2;
    border:none !important;
    margin-right: 10px;
    border-radius: 50%;
    transition: all .5s ease;
}

.slick-dots li.slick-active button
{
    width:29px;
    background-color:#375162;
    border-radius: 7px;
    transition: all .5s ease;
}

.videoheader .layout > .col-12 > .block-inline-blockbasic
{
    padding-right: 0px;
    padding-left:20%;
}

.videoheader h2, .projecten-slider-header h2
{
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 23px;
    margin-top:80px;
}

.projecten-slider-header h2
{
    margin:0px;
}

.videoheader ul
{
    margin-left:0px !important
}

.videoheader ul li
{
    background-image: none;
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-left:44px;
    background-color: transparent;
    line-height: 36px;
    overflow: hidden;
    padding-top:3px;
    padding-bottom: 4px;
    background-image:url('../images/arrow-zwart.svg');
    background-position: right center;

}

.videoheader ul li.animated,
.videoheader ul li.animated-hover
{
    background-image:url('../images/arrow-blauw.svg');
    background-position: right center;
}

.videoheader ul li a
{
    font-size: 20px;
    color:#181818;
    font-family: var(--default-header-text);
    transition: all 0.2s ease;
    font-weight: 400;
}

.videoheader li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #eaeef2;
    transform: scaleY(0); /* Begin met een lege balk */
    transform-origin: bottom; /* Vul van boven naar beneden */
    transition: transform 1s ease;
    z-index: -1; /* Zorg ervoor dat de pseudo-element achter de tekst blijft */
}

.videoheader li.animated::before {
    transform: scaleY(1); /* Vul volledig */
    transform-origin: top; /* Leeglopen van boven naar beneden */
}

.videoheader ul li.animated a,
.videoheader ul li.animated-hover a
{
    color:#425b76;
    transition: all 0.2s ease;
    font-weight: 900;
}

.videoheader ul li.animated-hover
{
    background-color:#eaeef2;
    transition: all 1s ease;
}

.videoheader ul li::after
{
    position: absolute;
    top:18px;
    left:6px;
    width:12px;
    height: 12px;
    content:"";
    border-radius: 50%;
}

.videoheader ul li.btn-bh::after
{
    background-color:#637145;
}

.videoheader ul li.btn-th::after
{
    background-color:#425b76;
}

.videoheader ul li.btn-ig::after
{
    background-color:#749b4e;
}

.videoheader ul li.btn-fw::after
{
    background-color:#815631;
}

.videoheader ul li.btn-bhv::after
{
    background-color:#d67f16;
}

.projecten-slider-header .field--name-body
{
    display: flex;
}

.projecten-slider-header .field--name-body p
{
    margin-left:auto;
    margin-bottom: 0px;
}



.block-field-blocknodepagefield-subtitel-pagina p
{
    margin-bottom: 10px;
    font-family: var(--default-header-text);
    font-size: 20px;
    line-height: 32px;
}

p.inleiding
{
    font-family: var(--default-header-text);
    color:#0060a1;
    font-size: 20px;
    line-height: 34px;
}

p.oranje
{
    color:#d67f16;
}

blockquote
{
    background-image: url(../images/quote.svg);
    background-position: top left;
    background-repeat: no-repeat;
    color:#0060a1;
    font-size: 28px;
    line-height: 48px;
    font-style: italic;
    margin-bottom: 50px;
}



.col-md-5 .block-inline-blockafbeelding-vierkant-,
.col-md-5 .block-inline-blockafbeelding
{
    margin-right: 40px;
}

.block-inline-blockafbeelding-vierkant- img,
.view-usp img
{
    border-radius: 50%;
    box-shadow: 0 2px 30px 8px rgba(80, 54, 45, 0.1);
    border: solid 10px #fff;
}


.view-projecten-overzicht
{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    position: relative;
}

.view-projecten-overzicht  .views-row
{
    width:calc(50% - 12px);
    margin-right: 24px;
    margin-bottom: 40px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    position: relative;
}

.view-projecten-overzicht .views-row:nth-child(even)
{
    margin-right: 0px;
}


.bef-exposed-form .form--inline > .form-item, .bef-exposed-form .form--inline .js-form-wrapper > .form-item
{
    float:none;
}

.header-homepage
{
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0px !important;
}

.header-homepage::before
{
    width:100%;
    height: 100%;
    position: absolute;
    top:0px;
    left:0px;
    content:"";
    background-color: rgba(46, 46, 46, 0.3);
}


.header-homepage::after
{
    content: "";
    width: 1320px;
    height: 53px;
    background-image: url('../images/olifanten-silhouette.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.slide-safaris
{
    padding-top:100px !important;
    padding-bottom: 100px !important;
    background-color:#f2ede5;
    margin-top:190px;
    position: relative;
}

.slide-safaris .container
{
    position: relative;
    z-index: 1;
}

.slide-safaris::before
{
    content: "";
    width: 1320px;
    height: 120px;
    background-image: url('../images/giraffen-silhouette.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    top: -120px;
    left: 50%;
    transform: translateX(-50%);
}


.slide-safaris::after
{
    width:60%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top:0px;
    right:0px;
    content:"";
    background-color:#f2ede5;
    background-image: url('../images/Panterprint@2x.png');
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
}

.block-views-blockprojecten-homepage-block-1
{
    position: relative;
    z-index: 10;
}

.block-field-blocknodepagebody .media
{
    margin-top:50px;
    margin-bottom: 50px;
}

.view-safaris
{
    margin-top:30px;
}

.view-safaris .views-row
{
    display: flex;
    flex-direction: row;
    border-radius: 9px;
  box-shadow: 0 2px 30px 8px rgba(80, 54, 45, 0.1);
  margin-bottom: 50px;
}

.view-safaris .views-row .views-field-field-foto-s
{
    width:416px;

}

.view-safaris .views-row .views-field-field-foto-s *
{
    height: 100%;
}

.view-safaris .views-row .views-field-field-foto-s img
{
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
}

.view-safaris .views-row .safaris-content
{
    width:calc(100% - 416px);
    background-color:#ffffff;
    padding:40px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    background-image: url('../images/giraffen-silhouette.svg');
    background-position: bottom right 10px;
    background-repeat: no-repeat;
}

.view-safaris .views-row .safaris-content h2
{
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 76px;
}

.view-safaris .views-row .safaris-content .views-field-body
{
    margin-bottom: 40px;
}

.view-safaris .views-row .safaris-content  .views-field-field-highlights
{
    margin-bottom: 56px;
}

.view-safaris .views-row .safaris-content  .views-field-field-highlights .views-label,
.block-field-blocknodeprojecten-overzichtfield-highlights .field__label
{
    color:#dd9a30;
    font-weight:normal;
}

.block-field-blocknodeprojecten-overzichtfield-highlights .field__item
{
    position: relative;
    padding-left:20px;
}

.block-field-blocknodeprojecten-overzichtfield-highlights .field__item::before
{
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 8px;
    left: 0px;
    background-color: #dd9a30;
}

.region-footer4 p
{
    color:#ffffff;
}

.region-footer4 .mail a
{
    font-size: 24px !important;
}

.social_icons
{
    display: flex;
}

.social_icons div
{
    width:34px;
    height: 34px;
    border-radius: 50%;
    background-color:#ff6b25;
    margin-right:10px ;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-usp
{
    position: relative;
    z-index: 1;
}

.view-usp .view-content
{
    display: flex;
}

.view-usp .view-content .views-row
{
    margin-right: 60px;
    width:33.333333%;
    text-align: center;
}

.view-usp .view-content .views-row:last-child
{
    margin-right: 0px;
}

.view-usp .views-row .views-field-field-foto-s
{
    max-width: 306px;
    margin:auto;
    margin-bottom: 40px;
}

.view-usp .views-row h2
{
    font-size: 30px;
    margin-bottom: 20px;
}

.block-views-blockfaq-block-1 h2
{
    text-align: center;
    margin-bottom: 50px;
}

.view-faq .views-row
{
    background-color: #ffffff;
    border-bottom: solid 2px #ff6b25;
    margin-bottom: 20px;
    padding:24px 20px 24px 20px;
    background-image: url('../images/icon-open.svg');
    background-position: top 24px right 20px;
    background-repeat: no-repeat;
}

.view-faq .views-row.open
{
    background-image: url('../images/icon-close.svg');
}

.view-faq .views-row .views-field-title
{
    font-weight: bold;
    cursor: pointer;
    padding-right: 30px;
}

.view-faq .views-row .views-field-body
{
    margin-top:18px;
    display: none;
}

.view-faq .views-row .views-field-body p:last-child
{
    margin-bottom: 0px;
}

.form-item-number-of-adults,
#edit-accommodation-type--wrapper
{
    margin-right: 23px !important;
}



.form-item-number-of-adults, .form-item-number-of-children,
#edit-accommodation-type--wrapper, #edit-are-you-interested-in-a-cultural-tour--wrapper
{
    width:calc(50% - 14px) !important;
    display: inline-flex;
}

#edit-accommodation-type--wrapper, #edit-are-you-interested-in-a-cultural-tour--wrapper
{
    margin-top:20px !important;
    margin-bottom: 40px !important;
}

.block-webform-block fieldset.form-item > legend
{
    padding:0px;
    background-color:transparent;
    line-height: 20px;
    min-height: 40px;
    margin-bottom: 20px;
    border:none !important;
}

.block-webform-block fieldset.form-item
{
    background-color:transparent !important;
    border:none !important
}

.block-webform-block fieldset.form-item > .fieldset-wrapper
{
    padding:0px;
    background-color:transparent;
    border:none !important
}

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


    .path-frontpage .menubg .container .logo
    {
        width:340px;
    }
    .slick--view--productvergelijker .slick-slide
    {
        width:306px;
        margin-right: 24px;
    }

    .view-product-categorieen .view-content .views-field-name a, .view-product-categorieen .view-content .views-field-title a
    {
        font-size: 22px;
    }

    .slick--view--projecten-homepage .slick-slide .slick__slide
    {
        min-height: 720px;
    }

    .slick--view--projecten-homepage .slick-slide
    {
        width:356px !important
    }

    .view-product-categorieen .knop a
    {
        padding-left:0px;
        padding-right: 0px;
        width:calc(100% - 40px);
    }

    .horizontal-menu > li ul a
    {
        font-size: 15px;
    }

    .horizontal-menu > li > .sub-nav
    {
        padding-left:10px;
        padding-right: 10px;
    }

    .horizontal-menu > li > ul > li > a, .horizontal-menu > li > ul > li > span
    {
        font-size: 18px;
    }

    .block-inline-blockafbeelding-tegen-zijkant-geplakt
    {
        width: calc(100% + (100vw - 1092px) /2);
    }

    .layout > .col-12 > .block-views-blockprojecten-block-1, footer .footer-container, footer > .subfooter, footer .subfooter_container, footer .region-footer
    {
        padding-left:0px;
        padding-right: 0px;
    }

    .header-homepage::after,
    .slide-safaris::before,
    footer::before
    {
        width:1140px;
    }

}

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

    .slick--view--productvergelijker .slick__slide
    {
        width:auto !important;
    }

    #block-memorise-searchform
    {
        display: none;
    }


    .path-frontpage .menubg .container .logo
    {
        width:280px;
    }
 

    .btn-primary, .knop a
    {
        font-size: 16px;
    }

    .view-product-categorieen .view-content .views-row
    {
        width: calc(33.333333% - 18px);
    }

    .view-product-categorieen .view-content .views-row:nth-child(4n+4)
    {
        margin-right: 24px;
    }
    
    .view-product-categorieen .view-content .views-row:nth-child(3n+3)
    {
        margin-right: 0px;
    }


    .block-inline-blockafbeelding-tegen-zijkant-geplakt {
        width: calc(100% + (100vw - 912px) /2);
      }

      .header-homepage::after,
      .slide-safaris::before,
      footer::before
      {
          width:960px;
      }

      .slick--view--projecten-homepage .slick-slide
      {
        width:286px !important
      }

      .slick--view--projecten-homepage .slick-slide .slick__slide
      {
        min-height: 760px;
      }
}

@media screen and (max-width: 991px)
{
    .node__content > div
    {
        margin-bottom: 100px;
    }
    .view-cards .view-content .views-row
    {
        width:calc(50% - 18px);
        margin-bottom: 24px;
    }

    .view-cards .view-content .views-row:nth-child(even)
    {
        margin-right: 0px;
    }

    .view-cards .view-content .views-row:nth-child(3)
    {
        margin-left: 0px;
    }

    .slick--view--projecten .flex-container
    {
        display: block;
    }

    .slick--view--projecten .flex-container .col-md-6
    {
        width:100%;
    }



    .container-bottom .text-formatted
    {
        margin-right: 0px;
    }


    .responsive-menu-toggle-icon span.label
    {
        top:3px;
    }

    .view-product-categorieen .view-content .views-row,
    .view-team .group-wrapper-rows .views-row
    {
        width: calc(50% - 18px);
    }

    .view-product-categorieen .view-content .views-row:nth-child(3n+3)
    {
        margin-right: 24px;
    }

    .view-product-categorieen .view-content .views-row:nth-child(even),
    .view-team .group-wrapper-rows .views-row:nth-child(even)
    {
        margin-right: 0px;
    }

    .path-frontpage .hero .container .col-12 .block-inline-blockbasic:nth-child(2)
    {
        order:0;
        width:100%;
        padding-left: 86px;
        margin-bottom: 40px;
    }

    .path-frontpage .hero .container .col-12 .block-inline-blockbasic:nth-child(1)
    {
        order:1;
        width:100%;
    }


    .path-frontpage .hero .container .col-12
    {
        flex-wrap: wrap;
    }

    .view-offerte-aanvragen .views-row .views-field-nothing-1
    {
        font-size: 16px;
        margin-top: 14px;
    }

    footer > .container .col-12 .footer-container
    {
        flex-wrap: wrap;
    }
    
    .region-footer3
    {
        width:100px;
        margin-right: 0px !important;
    }
    
    .region-footer4
    {
        width: 100%;
    }

    #block-memorise-footergetintouch
    {
        margin-top:50px;
        padding:0px;
        border:none;
    }

    .block-inline-blockafbeelding-tegen-zijkant-geplakt {
        width: calc(100% + (100vw - 672px) /2);
      }

      .alle-projecten .view-content .views-row
      {
        width: calc(50% - 16px);
      }

      .alle-projecten .view-content .views-row:nth-child(3n)
      {
        margin-right: 24px;
      }

      .alle-projecten .view-content .views-row:nth-child(even)
      {
        margin-right: 0px;
      }

      .layout > .col-lg-8 > .block-inline-blockbasic,
      .layout > .col-12 > .block-inline-blockbasic,
      .layout > .col-12 > .block-inline-blockvideo
      {
        padding-left:0px;
        padding-right: 0px;
      }


      .header-homepage::after,
      .slide-safaris::before,
      footer::before
      {
          width:720px;
      }

      .view-safaris .views-row .views-field-field-foto-s
      {
        width:100%;
        height: 400px;
      }

      .view-safaris .views-row .views-field-field-foto-s img
      {
        border-top-right-radius: 9px;
        border-bottom-left-radius: 0px;
      }

      .view-safaris .views-row .safaris-content
      {
        width:100%;
      }

      .view-safaris .views-row .safaris-content h2
      {
        margin-bottom: 20px;
      }

      .view-safaris .views-row .safaris-content
      {
        border-bottom-left-radius: 9px;
        border-top-right-radius: 0px;
      }

      .layout > .col-lg-7 > .block-webform-block
      {
        padding-left:0px;
      }
      .form-item-number-of-adults, .form-item-number-of-children
      {
        width:100% !important;
        margin-right: 0px !important;
      }

      .block-views-blockproject-details-block-2, .info-container .container .layout .block-field-blocknodeprojecten-overzichtfield-categorie, .info-container .container .layout .block-views-blockproject-details-block-1, .info-container .container .layout .block-field-blocknodeprojecten-overzichtfield-subtitel, .page-node-type-page .col-12 .block-field-blocknodepagefield-subtitel, .page-node-type-page .col-12 .block-field-blocknodepagetitle, .page-node-type-page .col-12 .block-field-blocknodepagebody, .block-system-breadcrumb-block, .block-field-blocknodepagefield-subtitel-pagina, .block-views-blocktijdlijn-block-1, .block-views-blockfaq-block-1
      {
        margin-left:0px;
        margin-right: 0px;;
      }
}


@media screen and (max-width: 767px)
{

 
    .breadcrumbs._none
    {
        margin-bottom: 54px;
    }

    .header-homepage::after,
    .slide-safaris::before,
    footer::before
    {
        width:100%;
        lefT:0px;
        transform: none;
    }


    .topbar .region-topbar #block-memorise-contacttopbar .field--name-body a
    {
        text-indent:-9999px;
        margin-left:10px;
    }

    .topbar .region-topbar #block-memorise-contacttopbar .adres
    {
        display: none;
    }

    .view-offerte-aanvragen .views-row .views-field-nothing-1
    {
        display: none;
    }

    .view-offerte-aanvragen .views-row
    {
        margin-top:10px;
    }

    .sticky_footer
    {
        height:68px;
    }

    .sticky_footer .btn-primary
    {
        padding: 7px 20px 7px 20px;
        text-align: center;
        line-height: 17px;
    }
    .node__content > div
    {
        margin-bottom: 100px;
    }
 
    .page-node-type-projecten-overzicht .node__content > div
    {
        margin-bottom: 50px;
    }
    
    .hero .no-gutters > .col-12 > .block-inline-blockafbeelding
    {
        height:50vh;
    }

    .view-projecten .slick-slide, .slick--view--projecten .slick__slide
    {
        width:316px;
    }

    h1
    {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 40px;
    }

    .page-node-type-projecten-overzicht h1
    {
        margin-bottom: 0px;
    }

    h2
    {
        font-size: 30px;
        line-height: 28px;
        margin-bottom: 30px;
    }


    .main-nav .logo
    {
        width:160px
    }

    .menu-nav
    {
        margin-top:16px;
        display: flex;
        justify-content: flex-end;
    }

    .node__content > div.hero::before
    {

        background-image: linear-gradient(to top, #4b4b53, #fff);
        width:100%;
    }

    .label-hero
    {
        height: 40px;
    }
    .label-hero::before
    {
        width:40px;
        height: 40px;
        left:-50px;
        background-size: contain;
    }

    .path-frontpage .hero .container .col-12 .block-inline-blockbasic:nth-child(2)
    {
        padding-left:50px !important
    }

    .hero .block-inline-blockbasic .field--name-body h1
    {
        font-size: 24px;
    }

    .node__content > div.hero, .hero
    {
        padding-top: 200px;
        padding-bottom: 80px;
    }

    .label-hero
    {
        font-size: 24px;
        line-height:34px;
    }

    .menubg, .menubg.sticky
    {
        padding-bottom: 0px;
        height:70px !important
    
    }

     .menubg .container .logo,
    .path-frontpage .menubg .container .logo,
    .menubg.menu-scroll .container .logo
    {
        width:200px !important;
        margin-top:13px;
    }
    
    .region-nav-main
    {
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }

    .hero .block-inline-blockbasic h1
    {
        font-size: 36px;
    }

    .path-frontpage h1 {
        color: #ffffff;
        font-size: 50px;
        line-height: 54px;
      }

    .col-lg-8 {
        position: relative;
        padding-bottom: 30px;
      
      }

    #block-memorise-topcontact
    {
        display: none;
    }

    .container
    {
        padding-right: 14px;
        padding-left: 14px;
    }

    .topbar #block-memorise-topmaha
    {
        margin-left:0px;
    }

    #block-memorise-languageswitcherlangcode
    {
        margin-left:auto;
    }

    .view-cards .view-content .views-row
    {
        width:100%;
        margin-right:0px !important;
        margin-left:0px !important
    }

    .view-product-categorieen .view-content .views-row, .view-team .group-wrapper-rows .views-row
    {
        width:100%;
        margin-right: 0px;
    }

    .block-inline-blockfoto-tekst-kader .flex-container
    {
        display: block;
    }

    .block-inline-blockfoto-tekst-kader .field--name-field-foto-2,
    .block-inline-blockfoto-tekst-kader .field--name-body
    {
        width:100%;
    }

    .block-inline-blockfoto-tekst-kader .field--name-field-foto-2 .media--type-image
    {
        position: relative;
        height: auto;
        margin-bottom: 20px;
    }

    .container-bottom .text-formatted
    {
        width:100%;
        margin-left:0px;
    }

    .subfooter
    {
        padding-bottom:0px;
    }

    .subfooter .region-subfooter
    {
        display: flex;
    }

    #block-memorise-footermaha
    {
        margin-right: 0px;
    }

    #block-memorise-blokcopyright
    {
        font-size: 14px;
        margin-left: 0px;
        margin-top:20px;
    }

    footer > .container .col-12
    {
        padding-bottom: 20px;
    }

    .slick__arrow
    {
        display: none !important;
    }

    .layout > .col-12 > .block-field-blocknodepagetitle, .layout > .col-12 > .block-field-blocknodepagebody, .layout > .col-12 > .block-inline-blockbasic, .layout > .col-12 > .block-webform-block, .layout > .col-12 > .block-field-blocknodeproducttitle, .layout > .col-12 > .block-field-blocknodeproductbody, .layout > .col-12 > .block-views-blockdownload-brochure-block-1, .layout > .col-12 > .block-field-blocknodeprojecten-overzichttitle, .layout > .col-12 > .block-field-blocknodeprojecten-overzichtbody, .layout .col-lg-6:nth-child(2) .block-inline-blockbasic, .block-field-blocknodeproductfield-usp,
    .layout .col-lg-6:nth-child(1) .block-inline-blockafbeelding-vierkant-, .block-field-blocknodeproductfield-hoofdfoto,
    .layout .col-lg-6:nth-child(2) .block-inline-blockafbeelding-vierkant-,
    .block-inline-blockfotogrid-alleen-foto-s- .field--name-field-afbeeldingen,
    .breadcrumbs .block-system-breadcrumb-block,
    .view-diensten,
    .layout > .col-lg-6 > .block-webform-block,
    .view-projecten .views-row .views-field-fieldset-2,
    .view-projecten .col-lg-6, .view-projecten .views-field-field-hoofdfoto,
    .layout.no-gutters .col-lg-6 .block-inline-blockbasic,
    .layout > .col-12 > .block-field-blocknodepagetitle, .layout > .col-12 > .block-inline-blockbasic, .layout > .col-12 > .block-field-blocknodeproducttitle, .layout > .col-12 > .block-field-blocknodevacaturestitle, .layout > .col-12 > .block-field-blocknodeproductbody, .layout > .col-12 > .block-views-blockdownload-brochure-block-1, .layout > .col-12 > .block-field-blocknodeprojecten-overzichttitle, .layout > .col-12 > .block-field-blocknodeproductentitle, .layout > .col-12 > .block-field-blocknodeprojecten-overzichtbody, .layout .col-lg-6:nth-child(2) .block-inline-blockbasic, .block-field-blocknodeproductfield-usp, .breadcrumbs .block-system-breadcrumb-block, .layout > .col-lg-6 > .block-webform-block, .block-webform,
    .layout > .col-lg-8 > .block-field-blocknodeprojecten-overzichtbody, .layout > .col-lg-8 > .block-field-blocknodeproductenbody, .layout > .col-lg-8 > .block-inline-blockbasic, .layout > .col-12 > .block-field-blocknodepagebody, .layout > .col-12 > .block-field-blocknodevacaturesbody, .layout > .col-12 > .block-field-blocknodevacaturesfield-formulier, .block-views-blockvacatures-block-1, .layout > .col-12 > .block-webform-block,
    footer .col-12,
    .hero-divider .layout > .col-12 > .block-inline-blockbasic, .hero-divider .block-block-content5c9fb2bd-a06c-43e8-b6b4-b301d688f798, .block-inline-blockfoto-tekst-kader .field--name-body, .view-projecten-cta .views-field-fieldset,
    .block-field-blocknodeprojecten-overzichtfield-foto-s
    {
        padding-left:0px !important;
        padding-right: 0px !important;
    }

    .col-12.pr-2-col, .col-12.pl-2-col
    {
    padding-right: calc(var(--bs-gutter-x)* 0.5) !important;
    padding-left: calc(var(--bs-gutter-x)* 0.5) !important;
    }

    .block-field-blocknodeprojecten-overzichtfield-foto-s
    {
        margin-left:0px !important;
        margin-right:0px !important;
    }

    .layout .col-lg-6:nth-child(1) .block-inline-blockafbeelding-vierkant-, .block-field-blocknodeproductfield-hoofdfoto,
    .layout .col-lg-6 .block-inline-blockafbeelding,
    .block-field-blocknodeprojecten-overzichtfield-foto-s
    {
        margin-bottom: 20px;
    }

    .block-layout-builder.block-inline-blockbasic
    {
        margin-bottom: 30px;
    }

    .page-node-type-product .field--name-field-foto-s, .page-node-type-projecten-overzicht .field--name-field-foto-s
    {
        display: block;
    }


    footer > .container .col-12 .footer-container
    {
        padding-bottom: 0px;
    }

    footer .region-footer
    {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    }

    footer .region-footer nav, footer .region-footer #block-memorise-footeradres, .region-footer #block-memorise-support
    {
        width: calc(45% - 20px);
        margin-bottom: 50px;
        margin-right: 20px;
    }

    footer .region-footer #block-memorise-footeradres, .region-footer #block-memorise-support
    {
        margin-bottom: 20px;
    }

    .no-gutters .col-lg-6:nth-child(1) .block-inline-blockafbeelding
    {
        padding-right: 0px;
    }

    .no-gutters .col-lg-6
    {
        padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    }

    .main-nav .layout, footer .layout
    {
        padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    }

    .no-gutters .col-lg-6:nth-child(2) .block-inline-blockafbeelding
    {
        padding-left:0px;
    }

    .hero-divider .block-inline-blockbasic::before,
    .hero-divider .block-inline-blockbasic::after
    {
        width:calc(100% + 24px);
        right:-12px;
    }

    .hero-divider .block-inline-blockbasic
    {
        padding-top:80px;
        padding-bottom: 40px;
    }

    footer .region-footer #block-memorise-algemeen
    {
        margin-left:0px;
        margin-right: 0px;
    }

    #block-memorise-logo
    {
        width:100%;
        margin-bottom: 60px;
    }

    #block-memorise-logo .field--name-body
    {
        width:160px;
    }

    .intro-pagina p
    {
        width:100%;
    }

    .view-diensten .view-content
    {
        display: block;
    }

    .view-diensten .view-content .views-row
    {
        width:100%;
    }

    .view-diensten .views-field-title .field-content a
    {
        font-size: 20px;
    }

   .contact-container .block-inline-blockbasic
    {
        padding-top:80px
    }

    .layout > .col-lg-6 > .block-webform-block form
    {
        padding-top:0px;
    }

    .contact-left
    {
        width:100%;
        order:1;
    }

    .contact-right
    {
        width:100%;
        order:0;
    }

    .form-item label
    {
        font-size: 20px;
        line-height: normal;
    }

    .block-inline-blockafbeelding-tegen-zijkant-geplakt
    {
        width:100%;
    }

    .block-views-blockproductvergelijker-block-1 h2
    {
        text-align: left;
        margin-top:100px;
        margin-bottom: 40px;
    }

    .slick--view--productvergelijker .slick__slide .views-field.views-field-field-merk-logo .media
    {
        margin-left:0px;
    }
    .view-projecten .order-1
    {
        order:1 !important
    }

    .view-projecten .order-2,
    .view-projecten .views-row:nth-child(2n+1) .order-2
    {
        order:2 !important
    }

    .view-projecten .views-row
    {
        margin-bottom: 80px;
    }

    .pt-150
    {
        padding-top:100px !important;
    }

    .pb-150
    {
        padding-bottom:100px !important;
    }

    .region-footer1, .region-footer2, .region-footer3, .region-footer4
    {
        width:100%;
        margin-right: 0px;
    }

    .alle-projecten .view-content .views-row
    {
        width:100%;
        margin-right: 0px !important;
    }

    .view-fotoslider .view-content .slick-slide img
    {
        height:260px;
    }

    .view-offerte-aanvragen .views-row .footer-buttons .views-field-nothing
    {
        margin-left:10px;
    }

    .alle-projecten .view-content .views-row .views-field-field-e-mailadres,
    .alle-projecten .view-content .views-row .views-field-field-telefoonnummer
    {
        font-size: 15px;
    }

    .slick--view--projecten-homepage .slick-slide
    {
        margin-left:10px;
        margin-right: 10px;
    }

    .slick--view--projecten-homepage .slick-track
    {
        margin-left:14px;
    }

    .block-views-blockprojecten-homepage-block-1 h2
    {
        padding-left:14px;
        padding-right: 14px;
    }

    .contact-form .col-lg-5
    {
        order: 0;
        margin-bottom: 50px;
    }

    .contact-form .col-lg-7
    {
        order:1;
    }

    .view-usp .view-content
    {
        display: block;
    }

    .view-usp .view-content .views-row
    {
        width:100%;
        margin-right: 0px;
        margin-bottom: 40px;
    }

    .view-usp .views-row .views-field-field-foto-s,
    .block-inline-blockafbeelding-vierkant-
    {
        max-width: 276px;
        margin-left:auto;
        margin-right: auto;;
    }
}