/* latin-ext */
@font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 100 1000;
    font-display: swap;
    src: url('../fonts/rP2Fp2ywxg089UriCZa4ET-DJFge8QH90Ko.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 100 1000;
    font-display: swap;
    src: url('../fonts/rP2Fp2ywxg089UriCZa4Hz-DJFge8QH9.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 100 1000;
    font-display: swap;
    src: url('../fonts/rP2Hp2ywxg089UriCZ2IHTWCBl0-8RH9.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 100 1000;
    font-display: swap;
    src: url('../fonts/rP2Hp2ywxg089UriCZOIHTWCBl0-8Q.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

    @font-face {
    font-family: 'Solitreo';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/Solitreo-Regular.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  




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

:root {
    --wit: #ffffff;
    --rood: #001b46;
    --default-text: "DM Sans", sans-serif;
    --handwritten-text: "Solitreo", sans-serif;
    --default-text-color: #000000;
    --default-header-color: #a47b6f;
    --default-background-color:#ffffff;
    --button-background-color:#297596;
    --button-text-color:#ffffff;
    --default-link-color:#297596;
    --footer-background-color:#00022f;
    --top-background-color:#000000;
}

/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

.col-lg-4
{
    position: relative;
}

#block-memorise-googlereviewsratingtopbar .googlereviews-ratings-container
{
    display: flex;
    flex-direction: row;
}

#block-memorise-googlereviewsratingtopbar .googlereviews-ratings-container .total-reviews a
{
    color:#ffffff !important;
    font-size: 14px !important;
    position: relative;
    top: -1px;
}

#block-memorise-googlereviewsratingtopbar .googlereviews-ratings-container .total-reviews
{
    margin-top:0px;
}

#block-memorise-googlereviewsratingtopbar  .googlereviews-ratings-container .rating-value
{
    font-size: 24px;
    margin-right: 8px;
    color:#a47b6f !important;
}



#block-memorise-googlereviewsratingtopbar .googlereviews-ratings-container .stars-wrapper
{
    margin-top:3px;
    margin-right: 8px;
}

#block-memorise-googlereviewsratingtopbar .googlereviews-ratings-container
{
    margin-bottom: 0px;
}

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}

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

.footer-buttons .views-field-nothing-2
{
    display: none;
    margin-left:10px;
}

.footer-buttons .views-field-nothing-2 a
{
    width:48px;
    height: 48px;
    display: block;
    text-indent:-99999px;
    background-image: url('../images/icon-whatsapp.svg');
    background-size: 100%;
}

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

.message_top p
{
    background-color: var(--default-link-color);
    color:#ffffff;
    text-align: center;
    padding-top: 14px;
    padding-bottom: 15px;
    font-size: 18px;
    margin-bottom: 0px !important;
    font-weight: bold !important;
}


.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;
}



.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-12>.block-field-blocknodeblogtitle,
.layout>.col-12>.block-field-blocknodeblogcreated,
.block-views-exposed-filter-blockprojecten-block-4
{
    padding-left: 8.33333333%;
    padding-right: 8.33333333%;
}



.block-field-blocknodeblogtitle h1
{
    margin-bottom: 0px;
}

.layout>.col-12>.block-field-blocknodeblogfield-hoofdfoto
{
    margin-bottom: 50px;
}

.layout>.col-12.banner-side-ads>.block-inline-blockbasic
{
    padding-left:0px;
    padding-right: 0px;
}
/*
.layout>.col-12:not(.col-lg-6)>.block-inline-blockbasic
{
    text-align: center;
    width:100%;
    max-width: 1020px;
    margin:auto;
}
    */

.path-frontpage .hero .layout>.col-12:not(.col-lg-6)>.block-inline-blockbasic
{
    text-align: left;
    margin:0px;
    width:auto;
    max-width: none;
}

.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,
.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,
.layout>.col-12>.block-field-blocknodeblogbody,
.layout>.col-12>.block-field-blocknodeblogfield-inleiding,
.layout>.col-12>.block-field-blocknodeblogfield-hoofdfoto
{
    padding-left:12.66666666%;
    padding-right: 12.66666666%;
}

.layout>.col-lg-9>.block-inline-blockbasic
{
     padding-left:12.66666666%;
}

.layout>.col-12>.block-field-blocknodeblogbody,
.layout>.col-12>.block-field-blocknodeblogfield-inleiding,
.layout>.col-12>.block-field-blocknodeblogfield-hoofdfoto
{
    padding-right: 0px;
}
.layout>.col-12>.block-field-blocknodeblogfield-inleiding
{
    font-weight: bold;
}

.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%;
}

.block-inline-blockbasic p:last-child,
.field--name-body p:last-child
{
    margin-bottom: 0px !important;
}

.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: 90px;
    position: sticky;
    top:0px;
}



.menubg .container
{
    position: relative;
    
}

.menubg .container .logo
{
    width:250px;
    transition: all .5s ease;
    position: absolute;
    top:20px;
    left:var(--bs-gutter-x, 0.75rem);
    z-index: 10;
}

.menubg.sticky .container .logo
{
    width:170px;
    transition: all .5s ease;
    margin-top:9px;
}

.field--name-body p a
{
    text-decoration: underline;
    color:var(--button-background-color) !important
}


.btn-primary, .knop a, .field--name-body p a.btn-primary
{
    display: inline-block;
    background-color:var(--button-background-color) !important;
    border-color:var(--blauw) !important;
    box-shadow: none !important;
    padding:14px 26px 13px 26px;
    color:var(--button-text-color) !important;
    text-transform: uppercase;
    border-radius: 3px;
    letter-spacing: 1px;
    text-align: center !important;
    text-decoration: none !important;
}

.search-block-form  .btn-primary
{
    background-color: transparent !important;
    padding:0px;
    border-radius: 0px;
    text-indent:-9999px;
    background-image:url('../images/icon-search.svg');
    width:24px;
    height: 24px;
}

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

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


h1, h2
{
    color:var(--default-header-color);
    font-weight: bold;
    font-size: 50px;
    line-height: 52px;
    margin-bottom: 80px;
    position: relative;
    letter-spacing: 2px;
}

.handwritten h2
{
    font-family: var(--handwritten-text) !important;
    font-weight: 400 !important;
}

.handwritten .block-inline-blockbasic
{
    padding-right: 0px !important;
}

.block-field-blocknodeproductenbody p:first-child,
.block-field-blocknodepagebody p:first-child
{
    line-height: 30px;
    font-weight: bold;
}

.block-inline-blockbasic>h2,
.page-node-type-producten .block-inline-blockbasic h2
{
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 10px;
    letter-spacing: 0px;
}
.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;
}

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

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

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

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

