:root {
    --primary:  #95C130;
    --secondary:#1C273A;
    --third:    #FBFBFB;
    --fourth:   #264050;

    --font1: 'Teko', sans-serif;
    --font2: 'Lato', sans-serif;

	--fsize1: calc(1.425rem + 2.1vw); 
	--fsize2: calc(1.375rem + 1.5vw);
	--fsize3: calc(1.275rem + 1vw);

	--lh1: 1;
	--lh2: 1;
	--lh3: 1;
}

body { font: normal 400 1rem / 1.7 var(--font2); }

#siteContainer { position: relative; }

.fsize1, .fsize2, .fsize3, h1, h2, h3 { text-transform: uppercase; font-family: var(--font1); }
.fsize1 strong, .fsize2 strong, .fsize3 strong { color: var(--primary); }
.fsize1.elm, .fsize2.elm, .fsize3.elm { display: block; text-align: center; position: relative; padding: 2.5rem 0; margin: 1rem 0; }
.fsize1.elm span, .fsize2.elm span, .fsize3.elm span { display: block; transform: rotate(-10deg); } 
.fsize1.elm:before, .fsize2.elm:before, .fsize3.elm:before, .fsize1.elm:after, .fsize2.elm:after, .fsize3.elm:after { content: ''; display: block; background: url('../img/u-shape.svg') no-repeat 0 0/contain; position: absolute; left: 50%; }

.fsize1.elm:before { width: 23px; height: 26px; top: 0; transform: translateX(-50%); }
.fsize1.elm:after { width: 23px; height: 26px; bottom: 0; transform: translateX(-50%) rotate(180deg); }

.fsize2.elm:before { width: 23px; height: 26px; top: 0; transform: translateX(-50%); }
.fsize2.elm:after { width: 23px; height: 26px; bottom: 0; transform: translateX(-50%) rotate(180deg); }

.fsize3.elm:before { width: 20px; height: 23px; top: 0; transform: translateX(-50%); }
.fsize3.elm:after { width: 20px; height: 23px; bottom: 0; transform: translateX(-50%) rotate(180deg); }

.fsize1 { font-size: var(--fsize1)!important; line-height: var(--lh1); }
.fsize2 { font-size: var(--fsize2)!important; line-height: var(--lh2); }
.fsize3 { font-size: var(--fsize3)!important; line-height: var(--lh3); }

/* Buttons */
a { color: var(--primary); }
a:hover { color: var(--primary); }

/* [class*="blok"] a:not(.btn) { color: var(--primary); background: linear-gradient(0deg, var(--primary),  var(--primary)) no-repeat right bottom / 0 var(--bg-h); transition: background-size .35s, color .15s ease-in-out; padding-bottom: 2px; --bg-h: 1px; }
[class*="blok"] a:not(.btn):hover, a:not(.btn):focus-visible { color: var(--primary); background-size: 100% var(--bg-h); background-position-x: left; } */

.btn { padding: .75rem 2.5rem; border-radius: 2em; font-family: var(--font2); line-height: 1; } 