h3
{
    color:var(--default-text-color);
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 34px;
}

h4
    {
        font-size: 22px;
        color:var(--default-text-color);
        font-weight: bold;
        margin-bottom: 0px;
    }


.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,
.block-inline-blockbasic .field--name-body h3,
.block-field-blocknodeblogbody .field--name-body h2
{
    margin-bottom: 10px;
    font-size: 36px;
    letter-spacing: normal;
    line-height: 40px;
}

.block-field-blocknodeblogcreated h2
{
    font-size: 16px;
    color: var(--default-text-color) !important;
    display: inline-block;
    font-weight: normal;
    letter-spacing: normal;
}

.col-12>.block-inline-blockbasic
{
    width:100%;
    max-width: 1040px;
}

.field--name-body table
{
    margin-bottom: 30px;
}

.field--name-body table th
{
    color:var(--default-header-color);
}

.field--name-body table td
{
    padding-right: 20px;
}

.block-inline-blockbasic .field--name-body h3
{
    color:var(--default-header-color);
}

.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: 20px;
}

.block-field-blocknodeproductenfield-usp h2,
.block-field-blocknodeproductenfield-downloads h2,
.block-views-blockblog-block-1 h2,
.header-sidebar h2
{
    color:#000000;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 34px;
    letter-spacing: normal;
}

.block-views-blockblog-block-1
{
    padding-left:16.666666%;
}

.view-blog .views-row
{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #dddddd;
}

.view-blog .views-row .views-field-created
{
    font-size: 12px;
}

.blog-overzicht h3
{
    margin-bottom: 8px;
}

.blog-overzicht .views-field-created,
.blog-overzicht .views-field-body
{
    margin-bottom: 30px;
}


.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;
    padding-left: 38px;
    background-image: url('../images/icon-usp.svg');
    background-position: left top -1px;
    background-repeat: no-repeat;
    line-height: 26px;
    margin-bottom: 10px;
}

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

.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;
}


.usp-downloads .block-inline-blockafbeelding
{
    width:200px;
    margin-top:30px
}

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



.views-field-field-call-to-action-tekst h3
{
    color:#fff;
}


h1 strong, h2 strong
{
    color:#000 !important;
    font-weight: bold !important;
}

.bs-bg-lichtbruin h2
{
    color:#000000;
}

.bs-bg-lichtbruin, .bs-bg-lichtbruin h2 strong
{
    color:#ffffff !important;
}

.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);
}


.no-underline a
{
    text-decoration: none !important;
}

.contact-container .form-control
{
    box-shadow: none !important;
    border:none !important;
    border-bottom:solid 1px #848788 !important;
    padding: 5px 15px 5px 15px;
    border-radius: 0px;
    font-size: 16px;
    margin-bottom: 46px;

}

.contact-container .js-form-type-textarea  .form-control
{
    border:solid 1px #848788 !important;
    margin-bottom: 50px;
}

.form-item label
{
    font-weight: bold;
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 0px;
    color:#a47b6f;
}

.form-control
{
    border:none;
    border-bottom:solid 1px #848788;
    border-radius: 0px;
    margin-bottom: 30px;
}

.form-type-textarea textarea
{
    border:solid 1px #848788;
}

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

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

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

.form-control:focus
{
    border-color: #ced4da !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));
}
*/


.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: 150px;
    position: relative;
}

.node__content>div.container-fotoslider
{
    margin-bottom: 0px;
}

.node__content>div.border-top-left
{
    padding-top:100px;
}

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

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


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


.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;
    background-image: url('../images/duinkerke-home.jpg');
    background-size: cover;
    background-position: center center;
}

.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));

}

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

.node__content>div.handwritten
{
    margin-bottom: 80px;
}


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

    .node__content>div.hero, .hero,
    .block-inline-blockfoto-tekst-kader .field--name-field-foto-1,
    .view-projecten-cta .views-field-field-call-to-action-achtergrond 
    {
        background-image: url('../images/duinkerke-home.webp'); 
    }
    
}


.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;
}

.label-hero
{
    font-size: 28px;
    margin-bottom: 4px;
    margin-top:22px;
    border-bottom: solid 1px #a47b6f;
    position: relative;
    height: 66px;
    line-height: 63px;
}

.label-hero a
{
    color:#ffffff !important;
    font-weight: bold;
}

.label-hero::before
{
    position: absolute;
    top:0px;
    left:-86px;
    content:"";
    width:66px;
    height: 66px;
}

.label-monumenten::before
{
    background-image:url('../images/icon-monument.svg');
}

.label-glasinlood::before
{
    background-image:url('../images/icon-glas-in-lood.svg');
}

.label-interieur::before
{
    background-image:url('../images/icon-interieur-beglazing.svg');
}


.horizontal-menu > li > a, .horizontal-menu > li > span
{
    padding:0px;
    height: 90px;
    line-height: 90px;
    color:#000000;
    font-weight: normal;
    margin-left:20px;
    letter-spacing: 1.57px;
    background-color:transparent !important;
    
}

.horizontal-menu > li > a.is-active, .horizontal-menu > li > span.is-active, ul.menu a.is-active,
.horizontal-menu > li.menu-item--active-trail > a, .horizontal-menu > li.menu-item--active-trail > span
{
    color:#848788;
}

.horizontal-menu > li:nth-child(1) > a
{
    margin-left:0px;
}

.horizontal-menu > li ul
{
    box-shadow: none !important;
    width:auto;
}

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


.horizontal-menu>li>ul>li
{
    margin-right: 20px;
    margin-bottom: 40px;
    max-width: 20%;
}

.horizontal-menu>li>span.over-duinkerke+ul>li
{
    max-width: none !important;
}

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

.horizontal-menu>li>ul>li>span.menu-monumenten
{
    background-image: url('../images/menu-icon-monument.svg');
}

.horizontal-menu>li>ul>li>span.menu-glasinlood
{
    background-image: url('../images/menu-icon-glas-in-lood.svg');
}

.horizontal-menu>li>ul>li>span.menu-isolatieglas
{
    background-image: url('../images/menu-icon-isolatieglas.svg');
}

.horizontal-menu>li>ul>li>span.menu-glashandel
{
    background-image: url('../images/menu-icon-glashandel.svg');
}

.horizontal-menu>li>ul>li>span.menu-interieurbeglazing
{
    background-image: url('../images/menu-icon-interieur-beglazing.svg');
}

.horizontal-menu>li>ul>li>span.menu-veiligheidsglas
{
    background-image: url('../images/menu-icon-veiligheidsglas.svg');
}

.horizontal-menu>li>ul>li>span.menu-badkamer
{
    background-image: url('../images/menu-icon-badkamer.svg');
}

.horizontal-menu>li>ul>li>span.menu-keuken
{
    background-image: url('../images/menu-icon-keuken.svg');
}

.horizontal-menu>li>ul>li>span.menu-deuren
{
    background-image: url('../images/menu-icon-glazen-deuren.svg');
}

.horizontal-menu>li>ul>li>span.menu-glasbewerking
{
    background-image: url('../images/icon-glasbewerking.svg');
}

.horizontal-menu>li>ul>li>span.menu-diensten
{
    background-image: url('../images/icon-diensten.svg');
}

.horizontal-menu>li>ul>li>span.menu-overons
{
    background-image: url('../images/icon-over-ons.svg');
}

.menu-glasbewerking-links
{
    column-count: 2;
    column-gap: 50px;
}

.btn-zoeken
{
    text-indent:9999px;
    width:24px;
    height: 24px;
    background-image:url('../images/icon-search.svg');
    background-repeat: no-repeat;
    display: block;
    background-position: center;
}

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

.horizontal-menu>li
{
    position: static;
}

.horizontal-menu > li ul
{
    margin-left: 0px;
}