/* Knop groen/blauw */
.btn-primary { color: #fff; background-color: var(--primary); border-color: var(--primary); }
.btn-primary:hover { color: #fff; background-color: var(--secondary); border-color: var(--secondary); }
.btn-primary:focus, .btn-primary:active:focus { color: #fff; background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.25rem rgba(28, 39, 58,.4); }

/* Knop blauw/groen */
.btn-secondary { color: #fff; background-color: var(--secondary); border-color: var(--secondary); }
.btn-secondary:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); }
.btn-secondary:focus, .btn-secondary:active:focus { color: #fff; background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.25rem rgba(149, 193, 48,.4); }

/* Knop groen/wit */
.btn-third { color: #fff; background-color: var(--primary); border-color: var(--primary); }
.btn-third:hover { color: var(--primary); background-color: #fff; border-color: #fff; }
.btn-third:focus, .btn-third:active:focus { color: var(--primary); background-color: #fff; border-color: #fff; box-shadow: 0 0 0 0.25rem rgba(255, 255, 255,.4); }

/* Knop wit/blauw */
.btn-fourth { color: var(--secondary); background-color: #fff; border-color: #fff; }
.btn-fourth:hover { color: #fff; background-color: var(--secondary); border-color: var(--secondary); }
.btn-fourth:focus, .btn-fourth:active:focus { color: #fff; background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.25rem rgba(28, 39, 58,.4) }

.btn-link { position: relative; padding: .75rem 2rem .75rem 0; color: var(--secondary); font-family: var(--font1); text-decoration: none; }
.btn-link:after { content: ''; display: block; width: 20px; height: 23px; background: url('../img/u-shape.svg') no-repeat 0 0/contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(-90deg); transition: transform .15s ease-in-out; }
.btn-link:hover { color: var(--primary); }
.btn-link:hover:after { transform: translateY(-50%) rotate(-135deg); }
.btn-link:focus, .btn-link:active:focus { box-shadow: none; }

.btn-group-sm>.btn, .btn-sm { padding: .25rem .5rem; }
.btn-group-lg>.btn, .btn-lg { padding: 0.5rem 1rem; }

/* Header */
.topbar { background: var(--secondary); padding: 0px; }
.topbar .topbar-link, .topbar .topbar-text { color: #fff; }
.topbar .topbar-link { position: relative; padding-left: 1rem; transition: color .15s ease-in-out; }
.topbar .topbar-link:before { content: ''; width: 1px; height: 13px; background: var(--primary); display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.topbar .topbar-link:hover { color: var(--primary); }
.navbar-search .form-control { background: transparent; border: none; width: 110px; color: #fff; transition: background .15s ease-in-out, width .25s ease-in-out; }
.navbar-search .form-control::placeholder { color: #fff; }
.navbar-search .form-control:focus, .navbar-search:hover .form-control { box-shadow: none; background: rgba(255,255,255,.1); width: 140px; }
.navbar-search .bi-search { color: var(--primary); font-size: 1rem; }

header { background: var(--secondary); z-index: 1060; position: relative; position: sticky; top: 0; }
header:before { content: ''; width: 100%; height: 100%; position: absolute; background: inherit; z-index: -1; bottom: 0; transform-origin: left bottom; transform: skewY(-2deg); transform-origin: right top; transition: transform .25s ease-in-out; }
header .nav-link:not(.btn):hover { color: var(--primary); }

.navbar { background: var(--secondary); }
.navbar .logo { width: 100%; max-width: 150px; }
.navbar > .container { flex-wrap: nowrap; }  

nav .nav-link:not(.btn) { color: #fff; border-radius: 2rem; font-weight: 600; }
nav .nav-link:not(.btn):hover { background: rgba(255,255,255,.1); }
nav .navbar-tool-icon-box { background: transparent; display: inline-flex; }
nav .nav-link:not(.btn).active { color: #fff; background: var(--primary); }  
.nav-item.hasMenu ul { left: auto; padding: .5rem; opacity: 0; border-radius: 0px; pointer-events: none; transform: translateY(.5rem); transition: transform .25s ease-in-out, opacity .25s ease-in-out; background: #264050; box-shadow: none; }
.nav-item.hasMenu ul:after { content: ''; width: 100%; height: 100%; right: 0; position: absolute; background: inherit; right: 0; z-index: -1; bottom: 0; transform-origin: left bottom; transform: skewY(-2deg); transform-origin: right top; transition: transform .25s ease-in-out; }
.nav-item.hasMenu:hover ul { opacity: 1; pointer-events: auto; transform: translateY(0px); }
.nav-item.hasMenu ul .nav-link { margin: 0px; width: 100%; padding: .5rem 1rem!important; }
.nav-item.hasMenu ul .nav-link:hover { color: var(--primary); }

.sideMenuToggle span { width: 30px; height: 4px; background: var(--primary); }

.mobileSearchForm { padding: 2rem 1rem 1rem 1rem; background: #264050; position: absolute; left: 0; right: 0; top: -100%; z-index: -2; transition: top .5s ease-in-out; }
.mobileSearchForm:before { content: ''; width: 100%; height: 100%; position: absolute; background: inherit; z-index: -1; bottom: 0; right: 0; transform-origin: right top; transform: skewY(-2deg); }
.mobileSearchForm.open { top: 100% }
.navbar-search-collapse { position: relative; }
.navbar-search-collapse button { display: inline-flex; align-items: center; justify-content: center; position: absolute; right: .25rem; top: 0; bottom: 0; border: none; background: transparent; width: 40px; }
.navbar-search-collapse .form-control { border: none; background: rgba(255,255,255,.1); color: #fff; }
.navbar-search-collapse .form-control:focus { box-shadow: none; }
.navbar-search-collapse .form-control::placeholder { color: #fff; }

/* Mobiel menu */
.mm-panels{ width: calc(100% - 2rem); margin: auto; }

[class*="mm-navbars_"] { position: relative; }
[class*="mm-navbars_"]:before { content: ''; width: 100%; height: 100%; position: absolute; background: var(--secondary); z-index: 1; bottom: 0; transform: skewY(-2deg); }
[class*="mm-navbars_"] > div { position: relative; z-index: 2; background: var(--secondary); }

.mm-navbars_top { padding-top: 0.5rem; padding-bottom: .5rem; margin-bottom: 3rem; position: relative; background: var(--secondary) }
.mm-navbars_top figure { margin: 0px; flex-grow: 0; padding-left: 1rem; } 
.mm-navbars_top img { width: 150px; } 
.mm-navbars_top:before { transform: skewY(-2deg); transform-origin: right top; }
.mm-navbars_top .navbar-tool-icon-box { justify-content: flex-end; }
.mm-navbars_bottom { margin-top: 1.5rem; }
.mm-navbars_bottom:before { transform-origin: left bottom; }

.mm-menu_theme-white {
    --mm-color-border: rgba( 0,0,0, 0.1 );
    --mm-color-button: var(--secondary)!important;
    --mm-color-text: #fff!important;
    --mm-color-background: var(--primary)!important;
    --mm-color-background-highlight: rgba( 0,0,0, 0.06 );
    --mm-color-background-emphasis: rgba( 0,0,0, 0.03 );
    --mm-shadow: 0 0 10px rgba( 0,0,0, 0.2 );
}
.mm-listitem { margin-bottom: .5rem!important; }
.mm-listitem__btn { background: rgba(0,0,0,.1)!important; padding-right: 44px!important; border-radius: 50%; }
.mm-navbar__btn { background: rgba(0,0,0,.1)!important; border-radius: 50%; }
.mm-navbar_sticky { padding: 0 1rem 1rem 0!important; border: none!important; }
.mm-btn_prev:before { left: 19px!important; }
.mm-btn { width: 44px!important; }
.mm-btn_next:after { right: 19px!important; }
.mm-navbar__title span { color: #fff; font-family: var(--font1); font-size: 1.25rem; }
.mm-btn_next { margin-left: .5rem!important; }
.mm-btn_next:after, .mm-btn_prev:before { border-color: #fff!important; }
.mm-menu_offcanvas { width: 100%!important; max-width: 100%!important; }
.mm-menu .nav-link:not(.btn).active { background: rgba(0,0,0,.1); }
.mm-menu .mm-navbars_bottom svg { width: 20px; height: 20px; }
.mm-menu .mm-navbars_bottom svg path { fill: var(--primary); }
.mm-menu .nav-link:not(.btn):hover { background: rgba(0,0,0,.1); }

/* Slideshows */
.pageheaderHome .item { flex-wrap: wrap; }
.pageheaderHome .description { background: #264050; height: 100%; padding: 5rem 1rem 3rem 1rem; position: relative; }
.pageheaderHome .description [class*="fsize"] { color: #fff; }
.pageheaderHome .description p { margin: 0px; }
.pageheaderHome .description svg { position: absolute; right: -1rem; top: 50%; transform: translateY(-50%); width: 218px; }

main { margin-top: 50px; }
.pageheader + main { margin-top: 0px; }

.slick-slider .slick-arrow:focus { box-shadow: 0 0 0 0.25rem rgba(6, 106, 201,.4); }

/* Homepage */
.home [class*="blok"] { opacity: 0; transform: translateY(1rem); transition: opacity .5s ease-in-out, transform .5s ease-in-out; }
.home [class*="blok"].in { opacity: 1; transform: translateY(0px); }

/* Cards */
.card { border-radius: 0px; }
.card img { border-radius: 0px; transition: transform .25s ease-in-out; }
.card:hover img { transform: scale(1.05); }
.card figure { margin: 0px; position: relative; overflow: hidden; }
.card .stretched-link::after { z-index: 2; }
.card .card-body > * { position: relative; z-index: 1; }

.card-news { background: transparent; flex-direction: column-reverse; }
.card-news .card-body { padding-left: 0px; padding-top: 0px; }
.card-news h2 { font-size: 1.25rem; }
.card-news figure { clip-path: polygon(0 1rem, 100% 0, 100% 100%, 0% 100%); }
.card-news:hover .btn-link { color: var(--primary); }
.card-news:hover .btn-link:after { transform: translateY(-50%) rotate(-135deg); }

.section-news { background: var(--primary); }
.section-news .fsize1.elm:before { background: url('../img/u-shape.white.svg') no-repeat 0 0/contain; }
.section-news .fsize1.elm:after { background: url('../img/u-shape.white.svg') no-repeat 0 0/contain; }
.section-news .card-news p, .section-news .card-news h2 { color: #fff; }
.section-news .card-news .small { color: var(--secondary); }
.section-news .card-news .btn-link { color: #fff; }
.section-news .card-news .btn-link:after { background: url('../img/u-shape.secondary.svg') no-repeat 0 0/contain }
.section-news .card-news:hover .btn-link { color: var(--secondary); }

.section-news .inner > .col-12:nth-child(2) { position: relative; }
.section-news .inner > .col-12:nth-child(2):after { content: ''; display: block; height: 5px; border-radius: 5px; background: #fff; position: absolute; left: calc(1.5rem * .5); right: calc(1.5rem * .5); top: -1.5rem; } 

/* Forms */
.form-control { padding: 0.475rem 1.25rem; border-radius: 2em; }
.form-select { padding: 0.575rem 0.75rem; }

.input-group-lg>.form-control, .input-group-lg>.btn { border-radius: 2rem; }

/* Alerts */
.alert { border-radius: 2em; }

.social-media a { border-radius: 50%; background-color: #fff; }
.social-media a svg path { fill: var(--primary); }
.social-media a:hover, .social-media a:focus { background-color: var(--primary); }
.social-media a:focus { box-shadow: 0 0 0 0.25rem rgb(149 193 48 / 40%) }
.social-media a:hover svg path { fill: #fff; }

.vast-en-zeker { position: relative; margin: 0px; }
.vast-en-zeker svg { position: absolute; right: -15px; top: 50%; transform: translateY(-50%); width: 218px; }

footer { background: var(--secondary); position: relative; }
footer:before { content: ''; width: 100%; height: 100%; position: absolute; background: inherit; bottom: 0; transform: skewY(2deg); transform-origin: right top; }
footer > .container { position: relative; z-index: 2; }
footer .logo img { width: 100%; max-width: 150px; }
footer [class*="fsize"] { font-family: var(--font2); font-size: 22px!important; color: var(--primary); text-transform: none; font-weight: bold; }
footer p { color: #fff; }
footer p a { color: #fff; transition: color .15s ease-in-out; }
footer p a[href*='tel:'] { font-weight: bold; line-height: 1; }
footer p a[href*='mailto:'] { color: var(--primary); font-weight: bold; line-height: 1; }

.subfooter { background: var(--secondary); }
.subfooter .subfooter-link { display: block; color: rgba(255,255,255,.4); transition: color .15s ease-in-out; }
.subfooter .subfooter-link:hover { color: #fff; } 

.blok5 figure, .blok8 figure, .blok7 figure, .blok10 figure { clip-path: polygon(0 1rem, 100% 0, 100% 100%, 0% 100%); }

.blok32 .inner { position: relative; display: flex; flex-direction: column; height: 100%; padding-bottom: 2rem; }
.blok32 figure { margin: 0px; overflow: hidden; }
.blok32 figure img { transition: transform .25s ease-in-out; }
.blok32 .inner:hover figure img { transform: scale(1.05); }
.blok32 .text { padding: 1rem; position: relative; flex-grow: 1; background: var(--secondary); }
.blok32 .text > * { color: #fff; z-index: 1; position: relative; }
.blok32 .text > p a { z-index: 2; }
.blok32 .text p:last-child { margin: 0px; }
.blok32 .text:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: var(--secondary); z-index: 0; transform-origin: left bottom; transform: skewY(-5deg); }
.blok32 .btn-link { color: #fff; }
.blok32 .btn-link:hover { color: var(--primary); }

.blok39 .card { border: none; border-radius: 0px; overflow: hidden; }
.blok39 .card .card-body { position: relative; background: var(--secondary); color: #fff; }
.blok39 .card .card-body .btn-link { color: #fff; }
.blok39 .card .card-body:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: var(--secondary); z-index: 0; transform-origin: left bottom; transform: skewY(-5deg); }

.blok59 .container .row { justify-content: center; }
.blok59 p { margin: 0px; }

.blok59 .col-12 { position: relative; text-align: center; padding: 1rem; }
.blok59 .col-12:not(:first-child):after { content: ''; width: 30px; height: 2px; background: var(--primary); position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

ul[style="list-style-type: square;"] { list-style-type: none!important; }
ul[style="list-style-type: square;"] li { position: relative; margin-bottom: .25rem; }
ul[style="list-style-type: square;"] li:before { content: ''; display: block; width: 20px; height: 20px; position: absolute; left: -1.75rem; top: 50%; transform: translateY(-50%); 
    background: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path fill="%23ffffff" d="M18.9 35.95Q18.45 35.95 18.025 35.775Q17.6 35.6 17.25 35.25L8.2 26.2Q7.5 25.5 7.5 24.5Q7.5 23.5 8.2 22.8Q8.9 22.1 9.875 22.1Q10.85 22.1 11.6 22.8L18.9 30.1L36.4 12.65Q37.1 11.95 38.075 11.925Q39.05 11.9 39.75 12.65Q40.45 13.35 40.45 14.35Q40.45 15.35 39.75 16.05L20.55 35.25Q20.2 35.6 19.775 35.775Q19.35 35.95 18.9 35.95Z"/></svg>') no-repeat center center/15px;
    background-color: var(--primary);
    border-radius: 50%;
}


.breadcrumb-container { margin-bottom: 1.5rem; font-size: .875rem; } 

@media (min-width: 576px) {}
@media(min-width: 768px){
    .blok32 .text { padding: 1.5rem; }
    .navbar .logo { max-width: 200px; }

    .section-news .inner > .col-12:nth-child(2):after { content: ''; display: block; height: 100%; width: 6px; border-radius: 5px; background: #fff; position: absolute; left: auto; right: calc(100% - 3px); top: 0; bottom: 0; } 

    .blok59 .col-12:not(:first-child):after { width: 2px; height: 25px; top: 22%; left: 0px; transform: none; }

    footer .logo img { max-width: 200px; }
    footer p a[href*='tel:'] { font-size: 1.25rem; }
    footer p a[href*='mailto:'] { font-size: 1.25rem; }
    .subfooter > .container { display: flex; justify-content: space-between; }
    .subfooter .subfooter-link { display: inline-block; } 
}
@media(min-width: 992px){
    header .navbar-top > .container { display: grid; grid-template-columns: 175px 1fr; grid-template-rows: repeat(2, auto); grid-column-gap: 0px; grid-row-gap: 0px; }
    header .topbar { grid-area: 1 / 2 / 2 / 3; padding: 1rem 1.5rem 1rem 0; }
    header .logo { grid-area: 1 / 1 / 3 / 2; transform: translateY(1rem); transition: transform .25s ease-in-out; }
    header .nav-toolbar { grid-area: 2 / 2 / 3 / 3; }
    header .navbar.navbar-top { padding-top: 0px; padding-bottom: 0px; height: 123px; }
    .navbar-main { padding: 0 0 .5rem 0; }
    nav .nav-link:not(.btn) { padding: .5rem 1.5rem; }
    nav .nav > .nav-item { margin: 0 .25rem; }
    
    header.header-sticky:before { transform: skewY(0deg); }
    header.header-sticky .logo { transform: translateY(0px);  }

    .pageheaderHome .description { height: 600px; }
    .pageheaderHome img { width: 100%; height: 600px; object-fit: cover; }
    .pageheaderHome .description { padding: 7rem 1rem 3rem 7rem; }
    .pageheaderHome .description p { text-align: center; }
    .pageheaderHome .description svg { right: -21px; top: 50%; transform: none; width: 270px; }

    .card-news { flex-direction: row; align-items: center; }
    .card-news > *:not(.newsItem-inactive) { width: 50%; }

    footer .logo img { max-width: 250px; }

    .blok5 .inner > .row, .blok7 .inner > .row, .blok8 .inner > .row, .blok10 .inner > .row, .blok34 .inner > .row, .blok36 .inner > .row, .blok37 .inner > .row, .blok43 .inner > .row {
        --bs-gutter-x: 3rem;
    }
    
}
@media(min-width: 1200px){
    :root {
        --fsize1: 2.75rem; 
        --fsize2: 2rem;
        --fsize3: 1.75rem;
    }
    header .navbar-top > .container { display: grid; grid-template-columns: 200px 1fr; }
    nav .nav-link:not(.btn) { padding: .5rem 2rem;}

    .vast-en-zeker svg { width: 270px; right: -19px; }
}
@media (min-width: 1400px) {}