.horizontal-menu>li>.sub-nav
{
    width:100%;
    background-color:#ffffff;
    flex-wrap: wrap;
    padding:30px;
    top:70px;
    display: flex;
    visibility: hidden;
     opacity: 0;
  transition: all .2s ease;
}



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

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

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


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

.horizontal-menu>li>ul>li>a,
.horizontal-menu>li>ul>li>span
{
    font-size: 20px;
    font-weight: bold;
    height: auto;
    line-height: 28px;
    margin-bottom: 10px;
    display: block;
}


.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;
}

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

.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;
}




.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:#a47b6f !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;
}

.col-usp .field--name-body a.usp-balustrades
{
    background-image: url('../images/icon-balustrade.svg');
}

.col-usp .field--name-body a.usp-beloopbaar-glas
{
    background-image: url('../images/icon-beloopbaar-glas.svg');
}


.col-usp .field--name-body a.usp-glasdak
{
    background-image: url('../images/icon-glazen-dak.svg');
}


.col-usp .field--name-body a.usp-douchewanden
{
    background-image: url('../images/icon-douchewand.svg');
}


.col-usp .field--name-body a.usp-veranda-glas
{
    background-image: url('../images/icon-veranda.svg');
}


.col-usp .field--name-body a.usp-glazen-deuren
{
    background-image: url('../images/icon-glazen-deuren.svg');
}


.col-usp .field--name-body a.usp-voorzetramen
{
    background-image: url('../images/icon-voorzetramen.svg');
}



footer
{
    padding-top:100px;
    padding-bottom: 50px;
    position: relative;
}

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

.googlereviews-ratings-container .rating-value
{
    color:#e7711b;
    font-size: 30px;
    font-weight: bold;
    margin-right: 20px;
}

.googlereviews-ratings-container
{
    display: block;
    margin-bottom: 40px;
}

.googlereviews-ratings-container .total-reviews
{
    font-size: 16px;
    margin-top:22px;
}

.googlereviews-ratings-container .total-reviews a
{
    color:#000;
}

.googlereviews-ratings-container .total-reviews .google
{
    width: 62px;
    height: 26px;
    text-indent: -9999px;
    background-image: url(../images/google-play.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center center;
}

.foto-filters
{
    position: relative;
}

.foto-filters .views-field-field-filters
{
    position: absolute;
    bottom:20px;
}

.foto-filters .views-field-field-filters ul
{
    padding:0px !important;
    margin:0px !important;
}

.foto-filters .views-field-field-filters ul li
{
    padding:0px !important;
    margin:0px !important;
    background-image: none !important;
    color:#ffffff;
    background-color:#a47b6f;
    display: inline-block;
    margin-right: 8px !important;
    margin-top:8px !important;
    padding:4px 10px 4px 10px !important;
}

.faq-body
{
    margin-top:30px;
    margin-bottom: 30px;
}

.faq-body>div
{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom:solid 1px #dddddd;
}

.banner-ad .block-inline-blockbasic
{
    margin:auto;
}

.banner-ad .block-inline-blockbasic img
{
    border:solid 1px #dddddd;
}

#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;
}

footer a
{
    text-decoration: none !important;
    color: var(--default-text-color) !important;
}

footer>.container .col-12
{
    display: flex;
    padding-bottom: 70px;
}

.region-footer1
{
    margin-right: 10px;
}

.region-footer2
{
    margin-right: 0px;
}

.region-footer2 #block-memorise-mainnavigation-2
{
    margin-bottom: 30px;
}

.region-footer3
{
    margin-right: 40px;
}

.region-footer1 li, .region-footer2 li
{
    margin-bottom: 10px;
}

.region-footer4
{
    margin-left:auto;
}

.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;
}

blockquote
{
    margin:0px;
    background-color:#ebebeb;
    padding:40px;
    padding-bottom: 10px;
}

.breadcrumb
{
    display: block;
}

.breadcrumb li
{
    position: relative;
}

.breadcrumb-item + .breadcrumb-item::before
{
    position: absolute;
    left:0px;

}

.breadcrumbs._none
{
    margin-top:50px;
}

.breadcrumb-item+.breadcrumb-item
{
    margin-left:8px;
    padding-left:8px;
}

.breadcrumb
{
    margin-bottom: 0px;
}

.breadcrumbs._none
{
    line-height: 16px;
    margin-bottom: 84px;
}

.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;
}

.block-inline-blockbasic ul li,
.block-field-blocknodeproductfield-usp .field__item
{
    padding-left: 34px;
    background-image: url('../images/bullet.svg');
    background-repeat: no-repeat;
    background-position: top left;
    margin-bottom: 10px;
}

.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;
}

p + ul {
    margin-top: -20px !important; 
  }

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

.field--name-body li,
.field-content li
{
    padding-left:34px;
    background-image: url('../images/bullet.svg');
    background-repeat: no-repeat;
    background-position: top left;
    margin-bottom: 5px;
}

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

.view-productvergelijker
{
    margin-top:100px;
}

.slick--view--productvergelijker .slick__slide,
.view-productvergelijker .views-row
{
    vertical-align: top;
    border-radius: 3px;
    border: solid 1px #848788;
    border-top:none;
    margin-right: 24px;
    width:calc(50% - 12px) !important;
    padding-bottom: 30px;
    display: inline-block;
}

.block-views-blockproductvergelijker-block-2, .block-views-blockproductvergelijker-block-3,.block-views-blockproductvergelijker-block-4, .block-views-blockproductvergelijker-block-5
{
    margin-top:30px
}

.block-views-blockproductvergelijker-block-2 .view-productvergelijker,
.block-views-blockproductvergelijker-block-3 .view-productvergelijker,
.block-views-blockproductvergelijker-block-4 .view-productvergelijker,
.block-views-blockproductvergelijker-block-5 .view-productvergelijker
{
    margin-top:10px;
}


.view-productvergelijker .views-row
{
    width:100% !important;
    margin-right: 0px;
    border-top: solid 1px #848788;
}

.slick--view--productvergelijker .slick__slide:last-child
{
    margin-right: 0px;
}

.slick--view--productvergelijker .slick__slide .views-field,
.view-productvergelijker .views-row .views-field
{
    border-bottom: solid 1px #848788;
    padding:10px;
}

.slick--view--productvergelijker .slick__slide .views-field p,
.view-productvergelijker .views-row .views-field p
{
    margin-bottom: 0px;
}

.slick--view--productvergelijker .slick__slide .views-field .views-label,
.view-productvergelijker .views-row .views-field .views-label
{
    font-weight: bold;
    text-transform: uppercase;
    color:#a47b6f;
    margin-bottom: 10px;
}   

.slick--view--productvergelijker .slick__slide .views-field.views-field-title
{
    display: none;
}

.slick--view--productvergelijker .slick__slide .views-field.views-field-field-merk-logo
{
    border-bottom: 0px;
}

.slick--view--productvergelijker .slick__slide .views-field.views-field-field-merk-logo .media
{
    width:150px;
    margin:auto;
}

.slick--view--productvergelijker .slick-list
{
    overflow: clip;
}

.slick--view--productvergelijker .views-field-field-merk-logo
{
    position: sticky;
    top: 110px;
    background-color: #fff;
    border-radius: 3px;
    border-top: solid 1px #848788;
}

.views-field-field-voordelen .views-label
{
    margin-top:10px !important;
    color:#6ea164 !important;
    font-size: 24px;
    display: block;
    text-transform: none !important;

}

.views-field-field-nadelen .views-label
{
    margin-top:10px !important;
    color:#d15555 !important;
    font-size: 24px;
    display: block;
    text-transform: none !important;
}

.views-field-field-nadelen, .views-field-field-voordelen, .views-field-field-link-naar-productpagina
{
    border-bottom: none !important;
}

.views-field-field-link-naar-productpagina
{
    margin-top:20px;
}

.views-field-field-link-naar-productpagina a
{
    width:100%;
    text-align: center;
}

.block-views-blockvacatures-block-1
{
    margin-top: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
{
    padding-left:10px;
}



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

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

/* Start */

.topbar
{
    background-color:var(--top-background-color);
    padding-top:11px;
    padding-bottom: 8px;
}

.topbar .region-topbar
{
    display: flex;
    justify-content: flex-end;
}

.topbar .region-topbar p
{
    margin-bottom: 0px;
    font-size: 14px;
    color:#004364;
    font-weight: 600;
    letter-spacing: 1px;
}

.topbar .region-topbar #block-memorise-contacttopbar .field--name-body
{
    font-size: 14px;
}

.topbar .region-topbar #block-memorise-contacttopbar .field--name-body a
{
    font-size: 14px;
    color:#fff !important;
    font-weight: normal;
    display: inline-block;
}


.topbar .region-topbar .field--name-body
{
    display: flex;
    width:100%;
}
#block-memorise-topmaha .field--name-body
{
    margin-right: 10px;
}

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

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

.topbar #block-memorise-topmaha img
{
    margin-top:3px;
}



.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;
}

.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(25% - 18px);
  margin-right:24px;
  margin-bottom: 40px;
}

.page-node-type-product .field--name-field-foto-s>.field__item.views-row:nth-child(4n+4),
.page-node-type-projecten-overzicht .field--name-field-foto-s>.field__item.views-row:nth-child(4n+4)
{
    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 .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-diensten .view-content
{
    display: flex;
    flex-wrap: wrap;
}

.view-diensten .view-content .views-row
{
    width:50%;
    margin-bottom: 40px;
}


.view-diensten .views-field-title .field-content
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.view-diensten .views-field-title .field-content .media--type-vector-image
{
    width:28px;
    margin-right: 14px;
}

.view-diensten .views-field-title .field-content a
{
    font-size: 24px;
    font-weight: bold;
    color:#4d4d4c;
    margin-bottom: 5px;
    text-transform: lowercase;
}

.view-diensten .views-field-view-node
{
    padding-left:42px
}

.view-diensten .views-field-view-node a
{
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    font-weight: 300;
}

.view-diensten .views-field-view-node a::after
{
    content:"";
    width:24px;
    height:24px;
    position: absolute;
    top:0px;
    right:-24px;
    background-image:url('../images/arrow-right.svg');
    z-index: 1;
}

.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
{
    margin-left: auto;
}

.topbar .region-topbar .adres, .topbar .region-topbar .tel a, .topbar .region-topbar .mail a, .topbar .region-topbar .whatsapp a,
.contactgegevens._none .tel, .contactgegevens._none .mail,  .contactgegevens._none .whatsapp_link {
    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,
  .contactgegevens._none .tel {
    background-image: url('../images/icon-phone.svg');
    margin-left: 20px;
  }

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


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

  .contactgegevens._none .tel, .contactgegevens._none .mail, .contactgegevens._none .whatsapp_link
  {
    margin-left:0px;
    margin-bottom: 5px;
  }

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

.slick--view--fotoslider
{
    margin-bottom: 150px;
}


.slick--view--projecten .slick-list,
.slick--view--fotoslider .slick-list
{
    position: relative;
}



.slick--view--projecten .knop a,
.view-projecten .knop a
{
    width:100%;
    text-align: center;
}



.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-text-color) !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 h5, footer h2
{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    color: var(--default-text-color) !important;
    line-height: 28px;
    letter-spacing: 0px;
}

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

#block-memorise-footermaha .field--name-body,
#block-memorise-footersocials .field--name-body,
.region-subfooter
{
    display: flex;
    flex-wrap: wrap;
}

#block-memorise-menuglaszetter
{
    width:100%;
    margin-bottom: 30px;
}

#block-memorise-menuglaszetter ul.nav
{
    display: block;
}

#block-memorise-menuglaszetter ul.nav li
{
    display: inline-block;
    margin-right: 11px;
    position: relative;
    padding-right: 7px;
}

#block-memorise-menuglaszetter ul.nav li a
{
    color:#848788 !important;
}

#block-memorise-menuglaszetter ul.nav li::after
{
    content: "|";
    position: absolute;
    top: 0;
    width: 1px;
    right: 0px;
}

#block-memorise-menuglaszetter ul.nav li:last-child::after
{
    display: none;
}

.subfooter
{
    padding-bottom: 100px;
}

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

.subfooter .region-subfooter  a
{
    color:#848788;
}

#block-memorise-footer ul
{
    margin-bottom: 33px !important
}

#block-memorise-blokcopyright
{
    height: 24px;
    line-height: 24px;
}

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

#block-memorise-footersocials a
{
    margin-right: 10px;
}

.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;
}


.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-family: var(--handwritten-text);
    font-size:26px;
    line-height: 38px;
    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;
}

.sticky_footer
{
    position: fixed;
    bottom:0px;
    left:0px;
    width:100%;
    background-color: #000000;
    height: 100px;
    z-index: 200;
}

.view-offerte-aanvragen .views-row
{
    display: flex;
    margin-top:24px;
}

.view-offerte-aanvragen .views-row .footer-buttons
{
    display: flex;
}

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

.view-offerte-aanvragen .views-row .views-field-nothing-1
{
    margin-left:auto;
    color:#ffffff;
    font-size: 30px;
    line-height: normal;
}

.view-offerte-aanvragen .views-row .views-field-nothing-1 .field-content
{
    display: block;
    padding-top:7px;
}

.view-offerte-aanvragen .views-row .views-field-nothing-1 a
{
    font-weight: bold;
    color:#ffffff;
    line-height: normal;
}


.alle-projecten .view-content
{
    display: flex;
    flex-wrap: wrap;
}

.alle-projecten .view-content .views-row
{
    width:calc(33.33333% - 16px);
    margin-right: 24px;
    margin-bottom: 20px;
    border:solid 1px #eee;
    padding:0px 20px 40px 20px;
    position: relative;
}

.project-overzicht .view-content .views-row
{
    width:calc(25% - 18px);
}

.alle-projecten .view-content .views-row .views-field-view-node-1 a
{
    text-indent:-9999px;
    position: absolute;
    width:100%;
    height: 100%;
    top:0px;
    left:0px;
}


.alle-projecten .view-content .views-row .views-field-view-node
{
    margin-top:auto;
}

.alle-projecten .view-content .views-row .views-field-field-hoofdfoto .media
{
    width:calc(100% + 42px);
    margin-left:-21px;
    margin-top:-1px;
    margin-bottom: 40px;
}

.alle-projecten.ons-team .view-content .views-row .views-field-field-hoofdfoto .media
{
    width:calc(100% + 40px);
    margin-left:-20px;
    margin-top:0px;
}

.alle-projecten .view-content .views-row .views-field-field-e-mailadres
{
    background-size: 20px 20px;
    background-position: left top 2px;
    background-repeat: no-repeat;
    padding-left: 26px;
    background-image: url('../images/icon-mail.svg');
}

.alle-projecten .view-content .views-row .views-field-field-telefoonnummer
{
    background-size: 20px 20px;
    background-position: left top 2px;
    background-repeat: no-repeat;
    padding-left: 26px;
    background-image: url('../images/icon-phone.svg');
    margin-bottom: 20px;
}



.alle-projecten .view-content .views-row .views-field-field-quote
{
    margin-bottom: 40px;
}

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

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

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


.alle-projecten .project-omschrijving h3, .alle-projecten  h3
{
    min-height: auto;
    font-size: 26px;
    line-height: 30px;
}

.alle-projecten .knop a
{
    width:100%;
    text-align: center;
}

.js-form-item-gclid {
    display: none;
}

.cookiesjsr-banner
{
    width:auto;
    display: block;
    right:20px;
    bottom:20px;
    left:auto;
    background-color:#f9f9f9;
    color:#000000;
    max-width: 500px;
    z-index: 100000;
}

.cookiesjsr-btn, .cookiesjsr-btn.important
{
    background-color:#f1f1f1;
    color:#21759b;
    border:none !important;
}


.cookiesjsr-btn.important.allowAll
{
    background-color:#44aa17;
    color:#ffffff;
}


.cookiesjsr-banner--action, .cookiesjsr-banner--info
{
    width:100%;
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--content,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab
{
    background:#f9f9f9;
    color:#000000 !important;
}

.cookiesjsr-service--links a, .cookiesjsr-service--links a:active, .cookiesjsr-service--links a:hover, .cookiesjsr-service--links a:visited,
.cookiesjsr-service--description h3
{
    color:#000000 !important;
}

.cookiesjsr-service--links, #desc_functional
{
    display: none !important;
}

#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-views-blockzoeksuggesties-block-2 .view-zoeksuggesties
{
    padding:0px;
}

.block-views-blockzoeksuggesties-block-2 .view-zoeksuggesties a 
{
    line-height: 25px;
}

.block-views-blockzoeksuggesties-block-2 .view-zoeksuggesties .views-row
{
    margin-bottom: 10px;
}

#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%;
    text-align: left !important;
}

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

.layout .col-lg-4:nth-child(1) .block-inline-blockafbeelding-tegen-zijkant-geplakt
{
    right:0px;
}

div:has(> .block-inline-blockafbeelding-tegen-zijkant-geplakt) 
{
    position: relative;
}

div:has(> .block-inline-blockafbeelding-tegen-zijkant-geplakt) *
{
    height: 100%;
}

div:has(> .block-inline-blockafbeelding-tegen-zijkant-geplakt) img
{
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;

}

.col-md-6:has(.block-inline-blockbasic)
{
    display: flex;
    align-items: center;
}

.no-align .col-md-6:has(.block-inline-blockbasic)
{
    display: flex;
    align-items: flex-start;
}



.header-sidebar .block-inline-blockbasic
{
    margin-bottom: 30px;
}

.block-views-blockprojecten-block-3 h2
{
    width:100%;
    max-width: 1272px;
    margin: auto;
    font-size: 30px;
  line-height: 36px;
  margin-bottom: 20px !important;
  letter-spacing: 0px !important;
}

.node__content > div.wrapper-brandschilderen,
div.wrapper-brandschilderen
{
    position: relative;
    background-image:url('../images/divider-brandschilderen.jpg');
    background-size: cover;
    background-position: center center;
    padding-top:80px;
    padding-bottom: 80px;
}

.node__content > div.wrapper-brandschilderen::before
{
    content: "";
  height: 100%;
  width: 100vw;
  mix-blend-mode: multiply;
  background-image: linear-gradient(to bottom,#4d4d4c,#4d4d4c);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.wrapper-brandschilderen .block-inline-blockbasic
{
    padding:0px !important;
    max-width: 100% !important;
}

.wrapper-brandschilderen h2
{
    color:#ffffff;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    z-index: 10;
}

.wrapper-brandschilderen .container-cards
{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 10;
}

.wrapper-brandschilderen .container-cards .card
{
    margin-right: 24px;
    width:calc(33.333333% - 18px);
    margin-bottom: 24px;
    padding:40px;
    text-align: center;
}

.wrapper-brandschilderen .container-cards .card h3
{
    font-size: 28px;
    line-height: 36px;
}

.wrapper-brandschilderen .container-cards .card:nth-child(3n+3)
{
    margin-right:0px;
}


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


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

      .project-overzicht .view-content .views-row:nth-child(4n) {
        margin-right: 24px;
      }

      .project-overzicht .view-content .views-row:nth-child(3n) {
        margin-right: 0px;
      }
  
    .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;
    }

    .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);
    }
}

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

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

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


    .alle-projecten .project-omschrijving h3, .alle-projecten  h3
    {
        font-size: 24px;
        line-height: 28px;
    }
    h3
    {
        font-size: 26px;
        line-height: 30px;
    }
    .menubg
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .menubg .container .logo
    {
        width:180px;
    }

    .horizontal-menu > li > a, .horizontal-menu > li > span
    {
        margin-left:8px;
        font-size: 13px;
    }


    .cards-kies .knop a
    {
        padding-left:0px;
        padding-right: 0px;
    }


    .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;
    }

    .menu-button-zoeken
    {
        display: none !important;
    }

    .search-block-form
    {
        margin-left:20px;
        margin-right: 20px;
        margin-top: 40px;
    }

    .search-block-form .js-form-type-search
    {
        width: calc(100% - 30px);
    }

    .search-block-form .btn-primary
    {
        border:none;
    }

    .menubg
    {
        border-bottom: solid 3px #a47b6f;
    }

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

}

@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
    {
        flex-wrap: wrap;
    }
    
    .region-footer1, .region-footer2, .region-footer3, .region-footer4
    {
        width:calc(50% - 20px);
        margin-bottom: 40px;
    }

    .region-footer1, .region-footer3
    {
        margin-right: 40px;
    }

    .region-footer2, .region-footer4
    {
        margin-right: 0px;
    }

    .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;
      }

}


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

    h1, h2
    {
        letter-spacing: 0px;
    }
    .breadcrumbs._none
    {
        margin-bottom: 54px;
    }

    .block-views-blockblog-block-1
    {
        padding-left:0px;
        margin-top: 50px;
    }

    .footer-buttons .views-field-nothing-2
    {
        display: block;
    }

    

    .block-inline-blockafbeelding-tegen-zijkant-geplakt
    {
        position: relative;
        width: 100%;
        height: auto !important;
    }

    .layout .col-md-6:nth-child(1):has(.block-inline-blockafbeelding),
    .order-bottom
    {
        order:3;
    }

    .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,
    .slick--view--fotoslider
    {
        margin-bottom: 60px;
    }
 
    .hero .no-gutters > .col-12 > .block-inline-blockafbeelding
    {
        height:50vh;
    }

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

    .layout > .col-12 > .block-field-blocknodevacaturesfield-formulier, .block-views-blockvacatures-block-1, .layout > .col-12 > .block-webform-block, .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:0px;
        padding-right: 0px;
    }

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

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

    h3
    {
        font-size: 24px;
    }

    
    .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:90px !important
    
    }

    .slick--view--productvergelijker .views-field-field-merk-logo
    {
        top:90px;
    }

    .menubg .container .logo,
    .menubg.sticky .container .logo
    {
        width: 200px;
        top:13px;
        left:14px;
        margin-top:0px;
        padding:0px;
    }
    
    .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;
    }

    .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:80px;
    }

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

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

    #block-memorise-blokcopyright
    {
        font-size: 14px;
    }

    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,
    .layout>.col-12>.block-field-blocknodeblogbody,
.layout>.col-12>.block-field-blocknodeblogfield-inleiding,
.layout>.col-12>.block-field-blocknodeblogfield-hoofdfoto,
.layout>.col-12>.block-field-blocknodeblogtitle,
.layout>.col-12>.block-field-blocknodeblogcreated,
.block-views-exposed-filter-blockprojecten-block-4
    {
        padding-left:0px !important;
        padding-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
    {
        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;
    }

    .block-inline-blockfotogrid-alleen-foto-s- .field--name-field-afbeeldingen > .field__item,
    .page-node-type-product .field--name-field-foto-s > .field__item, .page-node-type-projecten-overzicht .field--name-field-foto-s > .field__item
    {
        width:100%;
        margin-right: 0px !important;
    }

    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;
    }

    .hero-divider .block-inline-blockbasic::before,
    .hero-divider .block-block-content5c9fb2bd-a06c-43e8-b6b4-b301d688f798::before
    {

        background-image: url('../images/hero-divider-mob.jpg');

    }

        .block-inline-blockfoto-tekst-kader .field--name-field-foto-1,
        .view-projecten-cta .views-field-field-call-to-action-achtergrond,
        .node__content>div.hero, .hero
        {
            background-image: url('../images/duinkerke-home-mob.jpg');
        }




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

        .node__content>div.hero, .hero,
        .block-inline-blockfoto-tekst-kader .field--name-field-foto-1,
        .view-projecten-cta .views-field-field-call-to-action-achtergrond 
        {
            background-image: url('../images/duinkerke-home-mob.webp'); 
        }
        
    }


    footer .btn-primary
    {
        font-size: 15px !important;
    }
}